Fix: Make more text translatable (#414)

* Make more text translatable

* update subscription page

* Update slovak locale

src/App.vue

@@ -18,7 +18,7 @@
              
             <a href="https://github.com/TeamPiped/Piped#donations">
                 <font-awesome-icon :icon="['fab', 'bitcoin']"></font-awesome-icon>
-                Donations
+                {{ $t("actions.donations") }}
             </a>
         </div>
     </div>

src/components/Channel.vue

@@ -13,7 +13,7 @@
             style="background: #222"
             type="button"
         >
-            {{ subscribed ? "Unsubscribe" : "Subscribe" }}
+            {{ subscribed ? $t("actions.unsubscribe") : $t("actions.subscribe") }}
         </button>
 
         <hr />

src/components/Comment.vue

@@ -11,7 +11,7 @@
     <div class="comment-content">
       <div class="comment-header">
         <div v-if="comment.pinned" class="comment-pinned uk-text-meta">
-          <font-awesome-icon icon="thumbtack"></font-awesome-icon>&nbsp; Pinned by
+          <font-awesome-icon icon="thumbtack"></font-awesome-icon>&nbsp; {{ $t("comment.pinned_by") }} 
           {{ uploader }}
         </div>
 

src/components/ErrorHandler.vue

@@ -1,7 +1,7 @@
 <template>
     <p>{{ message }}</p>
     <button uk-toggle="target: #stacktrace" class="uk-button uk-button-small" style="background: #222" type="button">
-        Show More
+        {{ $t("actions.show_more") }}
     </button>
     <p id="stacktrace" style="white-space: pre-wrap" hidden>{{ error }}</p>
 </template>

src/components/HistoryPage.vue

@@ -1,13 +1,14 @@
 <template>
     <h1 class="uk-text-bold uk-text-center">Watch History</h1>
 
+
     <div style="text-align: right">
-        Sort by:
+        {{ $t("actions.sort_by") }}:
         <select class="uk-select uk-width-auto" v-model="selectedSort" @change="onChange()">
-            <option value="descending">Most Recent</option>
-            <option value="ascending">Least Recent</option>
-            <option value="channel_ascending">Channel Name (A-Z)</option>
-            <option value="channel_descending">Channel Name (Z-A)</option>
+            <option value="descending" v-t="'actions.most_recent'" />
+            <option value="ascending" v-t="'actions.least_recent'" />
+            <option value="channel_ascending" v-t="'actions.channel_name_asc'" />
+            <option value="channel_descending" v-t="'actions.channel_name_desc'" />
         </select>
     </div>
 

src/components/LoginPage.vue

@@ -24,7 +24,7 @@
                     class="uk-width-1-1 uk-button uk-button-primary uk-button-large uk-width-auto"
                     style="background: #222"
                     @click="login"
-                    >Login</a
+                    > {{ $t('titles.login') }} </a
                 >
             </div>
         </form>

src/components/Playlist.vue

@@ -15,7 +15,7 @@
         >
 
         <div class="uk-align-right">
-            <b>{{ playlist.videos }} Videos</b>
+            <b>{{ playlist.videos }} {{ $t("video.videos") }}</b>
             <br />
             <a :href="getRssUrl"><font-awesome-icon icon="rss"></font-awesome-icon></a>
         </div>

src/components/Preferences.vue

@@ -85,7 +85,7 @@
     <br />
     <input class="uk-checkbox" v-model="showComments" @change="onChange($event)" type="checkbox" />
     <br />
-    <b v-t="'actions.minimize_description'" />
+    <b v-t="'actions.minimize_description_default'" />
     <br />
     <input class="uk-checkbox" v-model="minimizeDescription" @change="onChange($event)" type="checkbox" />
     <br />
@@ -118,17 +118,17 @@
     <table class="uk-table">
         <thead>
             <tr>
-                <th>Instance Name</th>
-                <th>Instance Locations</th>
-                <th>Has CDN?</th>
-                <th>SSL Score</th>
+                <th>{{ $t("preferences.instance_name") }}</th>
+                <th>{{ $t("preferences.instance_locations") }}</th>
+                <th>{{ $t("preferences.has_cdn") }}</th>
+                <th>{{ $t("preferences.ssl_score") }}</th>
             </tr>
         </thead>
         <tbody v-bind:key="instance.name" v-for="instance in instances">
             <tr>
                 <td>{{ instance.name }}</td>
                 <td>{{ instance.locations }}</td>
-                <td>{{ instance.cdn }}</td>
+                <td>{{ instance.cdn == "Yes"? $t("actions.yes") : $t("actions.no") }}</td>
                 <td>
                     <a :href="sslScore(instance.apiurl)" target="_blank">Click Here</a>
                 </td>
@@ -138,7 +138,7 @@
 
     <hr />
 
-    <b>Instance Selection:</b>
+    <b>{{ $t("actions.instance_selection") }}:</b>
     <br />
     <select class="uk-select uk-width-auto" v-model="selectedInstance" @change="onChange($event)">
         <option v-bind:key="instance.name" v-for="instance in instances" v-bind:value="instance.apiurl">

src/components/RegisterPage.vue

@@ -24,7 +24,7 @@
                     class="uk-width-1-1 uk-button uk-button-primary uk-button-large uk-width-auto"
                     style="background: #222"
                     @click="register"
-                    >Register</a
+                    > {{ $t("titles.register") }}</a
                 >
             </div>
         </form>

src/components/SearchResults.vue

@@ -49,7 +49,7 @@
                 </router-link>
 
                 <a v-if="result.uploaderName" class="uk-text-muted">{{ result.uploaderName }}</a>
-                <b v-if="result.videos >= 0"><br v-if="result.uploaderName" />{{ result.videos }} Videos</b>
+                <b v-if="result.videos >= 0"><br v-if="result.uploaderName" />{{ result.videos }} {{ $t("video.videos") }}</b>
 
                 <br />
             </div>

src/components/SubscriptionsPage.vue

@@ -1,5 +1,6 @@
 <template>
-    <h1 class="uk-text-bold uk-text-center">Subscriptions</h1>
+    <h1 class="uk-text-bold uk-text-center">{{ $t("titles.subscriptions") }}</h1>
+
 
     <div style="text-align: center">
         <button
@@ -9,7 +10,7 @@
             type="button"
         >
             <router-link to="/import">
-                Import from JSON
+                {{ $t("actions.import_from_json") }}
             </router-link>
         </button>
 
@@ -20,8 +21,9 @@
             style="background: #222; color: white"
             type="button"
         >
-            Export to JSON
+            {{ $t("actions.export_to_json") }}
         </button>
+
     </div>
         <hr />
 
@@ -38,7 +40,7 @@
                     type="button"
                     @click="handleButton(subscription)"
                 >
-                    {{ subscription.subscribed ? "Unsubscribe" : "Subscribe" }}
+                    {{ subscription.subscribed ? $t("actions.unsubscribe") : $t("actions.subscribe") }}
                 </button>
             </div>
             <br />

src/components/VideoItem.vue

@@ -20,7 +20,7 @@
                     v-if="video.watched"
                     class="uk-label uk-border-rounded uk-position-absolute video-duration"
                     style="bottom: 5px; left: 5px; background: rgba(0, 0, 0, .75); color: white; padding: 0 5px;"
-                    >Watched</span
+                    >{{ $t("video.watched") }}</span
                 >
             </div>
 

src/components/WatchVideo.vue

@@ -75,20 +75,20 @@
             <hr />
 
             <a class="uk-button uk-button-small" style="background: #222" @click="showDesc = !showDesc">
-                {{ showDesc ? "Minimize Description" : "Show Description" }}
+                {{ showDesc ? $t("actions.minimize_description") : $t("actions.show_description") }}
             </a>
             <p v-show="showDesc" :style="[{ colour: foregroundColor }]" v-html="video.description"></p>
             <div v-if="showDesc && sponsors && sponsors.segments">
-                Sponsors Segments: {{ sponsors.segments.length }}
+                {{ $t("video.sponsor_segments") }}: {{ sponsors.segments.length }}
             </div>
         </div>
 
         <hr />
 
-        <b>Loop this Video:</b>&nbsp;
+        <b>{{ $t("actions.loop_this_video") }}:</b>&nbsp;
         <input class="uk-checkbox" v-model="selectedAutoLoop" @change="onChange($event)" type="checkbox" />
         <br />
-        <b>Auto Play next Video:</b>&nbsp;
+        <b>{{ $t("actions.auto_play_next_video") }}:</b>&nbsp;
         <input class="uk-checkbox" v-model="selectedAutoPlay" @change="onChange($event)" type="checkbox" />
 
         <hr />

src/locales/bn.json

@@ -40,7 +40,7 @@
         "country_selection": "দেশ",
         "default_homepage": "ওয়েবসাইট খোলার পর কি দেখবেন গতানুগতিক",
         "show_comments": "আপনি কি মন্তব্য দেখতে চান ?",
-        "minimize_description": "আপনি কি স্বাভাবিক ভাবে বিবরণটিকে সংক্ষিপ্ত রাখতে চান ?",
+        "minimize_description_default": "আপনি কি স্বাভাবিক ভাবে বিবরণটিকে সংক্ষিপ্ত রাখতে চান ?",
         "store_watch_history": "আপনি কি দেখার ইতিহাস মজুত রাখতে চান?",
         "language_selection": "আপনি কোন ভাষায় দেখতে চান ?",
         "instances_list": "Instances List",

src/locales/de.json

@@ -8,7 +8,7 @@
         "instances_list": "Liste der Instanzen",
         "language_selection": "Sprachauswahl",
         "store_watch_history": "Wiedergabeverlauf speichern",
-        "minimize_description": "Beschreibung standardmäßig minimieren",
+        "minimize_description_default": "Beschreibung standardmäßig minimieren",
         "show_comments": "Kommentare anzeigen",
         "default_homepage": "Standard-Startseite",
         "country_selection": "Länderauswahl",

src/locales/el.json

@@ -19,7 +19,7 @@
         "uses_api_from": "Χρήση API από ",
         "view_subscriptions": "Προβολή συνδρομών",
         "language_selection": "Επιλογή γλώσσας",
-        "minimize_description": "Ελαχιστοποίηση περιγραφής από προεπιλογή",
+        "minimize_description_default": "Ελαχιστοποίηση περιγραφής από προεπιλογή",
         "show_comments": "Εμφάνιση σχολίων",
         "buffering_goal": "Στόχος Buffering (σε δευτερόλεπτα)",
         "default_quality": "Προεπιλεγμένη ποιότητα",

src/locales/en.json

@@ -5,7 +5,8 @@
         "register": "Register",
         "feed": "Feed",
         "preferences": "Preferences",
-        "history": "History"
+        "history": "History",
+        "subscriptions": "Subscriptions"
     },
     "player": {
         "watch_on": "Watch on"
@@ -40,12 +41,38 @@
         "country_selection": "Country Selection",
         "default_homepage": "Default Homepage",
         "show_comments": "Show Comments",
-        "minimize_description": "Minimize Description by default",
+        "minimize_description_default": "Minimize Description by default",
         "store_watch_history": "Store Watch History",
         "language_selection": "Language Selection",
         "instances_list": "Instances List",
         "enabled_codecs": "Enabled Codecs (Multiple)",
+        "instance_selection": "Instance Selection",
+        "show_more": "Show More",
+        "yes": "Yes",
+        "no": "No",
+        "export_to_json": "Export to JSON",
+        "import_from_json": "Import from JSON",
+        "loop_this_video": "Loop this Video",
+        "auto_play_next_video": "Auto Play next Video",
+        "donations": "Donations",
+        "minimize_description": "Minimize Description",
+        "show_description": "Show Description",
         "disable_lbry": "Disable LBRY for Streaming",
         "enable_lbry_proxy": "Enable Proxy for LBRY"
+    },
+    "comment": {
+        "pinned_by": "Pinned by"
+    },
+    "preferences": {
+        "instance_name":"Instance Name",
+        "instance_locations":"Instance Locations",
+        "has_cdn":"Has CDN?",
+        "ssl_score":"SSL Score"
+    },
+    "video": {
+        "videos": "Videos",
+        "views": "views",
+        "watched": "Watched",
+        "sponsor_segments": "Sponsors Segments"
     }
 }

