Merge pull request #902 from ivanbratovic/improve-translatables

Fix untranslatable parts of the UI

src/components/notifications/ClickSendSMS.vue

@@ -3,7 +3,7 @@
         <label for="clicksendsms-login" class="form-label">API Username</label>
         <div class="form-text">
             {{ $t("apiCredentials") }}
-            <a href="http://dashboard.clicksend.com/account/subaccounts" target="_blank">here</a>
+            <a href="http://dashboard.clicksend.com/account/subaccounts" target="_blank">{{ $t("here") }}</a>
         </div>
         <input id="clicksendsms-login" v-model="$parent.notification.clicksendsmsLogin" type="text" class="form-control" required>
         <label for="clicksendsms-key" class="form-label">API Key</label>

src/components/notifications/SMTP.vue

@@ -10,7 +10,7 @@
     </div>
 
     <div class="mb-3">
-        <label for="secure" class="form-label">Secure</label>
+        <label for="secure" class="form-label">{{ $t("Security") }}</label>
         <select id="secure" v-model="$parent.notification.smtpSecure" class="form-select">
             <option :value="false">{{ $t("secureOptionNone") }}</option>
             <option :value="true">{{ $t("secureOptionTLS") }}</option>

src/languages/en.js

@@ -307,6 +307,44 @@ export default {
     steamApiKeyDescription: "For monitoring a Steam Game Server you need a Steam Web-API key. You can register your API key here: ",
     "Current User": "Current User",
     recent: "Recent",
+    Done: "Done",
+    Info: "Info",
+    Security: "Security",
+    "Steam API Key": "Steam API Key",
+    "Shrink Database": "Shrink Database",
+    "Pick a RR-Type...": "Pick a RR-Type...",
+    "Pick Accepted Status Codes...": "Pick Accepted Status Codes...",
+    Default: "Default",
+    "HTTP Options": "HTTP Options",
+    "Create Incident": "Create Incident",
+    Title: "Title",
+    Content: "Content",
+    Style: "Style",
+    info: "info",
+    warning: "warning",
+    danger: "danger",
+    primary: "primary",
+    light: "light",
+    dark: "dark",
+    Post: "Post",
+    "Please input title and content": "Please input title and content",
+    Created: "Created",
+    "Last Updated": "Last Updated",
+    Unpin: "Unpin",
+    "Switch to Light Theme": "Switch to Light Theme",
+    "Switch to Dark Theme": "Switch to Dark Theme",
+    "Show Tags": "Show Tags",
+    "Hide Tags": "Hide Tags",
+    Description: "Description",
+    "No monitors available.": "No monitors available.",
+    "Add one": "Add one",
+    "No Monitors": "No Monitors",
+    "Add one": "Add one",
+    "Untitled Group": "Untitled Group",
+    Services: "Services",
+    Discard: "Discard",
+    Cancel: "Cancel",
+    "Powered by": "Powered by",
     shrinkDatabaseDescription: "Trigger database VACUUM for SQLite. If your database is created after 1.10.0, AUTO_VACUUM is already enabled and this action is not needed.",
     serwersms: "SerwerSMS.pl",
     serwersmsAPIUser: "API Username (incl. webapi_ prefix)",

src/languages/hr-HR.js

@@ -308,4 +308,43 @@ export default {
     steamApiKeyDescription: "Za praćenje Steam poslužitelja za igru, potrebno je imati Steam Web-API ključ. Možete registrirati vlastiti ključ ovdje: ",
     "Current User": "Trenutni korisnik",
     recent: "Nedavno",
+    Done: "Gotovo",
+    Info: "Informacije",
+    Security: "Sigurnost",
+    "Shrink Database": "Smanji bazu podataka",
+    "Pick a RR-Type...": "Odaberite vrstu DNS zapisa od navedenih...",
+    "Pick Accepted Status Codes...": "Odaberite HTTP statusne kodove koji će biti prihvaćeni...",
+    "Steam API Key": "Steam API ključ",
+    Default: "Zadano",
+    "HTTP Options": "HTTP Postavke",
+    "Create Incident": "Novi izvještaj o incidentu",
+    Title: "Naslov",
+    Content: "Sadržaj",
+    Style: "Stil",
+    info: "informacija",
+    warning: "upozorenje",
+    danger: "opasnost",
+    primary: "primarno",
+    light: "svijetlo",
+    dark: "tamno",
+    Post: "Objavi",
+    Created: "Stvoreno",
+    "Last Updated": "Uređeno",
+    "Please input title and content": "Naslov i sadržaj ne mogu biti prazni",
+    Unpin: "Ukloni",
+    "Switch to Light Theme": "Prebaci na svijetli način",
+    "Switch to Dark Theme": "Prebaci na tamni način",
+    "Show Tags": "Pokaži oznake",
+    "Hide Tags": "Sakrij oznake",
+    Description: "Opis",
+    "No monitors available.": "Nema dostupnih monitora.",
+    "Add one": "Add one",
+    "No Monitors": "Bez monitora",
+    "Add one": "Stvori jednog",
+    "Untitled Group": "Bezimena grupa",
+    Services: "Usluge",
+    Discard: "Odbaci",
+    Cancel: "Otkaži",
+    "Powered by": "Pokreće",
+    Saved: "Spremljeno",
 };

src/pages/EditMonitor.vue

@@ -103,7 +103,7 @@
                                         :close-on-select="true"
                                         :clear-on-select="false"
                                         :preserve-search="false"
-                                        placeholder="Pick a RR-Type..."
+                                        :placeholder="$t('Pick a RR-Type...')"
                                         :preselect-first="false"
                                         :max-height="500"
                                         :taggable="false"
@@ -177,7 +177,7 @@
                                         :close-on-select="false"
                                         :clear-on-select="false"
                                         :preserve-search="true"
-                                        placeholder="Pick Accepted Status Codes..."
+                                        :placeholder="$t('Pick Accepted Status Codes...')"
                                         :preselect-first="false"
                                         :max-height="600"
                                         :taggable="true"
@@ -215,7 +215,7 @@
                                     <a href="#" @click="$refs.notificationDialog.show(notification.id)">{{ $t("Edit") }}</a>
                                 </label>
 
-                                <span v-if="notification.isDefault == true" class="badge bg-primary ms-2">Default</span>
+                                <span v-if="notification.isDefault == true" class="badge bg-primary ms-2">{{ $t("Default") }}</span>
                             </div>
 
                             <button class="btn btn-primary me-2" type="button" @click="$refs.notificationDialog.show()">
@@ -353,17 +353,17 @@ export default {
         },
 
         bodyPlaceholder() {
-            return `Example:
+            return this.$t("Example:", [`
 {
     "key": "value"
-}`;
+}`]);
         },
 
         headersPlaceholder() {
-            return `Example:
+            return this.$t("Example:", [`
 {
     "HeaderName": "HeaderValue"
-}`;
+}`]);
         }
 
     },

