diff --git a/frontend/src/components/ArraySelect.vue b/frontend/src/components/ArraySelect.vue index 40152ba..228c83a 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 12f7709..0bedae5 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 49ecadf..f1992a9 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 9de5cde..cf1973a 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 80267b5..0636226 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 7470a7d..4a8e6a5 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" />