src/locales/fa.json

@@ -4,7 +4,7 @@
         "instances_list": "لیست نمونه‌ها",
         "language_selection": "انتخاب زبان",
         "store_watch_history": "ذخیره سابقه تماشا",
-        "minimize_description": "به حداقل رساندن توضیحات به صورت پیش فرض",
+        "minimize_description_default": "به حداقل رساندن توضیحات به صورت پیش فرض",
         "show_comments": "نمایش نظرات",
         "default_homepage": "صفحه خانگی پیش فرض",
         "country_selection": "انتخاب کشور",

src/locales/fr.json

@@ -21,7 +21,7 @@
         "instances_list": "Liste des instances",
         "language_selection": "Sélection de la langue",
         "store_watch_history": "Conserver l'historique de visionnage",
-        "minimize_description": "Minimiser la description par défaut",
+        "minimize_description_default": "Minimiser la description par défaut",
         "show_comments": "Afficher les commentaires",
         "default_homepage": "Page d'accueil par défaut",
         "country_selection": "Sélection du pays",

src/locales/it.json

@@ -3,7 +3,7 @@
         "instances_list": "Elenco delle istanze",
         "language_selection": "Selezione della lingua",
         "store_watch_history": "Conserva la cronologia di visualizzazione",
-        "minimize_description": "Minimizza la descrizione per impostazione predefinita",
+        "minimize_description_default": "Minimizza la descrizione per impostazione predefinita",
         "show_comments": "Mostra i commenti",
         "default_homepage": "Pagina iniziale predefinita",
         "country_selection": "Selezione del paese",