src/pages/StatusPage.vue

@@ -101,9 +101,9 @@
 
             <!-- Incident Date -->
             <div class="date mt-3">
-                Created: {{ $root.datetime(incident.createdDate) }} ({{ dateFromNow(incident.createdDate) }})<br />
+                {{ $t("Created") }}: {{ $root.datetime(incident.createdDate) }} ({{ dateFromNow(incident.createdDate) }})<br />
                 <span v-if="incident.lastUpdatedDate">
-                    Last Updated: {{ $root.datetime(incident.lastUpdatedDate) }} ({{ dateFromNow(incident.lastUpdatedDate) }})
+                    {{ $t("Last Updated") }}: {{ $root.datetime(incident.lastUpdatedDate) }} ({{ dateFromNow(incident.lastUpdatedDate) }})
                 </span>
             </div>
 
@@ -125,15 +125,15 @@
 
                 <div v-if="editIncidentMode" class="dropdown d-inline-block me-2">
                     <button id="dropdownMenuButton1" class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
-                        Style: {{ incident.style }}
+                        {{ $t("Style") }}: {{ $t(incident.style) }}
                     </button>
                     <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
-                        <li><a class="dropdown-item" href="#" @click="incident.style = 'info'">info</a></li>
-                        <li><a class="dropdown-item" href="#" @click="incident.style = 'warning'">warning</a></li>
-                        <li><a class="dropdown-item" href="#" @click="incident.style = 'danger'">danger</a></li>
-                        <li><a class="dropdown-item" href="#" @click="incident.style = 'primary'">primary</a></li>
-                        <li><a class="dropdown-item" href="#" @click="incident.style = 'light'">light</a></li>
-                        <li><a class="dropdown-item" href="#" @click="incident.style = 'dark'">dark</a></li>
+                        <li><a class="dropdown-item" href="#" @click="incident.style = 'info'">{{ $t("info") }}</a></li>
+                        <li><a class="dropdown-item" href="#" @click="incident.style = 'warning'">{{ $t("warning") }}</a></li>
+                        <li><a class="dropdown-item" href="#" @click="incident.style = 'danger'">{{ $t("danger") }}</a></li>
+                        <li><a class="dropdown-item" href="#" @click="incident.style = 'primary'">{{ $t("primary") }}</a></li>
+                        <li><a class="dropdown-item" href="#" @click="incident.style = 'light'">{{ $t("light") }}</a></li>
+                        <li><a class="dropdown-item" href="#" @click="incident.style = 'dark'">{{ $t("dark") }}</a></li>
                     </ul>
                 </div>
 
@@ -468,10 +468,10 @@ export default {
         },
 
         addGroup() {
-            let groupName = "Untitled Group";
+            let groupName = this.$t("Untitled Group");
 
             if (this.$root.publicGroupList.length === 0) {
-                groupName = "Services";
+                groupName = this.$t("Services");
             }
 
             this.$root.publicGroupList.unshift({
@@ -536,7 +536,7 @@ export default {
 
         postIncident() {
             if (this.incident.title == "" || this.incident.content == "") {
-                toast.error("Please input title and content.");
+                toast.error(this.$t("Please input title and content"));
                 return;
             }