feat(container): refine compose and setting i18n (#12125)

Refs #12109

frontend/src/lang/modules/en.ts

@@ -1077,8 +1077,11 @@ const message = {
         composeDownHelper: 'This will stop and remove all containers and networks under the {0} compose. Continue?',
         composeEnvHelper2:
             'This orchestration was created by the 1Panel App Store. Please modify environment variables in the installed applications.',
+        composeContentPlaceholder: 'Write or paste the content of your docker-compose file here',
+
         setting: 'Setting | Settings',
         goSetting: 'Go to edit',
+        restartHelper: 'Configuration changes require restarting the Docker service to take effect',
         operatorStatusHelper: 'This will "{0}" the Docker service. Continue?',
         dockerStatus: 'Docker Service',
         daemonJsonPathHelper: 'Ensure that the configuration path is the same as that specified in docker.service.',

frontend/src/lang/modules/es-es.ts

@@ -1103,8 +1103,10 @@ const message = {
             'Esto detendrá y eliminará todos los contenedores y redes bajo la composición {0}. ¿Desea continuar?',
         composeEnvHelper2:
             'Esta orquestación fue creada por la Tienda de Aplicaciones 1Panel. Modifique las variables de entorno en las aplicaciones instaladas.',
+        composeContentPlaceholder: 'Escriba o pegue el contenido de su archivo docker-compose aquí',
         setting: 'Configuración | Configuraciones',
         goSetting: 'Ir a editar',
+        restartHelper: 'Los cambios de configuración requieren reiniciar el servicio Docker para surtir efecto',
         operatorStatusHelper: 'Esto "{0}" el servicio Docker. ¿Desea continuar?',
         dockerStatus: 'Servicio Docker',
         daemonJsonPathHelper:

frontend/src/lang/modules/ja.ts

@@ -1077,7 +1077,9 @@ const message = {
             'これにより、{0}構成の下のすべてのコンテナとネットワークが停止して削除されます。続けたいですか？',
         composeEnvHelper2:
             'このオーケストレーションは1Panelアプリストアで作成されました。インストール済みアプリケーションで環境変数を変更してください。',
+        composeContentPlaceholder: 'ここに docker-compose ファイルの内容を記述または貼り付けてください',
         setting: '設定|設定',
+        restartHelper: '設定変更を有効にするには Docker サービスの再起動が必要です',
         operatorStatusHelper: 'これは「{0}」Dockerサービスになります。続けたいですか？',
         dockerStatus: 'Dockerサービス',
         daemonJsonPathHelper: '構成パスがdocker.serviceで指定されているものと同じであることを確認してください。',

frontend/src/lang/modules/ko.ts

@@ -1062,7 +1062,9 @@ const message = {
             '이 작업은 {0} 컴포즈 아래의 모든 컨테이너와 네트워크를 중지하고 제거합니다. 계속 하시겠습니까?',
         composeEnvHelper2:
             '이 오케스트레이션은 1Panel 앱 스토어에서 생성되었습니다. 설치된 애플리케이션에서 환경 변수를 수정하세요.',
+        composeContentPlaceholder: '여기에 docker-compose 파일 내용을 작성하거나 붙여넣으세요',
         setting: '설정 | 설정들',
+        restartHelper: '구성 변경 사항을 적용하려면 Docker 서비스를 재시작해야 합니다',
         operatorStatusHelper: '이 작업은 Docker 서비스를 "{0}" 합니다. 계속 하시겠습니까?',
         dockerStatus: 'Docker 서비스',
         daemonJsonPathHelper: '구성 경로가 docker.service 에 지정된 경로와 동일한지 확인하십시오.',

frontend/src/lang/modules/ms.ts

@@ -1088,7 +1088,9 @@ const message = {
             'Ini akan menghentikan dan menghapuskan semua kontena dan rangkaian di bawah komposisi {0}. Adakah anda mahu meneruskan?',
         composeEnvHelper2:
             'Penyelarasan ini dibuat oleh Kedai Apl 1Panel. Sila ubah pembolehubah persekitaran dalam aplikasi yang dipasang.',
+        composeContentPlaceholder: 'Tulis atau tampal kandungan fail docker-compose anda di sini',
         setting: 'Tetapan | Tetapan',
+        restartHelper: 'Perubahan konfigurasi memerlukan perkhidmatan Docker dimulakan semula untuk berkuat kuasa',
         operatorStatusHelper: 'Ini akan "{0}" perkhidmatan Docker. Adakah anda mahu meneruskan?',
         dockerStatus: 'Perkhidmatan Docker',
         daemonJsonPathHelper: 'Pastikan laluan konfigurasi sama seperti yang dinyatakan dalam docker.service.',

frontend/src/lang/modules/pt-br.ts

@@ -1088,7 +1088,9 @@ const message = {
             'Isso irá parar e remover todos os containers e redes sob a composição {0}. Deseja continuar?',
         composeEnvHelper2:
             'Esta orquestração foi criada pela Loja de Aplicativos 1Panel. Modifique as variáveis de ambiente nos aplicativos instalados.',
+        composeContentPlaceholder: 'Escreva ou cole aqui o conteúdo do seu arquivo docker-compose',
         setting: 'Configuração | Configurações',
+        restartHelper: 'As alterações de configuração exigem reiniciar o serviço Docker para entrarem em vigor',
         operatorStatusHelper: 'Isso irá "{0}" o serviço Docker. Deseja continuar?',
         dockerStatus: 'Serviço Docker',
         daemonJsonPathHelper:

frontend/src/lang/modules/ru.ts

@@ -1080,7 +1080,9 @@ const message = {
         composeDownHelper: 'Это остановит и удалит все контейнеры и сети под compose {0}. Хотите продолжить?',
         composeEnvHelper2:
             'Эта оркестрация создана Магазином приложений 1Panel. Измените переменные среды в установленных приложениях.',
+        composeContentPlaceholder: 'Введите или вставьте здесь содержимое вашего файла docker-compose',
         setting: 'Настройка | Настройки',
+        restartHelper: 'Изменения конфигурации вступят в силу после перезапуска службы Docker',
         operatorStatusHelper: 'Это выполнит "{0}" службы Docker. Хотите продолжить?',
         dockerStatus: 'Служба Docker',
         daemonJsonPathHelper: 'Убедитесь, что путь конфигурации совпадает с указанным в docker.service.',

frontend/src/lang/modules/tr.ts

@@ -1090,8 +1090,10 @@ const message = {
             'Bu, {0} compose altındaki tüm konteynerleri ve ağları durduracak ve kaldıracaktır. Devam etmek istiyor musunuz?',
         composeEnvHelper2:
             'Bu düzenleme 1Panel Uygulama Mağazası tarafından oluşturuldu. Lütfen ortam değişkenlerini yüklü uygulamalarda değiştirin.',
+        composeContentPlaceholder: 'Docker-compose dosyanızın içeriğini buraya yazın veya yapıştırın',
         setting: 'Ayar | Ayarlar',
         goSetting: 'Düzenlemeye git',
+        restartHelper: 'Yapılandırma değişikliklerinin geçerli olması için Docker servisinin yeniden başlatılması gerekir',
         operatorStatusHelper: 'Bu, Docker servisini "{0}" yapacaktır. Devam etmek istiyor musunuz?',
         dockerStatus: 'Docker Servisi',
         daemonJsonPathHelper: 'Yapılandırma yolunun docker.servicede belirtilen ile aynı olduğundan emin olun.',

frontend/src/lang/modules/zh-Hant.ts

@@ -1022,8 +1022,10 @@ const message = {
         composeOperatorHelper: '將對 {0} 進行 {1} 操作，是否繼續？',
         composeDownHelper: '將停止並刪除 {0} 編排下所有容器及網路，是否繼續？',
         composeEnvHelper2: '該編排為 1Panel 應用商店建立，請在已安裝應用中修改環境變數。',
+        composeContentPlaceholder: '在此寫入或貼上 docker-compose 檔案內容',
         setting: '設定',
         goSetting: '去修改',
+        restartHelper: '修改設定後需要重新啟動 Docker 服務才能生效',
         operatorStatusHelper: '此操作將{0}Docker 服務，是否繼續？',
         dockerStatus: 'Docker 服務',
         daemonJsonPathHelper: '請保證設定路徑與 docker.service 中指定的設定路徑保持一致。',

frontend/src/lang/modules/zh.ts

@@ -1032,9 +1032,11 @@ const message = {
         composeOperatorHelper: '将对 {0} 进行 {1} 操作，是否继续？',
         composeDownHelper: '将停止并删除 {0} 编排下所有容器及网络，是否继续？',
         composeEnvHelper2: '该编排为 1Panel 应用商店创建，请在已安装应用中修改环境变量。',
+        composeContentPlaceholder: '在此写入或粘贴 docker-compose 文件内容',
 
         setting: '配置',
         goSetting: '去修改',
+        restartHelper: '修改配置后需要重启 Docker 服务生效',
         operatorStatusHelper: '此操作将{0}Docker 服务，是否继续？',
         dockerStatus: 'Docker 服务',
         daemonJsonPathHelper: '请保证配置路径与 docker.service 中指定的配置路径保持一致。',

frontend/src/views/container/compose/index.vue

@@ -306,7 +306,7 @@
                                     v-model="composeContent"
                                     mode="yaml"
                                     :heightDiff="475"
-                                    placeholder="#Define or paste the content of your docker-compose file here"
+                                    :placeholder="$t('container.composeContentPlaceholder')"
                                 />
                             </div>
 
@@ -386,7 +386,7 @@
                                     <div v-if="form.from === 'edit' || form.from === 'template'" class="w-full">
                                         <CodemirrorPro
                                             v-model="form.file"
-                                            placeholder="#Define or paste the content of your docker-compose file here"
+                                            :placeholder="$t('container.composeContentPlaceholder')"
                                             mode="yaml"
                                             :heightDiff="400"
                                         ></CodemirrorPro>

frontend/src/views/container/setting/index.vue

@@ -180,7 +180,7 @@
             <div class="mt-2.5">
                 <span class="text-rose-500">{{ $t('container.iptablesHelper2') }}</span>
                 <div class="mt-2.5">
-                    <span class="text-xs">{{ $t('database.restartNowHelper') }}</span>
+                    <span class="text-xs">{{ $t('container.restartHelper') }}</span>
                 </div>
                 <div class="mt-2.5">
                     <span class="text-xs">{{ $t('commons.msg.operateConfirm') }}</span>
@@ -309,7 +309,7 @@ const open = ref();
 const onSaveFile = async () => {
     let params = {
         header: i18n.global.t('database.confChange'),
-        operationInfo: i18n.global.t('database.restartNowHelper'),
+        operationInfo: i18n.global.t('container.restartHelper'),
         submitInputInfo: i18n.global.t('database.restartNow'),
     };
     confirmDialogRefFile.value!.acceptParams(params);
@@ -341,7 +341,7 @@ const handleIPv6 = async () => {
     }
     let params = {
         header: i18n.global.t('database.confChange'),
-        operationInfo: i18n.global.t('database.restartNowHelper'),
+        operationInfo: i18n.global.t('container.restartHelper'),
         submitInputInfo: i18n.global.t('database.restartNow'),
     };
     confirmDialogRefIpv6.value!.acceptParams(params);
@@ -357,7 +357,7 @@ const handleLogOption = async () => {
     }
     let params = {
         header: i18n.global.t('database.confChange'),
-        operationInfo: i18n.global.t('database.restartNowHelper'),
+        operationInfo: i18n.global.t('container.restartHelper'),
         submitInputInfo: i18n.global.t('database.restartNow'),
     };
     confirmDialogRefLog.value!.acceptParams(params);
@@ -370,7 +370,7 @@ const handleIptables = () => {
     if (form.iptables) {
         let params = {
             header: i18n.global.t('database.confChange'),
-            operationInfo: i18n.global.t('database.restartNowHelper'),
+            operationInfo: i18n.global.t('container.restartHelper'),
             submitInputInfo: i18n.global.t('database.restartNow'),
         };
         confirmDialogRefIptable.value!.acceptParams(params);
@@ -390,7 +390,7 @@ const onSubmitOpenIPtable = () => {
 const handleLive = async () => {
     let params = {
         header: i18n.global.t('database.confChange'),
-        operationInfo: i18n.global.t('database.restartNowHelper'),
+        operationInfo: i18n.global.t('container.restartHelper'),
         submitInputInfo: i18n.global.t('database.restartNow'),
     };
     confirmDialogRefLive.value!.acceptParams(params);
@@ -401,7 +401,7 @@ const onSubmitSaveLive = () => {
 const handleCgroup = async () => {
     let params = {
         header: i18n.global.t('database.confChange'),
-        operationInfo: i18n.global.t('database.restartNowHelper'),
+        operationInfo: i18n.global.t('container.restartHelper'),
         submitInputInfo: i18n.global.t('database.restartNow'),
     };
     confirmDialogRefCgroup.value!.acceptParams(params);

frontend/src/views/container/setting/ipv6/index.vue

@@ -111,7 +111,7 @@ const onSave = async (formEl: FormInstance | undefined) => {
         if (!valid) return;
         let params = {
             header: i18n.global.t('database.confChange'),
-            operationInfo: i18n.global.t('database.restartNowHelper'),
+            operationInfo: i18n.global.t('container.restartHelper'),
             submitInputInfo: i18n.global.t('database.restartNow'),
         };
         confirmDialogRef.value!.acceptParams(params);

frontend/src/views/container/setting/log/index.vue

@@ -84,7 +84,7 @@ const onSave = async (formEl: FormInstance | undefined) => {
         if (!valid) return;
         let params = {
             header: i18n.global.t('database.confChange'),
-            operationInfo: i18n.global.t('database.restartNowHelper'),
+            operationInfo: i18n.global.t('container.restartHelper'),
             submitInputInfo: i18n.global.t('database.restartNow'),
         };
         confirmDialogRef.value!.acceptParams(params);

frontend/src/views/container/setting/mirror/index.vue

@@ -83,7 +83,7 @@ const onSave = async (formEl: FormInstance | undefined) => {
         if (!valid) return;
         let params = {
             header: i18n.global.t('database.confChange'),
-            operationInfo: i18n.global.t('database.restartNowHelper'),
+            operationInfo: i18n.global.t('container.restartHelper'),
             submitInputInfo: i18n.global.t('database.restartNow'),
         };
         confirmDialogRef.value!.acceptParams(params);

frontend/src/views/container/setting/registry/index.vue

@@ -79,7 +79,7 @@ const acceptParams = (params: DialogProps): void => {
 const onSave = async () => {
     let params = {
         header: i18n.global.t('database.confChange'),
-        operationInfo: i18n.global.t('database.restartNowHelper'),
+        operationInfo: i18n.global.t('container.restartHelper'),
         submitInputInfo: i18n.global.t('database.restartNow'),
     };
     confirmDialogRef.value!.acceptParams(params);

frontend/src/views/container/setting/sock-path/index.vue

@@ -76,11 +76,22 @@ const onSubmit = async (formEl: FormInstance | undefined) => {
     if (!formEl) return;
     formEl.validate(async (valid) => {
         if (!valid) return;
-        ElMessageBox.confirm(i18n.global.t('container.sockPathMsg'), i18n.global.t('container.sockPath'), {
-            confirmButtonText: i18n.global.t('commons.button.confirm'),
-            cancelButtonText: i18n.global.t('commons.button.cancel'),
-            type: 'info',
-        }).then(async () => {
+        ElMessageBox.confirm(
+            `
+            <div style="line-height: 1.6;">
+                <ul style="padding-left: 18px; margin: 0;">
+                    <li>${i18n.global.t('container.restartHelper')}</li>
+                    <li>${i18n.global.t('container.sockPathMsg')}</li>
+                </ul>
+            </div>
+            `,
+            i18n.global.t('container.sockPath'),
+            {
+                confirmButtonText: i18n.global.t('commons.button.confirm'),
+                cancelButtonText: i18n.global.t('commons.button.cancel'),
+                dangerouslyUseHTMLString: true,
+            },
+        ).then(async () => {
             loading.value = true;
             let params = {
                 key: 'DockerSockPath',