src/locales/lt.json

@@ -5,7 +5,7 @@
         "instances_list": "Perdavimo šaltinių sąrašas",
         "language_selection": "Kalbos pasirinkimas",
         "store_watch_history": "Saugoti žiūrėjimo istoriją",
-        "minimize_description": "Suskleisti aprašymą automatiškai",
+        "minimize_description_default": "Suskleisti aprašymą automatiškai",
         "show_comments": "Rodyti komentarus",
         "default_homepage": "Numatytasis pagrindinis puslapis",
         "country_selection": "Šalies pasirinkimas",

src/locales/ml.json

@@ -12,7 +12,7 @@
         "unsubscribe": "സബ്സ്ക്രൈബ് ചെയ്യേണ്ട",
         "subscribe": "സബ്സ്ക്രൈബ് ചെയ്യുക",
         "instances_list": "ഇൻസ്റ്റൻസുകളുടെ പട്ടിക",
-        "minimize_description": "സ്ഥിരമായി വിവരണം ചെറുതാക്കുക",
+        "minimize_description_default": "സ്ഥിരമായി വിവരണം ചെറുതാക്കുക",
         "skip_intro": "ഇടവേള/ആമുഖ ആനിമേഷൻ ഒഴിവാക്കുക",
         "skip_sponsors": "സ്പോൺസർമാരെ ഒഴിവാക്കുക",
         "default_quality": "സ്ഥിര വീഡിയോ നിലവാരം",

