Fix strings, fix cover images and add tooltips

mfcar · May 11, 2024 · a3ad19d · a3ad19d
1 parent 50ea58a
commit a3ad19d
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 24 deletions.
diff --git a/client/pages/config/rss-feeds.vue b/client/pages/config/rss-feeds.vue
@@ -15,7 +15,7 @@
               class="w-1/2 h-8 rounded-tl-md relative border border-black-200 flex items-center justify-center cursor-pointer"
               :class="!showIncomingFeedsView ? 'text-white bg-bg hover:bg-opacity-60 border-b-bg' : 'text-gray-400 hover:text-gray-300 bg-primary bg-opacity-70 hover:bg-opacity-60'"
               @click="showIncomingFeedsView = false">
-            <p class="text-sm">{{$strings.HeaderOpenedRSSFeeds}}</p>
+            <p class="text-sm">{{$strings.HeaderRSSFeeds}}</p>
           </div>
           <div
               class="w-1/2 h-8 rounded-tr-md relative border border-black-200 flex items-center justify-center -ml-px cursor-pointer"
@@ -45,16 +45,16 @@
                   <th class="w-24 min-w-16 text-left">{{ $strings.LabelFeedLastChecked }}</th>
                   <th class="w-24 min-w-16 text-left">{{ $strings.LabelFeedLastSuccessfulCheck }}</th>
                   <th class="w-16 min-w-16 text-left">{{ $strings.LabelFeedHealthy }}</th>
-                  <th class="w-16 min-w-16 text-left">{{ $strings.LabelFeedAutoDownloadEnabled}}</th>
+                  <th class="w-16 min-w-16 text-left">{{ $strings.LabelAutoDownloadEpisodes}}</th>
                   <th class="w-24 min-w-16 text-left">{{ $strings.LabelFeedNextAutomaticCheck }}</th>
                   <th class="w-16 text-center"></th>
                 </tr>
 
                 <tr v-for="incomingFeed in incomingFeedsList" :key="incomingFeed.id" class="cursor-pointer h-12">
                   <!--  -->
                   <td>
-                    <covers-preview-cover v-if="incomingFeed.coverPath" :width="50"
-                                          :src="$store.getters['globals/getLibraryItemCoverSrcById'](incomingFeed.id)"
+                    <covers-preview-cover v-if="incomingFeed?.metadata?.imageUrl" :width="50"
+                                          :src="incomingFeed.metadata.imageUrl"
                                           :book-cover-aspect-ratio="bookCoverAspectRatio" :show-resolution="false"/>
                     <img v-else :src="noCoverUrl" class="h-full w-full"/>
                   </td>
@@ -86,8 +86,14 @@
                   </td>
                   <!--  -->
                   <td class="text-center leading-none lg:table-cell">
-                      <span class="material-icons text-2xl" v-if="incomingFeed.autoDownloadEpisodes">check</span>
-                      <span class="material-icons text-2xl" v-else>close</span>
+                    <ui-tooltip v-if="incomingFeed.autoDownloadEpisodes" direction="top"
+                                :text="$strings.LabelEnabled">
+                      <span class="material-icons text-2xl">check</span>
+                    </ui-tooltip>
+                    <ui-tooltip  v-else direction="top"
+                                :text="$strings.LabelDisabled">
+                      <span class="material-icons text-2xl">close</span>
+                    </ui-tooltip>
                   </td>
                   <!--  -->
                   <td class="text-left">
@@ -119,41 +125,30 @@
                   </td>
                 </tr>
               </table>
-
-              <div>
-                <pre>{{incomingFeedsList}}</pre>
-              </div>
             </div>
           </template>
           <template v-else>
-            <div v-if="feeds.length" class="block max-w-full">
+            <div v-if="feeds.length" class="block max-w-full pt-2">
               <form @submit.prevent="feedsSubmit" class="flex flex-grow">
                 <ui-text-input v-model="feedsSearch" @input="feedsInputUpdate" type="search" :placeholder="$strings.PlaceholderSearchTitle" class="flex-grow mb-3 text-sm md:text-base" />
               </form>
 
