groove/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-07-10 11:21:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Fix strings, fix cover images and add tooltips

Browse source
This commit is contained in:
mfcar 2024-05-11 21:30:34 +01:00
parent 50ea58aea2
commit a3ad19da60
No known key found for this signature in database
2 changed files with 20 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

39
client/pages/config/rss-feeds.vue
View file

@ -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="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'" :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"> @click="showIncomingFeedsView = false">
<p class="text-sm">{{$strings.HeaderOpenedRSSFeeds}}</p> <p class="text-sm">{{$strings.HeaderRSSFeeds}}</p>
</div> </div>
<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" class="w-1/2 h-8 rounded-tr-md relative border border-black-200 flex items-center justify-center -ml-px cursor-pointer"
@ -45,7 +45,7 @@
<th class="w-24 min-w-16 text-left">{{ $strings.LabelFeedLastChecked }}</th> <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-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.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-24 min-w-16 text-left">{{ $strings.LabelFeedNextAutomaticCheck }}</th>
<th class="w-16 text-center"></th> <th class="w-16 text-center"></th>
</tr> </tr>
@ -53,8 +53,8 @@
<tr v-for="incomingFeed in incomingFeedsList" :key="incomingFeed.id" class="cursor-pointer h-12"> <tr v-for="incomingFeed in incomingFeedsList" :key="incomingFeed.id" class="cursor-pointer h-12">
<!-- --> <!-- -->
<td> <td>
<covers-preview-cover v-if="incomingFeed.coverPath" :width="50" <covers-preview-cover v-if="incomingFeed?.metadata?.imageUrl" :width="50"
:src="$store.getters['globals/getLibraryItemCoverSrcById'](incomingFeed.id)" :src="incomingFeed.metadata.imageUrl"
:book-cover-aspect-ratio="bookCoverAspectRatio" :show-resolution="false"/> :book-cover-aspect-ratio="bookCoverAspectRatio" :show-resolution="false"/>
<img v-else :src="noCoverUrl" class="h-full w-full"/> <img v-else :src="noCoverUrl" class="h-full w-full"/>
</td> </td>
@ -86,8 +86,14 @@
</td> </td>
<!-- --> <!-- -->
<td class="text-center leading-none lg:table-cell"> <td class="text-center leading-none lg:table-cell">
<span class="material-icons text-2xl" v-if="incomingFeed.autoDownloadEpisodes">check</span> <ui-tooltip v-if="incomingFeed.autoDownloadEpisodes" direction="top"
<span class="material-icons text-2xl" v-else>close</span> :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>
<!-- --> <!-- -->
<td class="text-left"> <td class="text-left">
@ -119,22 +125,14 @@
</td> </td>
</tr> </tr>
</table> </table>
<div>
<pre>{{incomingFeedsList}}</pre>
</div>
</div> </div>
</template> </template>
<template v-else> <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"> <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" /> <ui-text-input v-model="feedsSearch" @input="feedsInputUpdate" type="search" :placeholder="$strings.PlaceholderSearchTitle" class="flex-grow mb-3 text-sm md:text-base" />
</form> </form>
<div>
<pre>{{feedsList}}</pre>
</div>
<table class="rssFeedsTable text-xs"> <table class="rssFeedsTable text-xs">
<tr class="bg-primary bg-opacity-40 h-12"> <tr class="bg-primary bg-opacity-40 h-12">
<th class="w-16 min-w-16"></th> <th class="w-16 min-w-16"></th>
@ -142,10 +140,7 @@
<th class="w-48 min-w-24 text-left hidden xl:table-cell">{{ $strings.LabelSlug }}</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-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">{{ $strings.HeaderEpisodes }}</th>
<th class="w-16 min-w-16 text-center hidden lg:table-cell">{{ <th class="w-16 min-w-16 text-center hidden lg:table-cell">{{ $strings.LabelRSSFeedPreventIndexing }}</th>
$strings.LabelRSSFeedPreventIndexing
}}
</th>
<th class="w-48 min-w-24 flex-grow hidden md:table-cell">{{ $strings.LabelLastUpdate }}</th> <th class="w-48 min-w-24 flex-grow hidden md:table-cell">{{ $strings.LabelLastUpdate }}</th>
<th class="w-16 text-left"></th> <th class="w-16 text-left"></th>
</tr> </tr>
@ -179,15 +174,13 @@
</td> </td>
<!-- --> <!-- -->
<td class="text-center hidden md:table-cell"> <td class="text-center hidden md:table-cell">
<ui-tooltip v-if="feed.updatedAt" direction="top" <ui-tooltip v-if="feed.updatedAt" direction="top" :text="$formatDatetime(feed.updatedAt, dateFormat, timeFormat)">
:text="$formatDatetime(feed.updatedAt, dateFormat, timeFormat)">
<p class="text-gray-200">{{ $dateDistanceFromNow(feed.updatedAt) }}</p> <p class="text-gray-200">{{ $dateDistanceFromNow(feed.updatedAt) }}</p>
</ui-tooltip> </ui-tooltip>
</td> </td>
<!-- --> <!-- -->
<td class="text-center"> <td class="text-center">
<ui-icon-btn icon="delete" class="mx-0.5" :size="7" bg-color="error" outlined <ui-icon-btn icon="delete" class="mx-0.5" :size="7" bg-color="error" outlined @click.stop="deleteFeedClick(feed)" />
@click.stop="deleteFeedClick(feed)"/>
</td> </td>
</tr> </tr>
</table> </table>

3
client/strings/en-us.json
View file

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