From d5fa36b11a3d5050ce25b1a8dcbe796b3064467b Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Sat, 18 Jan 2025 14:46:12 -0600
Subject: [PATCH] Update error icon on audio player cover to show progress sync
 alert dialog when tapped #1396

---
 components/app/AudioPlayer.vue              | 10 +++++++++-
 components/connection/ServerConnectForm.vue |  2 +-
 strings/en-us.json                          |  3 +++
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/components/app/AudioPlayer.vue b/components/app/AudioPlayer.vue
index cc34b698..13226b45 100644
--- a/components/app/AudioPlayer.vue
+++ b/components/app/AudioPlayer.vue
@@ -35,7 +35,7 @@
         <covers-book-cover v-if="libraryItem || localLibraryItemCoverSrc" ref="cover" :library-item="libraryItem" :download-cover="localLibraryItemCoverSrc" :width="bookCoverWidth" :book-cover-aspect-ratio="bookCoverAspectRatio" raw @imageLoaded="coverImageLoaded" />
       </div>
 
-      <div v-if="syncStatus === $constants.SyncStatus.FAILED" class="absolute top-0 left-0 w-full h-full flex items-center justify-center z-30">
+      <div v-if="syncStatus === $constants.SyncStatus.FAILED" class="absolute top-0 left-0 w-full h-full flex items-center justify-center z-30" @click.stop="showSyncsFailedDialog">
         <span class="material-icons text-error text-3xl">error</span>
       </div>
     </div>
@@ -107,6 +107,7 @@
 <script>
 import { Capacitor } from '@capacitor/core'
 import { AbsAudioPlayer } from '@/plugins/capacitor'
+import { Dialog } from '@capacitor/dialog'
 import { FastAverageColor } from 'fast-average-color'
 import WrappingMarquee from '@/assets/WrappingMarquee.js'
 
@@ -390,6 +391,13 @@ export default {
     }
   },
   methods: {
+    showSyncsFailedDialog() {
+      Dialog.alert({
+        title: this.$strings.HeaderProgressSyncFailed,
+        message: this.$strings.MessageProgressSyncFailed,
+        cancelText: this.$strings.ButtonOk
+      })
+    },
     clickChaptersBtn() {
       if (!this.chapters.length) return
       this.showChapterModal = true
diff --git a/components/connection/ServerConnectForm.vue b/components/connection/ServerConnectForm.vue
index f14c6c9f..08eb30b6 100644
--- a/components/connection/ServerConnectForm.vue
+++ b/components/connection/ServerConnectForm.vue
@@ -152,7 +152,7 @@ export default {
       Dialog.alert({
         title: 'Old Server Connection Warning',
         message: this.$strings.MessageOldServerConnectionWarningHelp,
-        cancelText: 'OK'
+        cancelText: this.$strings.ButtonOk
       })
     },
     checkIdUuid(userId) {
diff --git a/strings/en-us.json b/strings/en-us.json
index 9d0a4a94..8b9b00ef 100644
--- a/strings/en-us.json
+++ b/strings/en-us.json
@@ -29,6 +29,7 @@
   "ButtonManageLocalFiles": "Manage Local Files",
   "ButtonNewFolder": "New Folder",
   "ButtonNextEpisode": "Next Episode",
+  "ButtonOk": "Ok",
   "ButtonOpenFeed": "Open Feed",
   "ButtonOverride": "Override",
   "ButtonPause": "Pause",
@@ -75,6 +76,7 @@
   "HeaderPlaybackSettings": "Playback Settings",
   "HeaderPlaylist": "Playlist",
   "HeaderPlaylistItems": "Playlist Items",
+  "HeaderProgressSyncFailed": "Progress Sync Failed",
   "HeaderRSSFeed": "RSS Feed",
   "HeaderRSSFeedGeneral": "RSS Details",
   "HeaderRSSFeedIsOpen": "RSS Feed is Open",
@@ -313,6 +315,7 @@
   "MessageOldServerConnectionWarning": "Server connection config is using an old user ID. Please delete and re-add this server connection.",
   "MessageOldServerConnectionWarningHelp": "You originally set up the connection to this server prior to the database migration in 2.3.0, released June 2023. A future server update will remove the ability to sign in with this old connection. Please delete the existing server connection and connect again (using the same server address and credentials). If you have any downloaded media on this device, the media will need to be downloaded again to sync with the server.",
   "MessagePodcastSearchField": "Enter search term or RSS feed URL",
+  "MessageProgressSyncFailed": "The most recent attempt to report your listening progress to the server has failed. Progress sync requests will continue to be attempted every 15 seconds to 1 minute while media is playing.",
   "MessageReportBugsAndContribute": "Report bugs, request features, and contribute on",
   "MessageSeriesAlreadyDownloaded": "You have already downloaded all books in this series.",
   "MessageSeriesDownloadConfirm": "Download missing {0} book(s) with {1} file(s), totaling {2} to folder {3}?",