-              <div>
-                <pre>{{feedsList}}</pre>
-              </div>
-
               <table class="rssFeedsTable text-xs">
                 <tr class="bg-primary bg-opacity-40 h-12">
                   <th class="w-16 min-w-16"></th>
                   <th class="w-48 max-w-64 min-w-24 text-left truncate">{{ $strings.LabelTitle }}</th>
                   <th class="w-48 min-w-24 text-left hidden xl:table-cell">{{ $strings.LabelSlug }}</th>
                   <th class="w-24 min-w-16 text-left hidden md:table-cell">{{ $strings.LabelType }}</th>
                   <th class="w-16 min-w-16 text-center">{{ $strings.HeaderEpisodes }}</th>
-                  <th class="w-16 min-w-16 text-center hidden lg:table-cell">{{
-                      $strings.LabelRSSFeedPreventIndexing
-                    }}
-                  </th>
+                  <th class="w-16 min-w-16 text-center hidden lg:table-cell">{{ $strings.LabelRSSFeedPreventIndexing }}</th>
                   <th class="w-48 min-w-24 flex-grow hidden md:table-cell">{{ $strings.LabelLastUpdate }}</th>
                   <th class="w-16 text-left"></th>
                 </tr>
 
                 <tr v-for="feed in feedsList" :key="feed.id" class="cursor-pointer h-12" @click="showFeed(feed)">
                   <!--  -->
                   <td>
-                    <img :src="coverUrl(feed)" class="h-full w-full"/>
+                    <img :src="coverUrl(feed)" class="h-full w-full" />
                   </td>
                   <!--  -->
                   <td class="w-48 max-w-64 min-w-24 text-left truncate">
@@ -179,15 +174,13 @@
                   </td>
                   <!--  -->
                   <td class="text-center hidden md:table-cell">
-                    <ui-tooltip v-if="feed.updatedAt" direction="top"
-                                :text="$formatDatetime(feed.updatedAt, dateFormat, timeFormat)">
+                    <ui-tooltip v-if="feed.updatedAt" direction="top" :text="$formatDatetime(feed.updatedAt, dateFormat, timeFormat)">
                       <p class="text-gray-200">{{ $dateDistanceFromNow(feed.updatedAt) }}</p>
                     </ui-tooltip>
                   </td>
                   <!--  -->
                   <td class="text-center">
-                    <ui-icon-btn icon="delete" class="mx-0.5" :size="7" bg-color="error" outlined
-                                 @click.stop="deleteFeedClick(feed)"/>
+                    <ui-icon-btn icon="delete" class="mx-0.5" :size="7" bg-color="error" outlined @click.stop="deleteFeedClick(feed)" />
                   </td>
                 </tr>
               </table>

diff --git a/client/strings/en-us.json b/client/strings/en-us.json
@@ -126,6 +126,7 @@
   "HeaderEpisodes": "Episodes",
   "HeaderEreaderDevices": "Ereader Devices",
   "HeaderEreaderSettings": "Ereader Settings",
+  "HeaderExternalFeedURLHealthChecker": "External Feed URL Health Checker",
   "HeaderFiles": "Files",
   "HeaderFindChapters": "Find Chapters",
   "HeaderIgnoredFiles": "Ignored Files",
@@ -261,6 +262,7 @@
   "LabelDevice": "Device",
   "LabelDeviceInfo": "Device Info",
   "LabelDeviceIsAvailableTo": "Device is available to...",
+  "LabelDisabled": "Disabled",
   "LabelDirectory": "Directory",
   "LabelDiscFromFilename": "Disc from Filename",
   "LabelDiscFromMetadata": "Disc from Metadata",
@@ -279,6 +281,7 @@
   "LabelEmailSettingsTestAddress": "Test Address",
   "LabelEmbeddedCover": "Embedded Cover",
   "LabelEnable": "Enable",
+  "LabelEnabled": "Enabled",
   "LabelEnd": "End",
   "LabelEpisode": "Episode",
   "LabelEpisodeTitle": "Episode Title",