Update example label

client/pages/config/index.vue

@@ -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)

client/strings/de.json

@@ -213,6 +213,7 @@
   "LabelEpisode": "Episode",
   "LabelEpisodeTitle": "Episodentitel",
   "LabelEpisodeType": "Episodentyp",
+  "LabelExample": "Example",
   "LabelExplicit": "Explizit (Altersbeschränkung)",
   "LabelFeedURL": "Feed URL",
   "LabelFile": "Datei",

client/strings/en-us.json

@@ -213,6 +213,7 @@
   "LabelEpisode": "Episode",
   "LabelEpisodeTitle": "Episode Title",
   "LabelEpisodeType": "Episode Type",
+  "LabelExample": "Example",
   "LabelExplicit": "Explicit",
   "LabelFeedURL": "Feed URL",
   "LabelFile": "File",

client/strings/es.json

@@ -213,6 +213,7 @@
   "LabelEpisode": "Episode",
   "LabelEpisodeTitle": "Episode Title",
   "LabelEpisodeType": "Episode Type",
+  "LabelExample": "Example",
   "LabelExplicit": "Explicit",
   "LabelFeedURL": "Feed URL",
   "LabelFile": "File",

client/strings/fr.json

@@ -213,6 +213,7 @@
   "LabelEpisode": "Épisode",
   "LabelEpisodeTitle": "Titre de l'épisode",
   "LabelEpisodeType": "Type de l'épisode",
+  "LabelExample": "Example",
   "LabelExplicit": "Restriction",
   "LabelFeedURL": "URL deu flux",
   "LabelFile": "Fichier",

client/strings/hr.json

@@ -213,6 +213,7 @@
   "LabelEpisode": "Epizoda",
   "LabelEpisodeTitle": "Naslov epizode",
   "LabelEpisodeType": "Vrsta epizode",
+  "LabelExample": "Example",
   "LabelExplicit": "Explicit",
   "LabelFeedURL": "Feed URL",
   "LabelFile": "Datoteka",

client/strings/it.json

@@ -213,6 +213,7 @@
   "LabelEpisode": "Episodio",
   "LabelEpisodeTitle": "Titolo Episodio",
   "LabelEpisodeType": "Tipo Episodio",
+  "LabelExample": "Example",
   "LabelExplicit": "Esplicito",
   "LabelFeedURL": "Feed URL",
   "LabelFile": "File",

client/strings/pl.json

@@ -213,6 +213,7 @@
   "LabelEpisode": "Odcinek",
   "LabelEpisodeTitle": "Tytuł odcinka",
   "LabelEpisodeType": "Typ odcinka",
+  "LabelExample": "Example",
   "LabelExplicit": "Nieprzyzwoite",
   "LabelFeedURL": "URL kanału",
   "LabelFile": "Plik",

client/strings/ru.json

@@ -213,6 +213,7 @@
   "LabelEpisode": "Эпизод",
   "LabelEpisodeTitle": "Имя Эпизода",
   "LabelEpisodeType": "Тип Эпизода",
+  "LabelExample": "Example",
   "LabelExplicit": "Явный",
   "LabelFeedURL": "URL Канала",
   "LabelFile": "Файл",

client/strings/zh-cn.json

@@ -213,6 +213,7 @@
   "LabelEpisode": "剧集",
   "LabelEpisodeTitle": "剧集标题",
   "LabelEpisodeType": "剧集类型",
+  "LabelExample": "Example",
   "LabelExplicit": "信息准确",
   "LabelFeedURL": "源 URL",
   "LabelFile": "文件",