From a02ce1eab7dc850a2625bb8da19c9e5f2e2943ad Mon Sep 17 00:00:00 2001
From: Cyril59310 <archas.cyril@hotmail.fr>
Date: Sat, 3 Feb 2024 00:37:25 +0100
Subject: [PATCH] add new keys

---
 frontend/src/components/ArraySelect.vue      | 2 +-
 frontend/src/components/Container.vue        | 4 ++--
 frontend/src/components/NetworkInput.vue     | 2 +-
 frontend/src/components/settings/General.vue | 2 +-
 frontend/src/lang/en.json                    | 7 ++++++-
 frontend/src/pages/Compose.vue               | 2 +-
 6 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/ArraySelect.vue b/frontend/src/components/ArraySelect.vue
index 40152bac..228c83a8 100644
--- a/frontend/src/components/ArraySelect.vue
+++ b/frontend/src/components/ArraySelect.vue
@@ -4,7 +4,7 @@
             <ul v-if="isArrayInited" class="list-group">
                 <li v-for="(value, index) in array" :key="index" class="list-group-item">
                     <select v-model="array[index]" class="no-bg domain-input">
-                        <option value="">Select a network...</option>
+                        <option value="">{{ $t(`Select a network...`) }}</option>
                         <option v-for="option in options" :key="option" :value="option">{{ option }}</option>
                     </select>
 
diff --git a/frontend/src/components/Container.vue b/frontend/src/components/Container.vue
index 12f77096..0bedae5e 100644
--- a/frontend/src/components/Container.vue
+++ b/frontend/src/components/Container.vue
@@ -116,7 +116,7 @@
                     </label>
 
                     <div v-if="networkList.length === 0 && service.networks && service.networks.length > 0" class="text-warning mb-3">
-                        No networks available. You need to add internal networks or enable external networks in the right side first.
+                        {{ $t("NoNetworksAvailable") }}
                     </div>
 
                     <ArraySelect name="networks" :display-name="$t('network')" placeholder="Network Name" :options="networkList" />
@@ -127,7 +127,7 @@
                     <label class="form-label">
                         {{ $t("dependsOn") }}
                     </label>
-                    <ArrayInput name="depends_on" :display-name="$t('dependsOn')" placeholder="Container Name" />
+                    <ArrayInput name="depends_on" :display-name="$t('dependsOn')" :placeholder="$t(`containerName`)" />
                 </div>
             </div>
         </transition>
diff --git a/frontend/src/components/NetworkInput.vue b/frontend/src/components/NetworkInput.vue
index 49ecadf4..f1992a93 100644
--- a/frontend/src/components/NetworkInput.vue
+++ b/frontend/src/components/NetworkInput.vue
@@ -3,7 +3,7 @@
         <h5>{{ $t("Internal Networks") }}</h5>
         <ul class="list-group">
             <li v-for="(networkRow, index) in networkList" :key="index" class="list-group-item">
-                <input v-model="networkRow.key" type="text" class="no-bg domain-input" placeholder="Network name..." />
+                <input v-model="networkRow.key" type="text" class="no-bg domain-input" :placeholder="$t(`Network name...`)" />
                 <font-awesome-icon icon="times" class="action remove ms-2 me-3 text-danger" @click="remove(index)" />
             </li>
         </ul>
diff --git a/frontend/src/components/settings/General.vue b/frontend/src/components/settings/General.vue
index 9de5cdee..cf1973a3 100644
--- a/frontend/src/components/settings/General.vue
+++ b/frontend/src/components/settings/General.vue
@@ -47,7 +47,7 @@
                     <input
                         v-model="settings.primaryHostname"
                         class="form-control"
-                        placeholder="(Unset: Follow current hostname)"
+                        :placeholder="$t(`CurrentHostname`)"
                     />
                     <button class="btn btn-outline-primary" type="button" @click="autoGetPrimaryHostname">
                         {{ $t("autoGet") }}
diff --git a/frontend/src/lang/en.json b/frontend/src/lang/en.json
index 80267b5d..06362264 100644
--- a/frontend/src/lang/en.json
+++ b/frontend/src/lang/en.json
@@ -123,5 +123,10 @@
     "Restarted": "Restarted",
     "Downed": "Downed",
     "Switch to sh": "Switch to sh",
-    "terminal": "terminal"
+    "terminal": "Terminal",
+    "CurrentHostname": "(Unset: Follow current hostname)",
+    "New Container Name...": "New Container Name...",
+    "Network name...": "Network name...",
+    "Select a network...": "Select a network...",
+    "NoNetworksAvailable": "No networks available. You need to add internal networks or enable external networks in the right side first."
 }
diff --git a/frontend/src/pages/Compose.vue b/frontend/src/pages/Compose.vue
index 7470a7dd..4a8e6a51 100644
--- a/frontend/src/pages/Compose.vue
+++ b/frontend/src/pages/Compose.vue
@@ -112,7 +112,7 @@
                     <div v-if="isEditMode" class="input-group mb-3">
                         <input
                             v-model="newContainerName"
-                            placeholder="New Container Name..."
+                            :placeholder="$t(`New Container Name...`)"
                             class="form-control"
                             @keyup.enter="addContainer"
                         />