src/locales/nb_NO.json

@@ -1,7 +1,7 @@
 {
     "actions": {
         "instances_list": "Liste over instanser",
-        "minimize_description": "Minimer beskrivelse som forvalg",
+        "minimize_description_default": "Minimer beskrivelse som forvalg",
         "country_selection": "Land",
         "buffering_goal": "Mellomlagringsmål (i sekunder)",
         "autoplay_video": "Spill video automatisk",

src/locales/sk.json

@@ -6,7 +6,7 @@
         "instances_list": "Zoznam Inštancií",
         "language_selection": "Výber Jazyka",
         "store_watch_history": "Ukladať Históriu Pozerania",
-        "minimize_description": "Predvolene Zatvárať Popis",
+        "minimize_description_default": "Predvolene Zatvárať Popis",
         "show_comments": "Zobraziť Komentáre",
         "default_homepage": "Predvolená Domovská Stránka",
         "country_selection": "Výber Krajiny",

src/locales/tr.json

@@ -3,7 +3,7 @@
         "instances_list": "Örnek Listesi",
         "language_selection": "Dil Seçimi",
         "store_watch_history": "İzleme Geçmişini Sakla",
-        "minimize_description": "Açıklamayı öntanımlı olarak küçült",
+        "minimize_description_default": "Açıklamayı öntanımlı olarak küçült",
         "show_comments": "Yorumları Göster",
         "default_homepage": "Öntanımlı Ana Sayfa",
         "country_selection": "Ülke Seçimi",