groove/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2025-12-20 18:59:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update example label

Browse source
This commit is contained in:
mfcar 2023-03-04 11:51:53 +00:00
parent d8b6e09bc0
commit 6aeed24296
No known key found for this signature in database
10 changed files with 22 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

17
client/pages/config/index.vue
View file

@ -68,16 +68,19 @@
</ui-tooltip>
</div>
<div class="flex items-end py-2">
<div class="flex-grow py-2">
<ui-dropdown :label="$strings.LabelSettingsDateFormat" v-model="newServerSettings.dateFormat" :items="dateFormats" small class="max-w-52" @input="(val) => updateSettingsKey('dateFormat', val)" />
<span class="ml-2 text-yellow-400">{{ dateExample }}</span>
<p class="text-xs ml-1 text-warning text-opacity-60">{{ $strings.LabelExample }}: {{ dateExample }}</p>
<p class="text-xs ml-1 text-white text-opacity-60">{{ $strings.LabelCurrently }} {{ currentlyDate }}</p>
</div>
<div class="flex items-end py-2">
<div class="flex-grow py-2">
<ui-dropdown :label="$strings.LabelSettingsTimeFormat" v-model="newServerSettings.timeFormat" :items="timeFormats" small class="max-w-52" @input="(val) => updateSettingsKey('timeFormat', val)" />
<span class="ml-2 text-yellow-400">{{ timeExample }}</span>
<p class="text-xs ml-1 text-warning text-opacity-60">{{ $strings.LabelExample }}: {{ timeExample }}</p>
<p class="text-xs ml-1 text-white text-opacity-60">{{ $strings.LabelCurrently }} {{ currentlyTime }}</p>
</div>
<div class="py-2">
<ui-dropdown :label="$strings.LabelLanguageDefaultServer" ref="langDropdown" v-model="newServerSettings.language" :items="$languageCodeOptions" small class="max-w-52" @input="updateServerLanguage" />
</div>
@ -303,6 +306,12 @@ export default {
timeFormats() {
return this.$store.state.globals.timeFormats
},
currentlyDate() {
return this.$formatJsDate(new Date(), this.newServerSettings.dateFormat)
},
currentlyTime() {
return this.$formatJsTime(new Date(), this.newServerSettings.timeFormat)
},
dateExample() {
const date = new Date(2014, 2, 25);
return this.$formatJsDate(date, this.newServerSettings.dateFormat)