From 5a724acf9c6d4649e923c1efb5ca152e71528631 Mon Sep 17 00:00:00 2001
From: Muhammed Mustafa <mustafa@nocodb.com>
Date: Thu, 28 Sep 2023 11:19:27 +0530
Subject: [PATCH] fix: i18n for Duplicate project, Imports and ERD

---
 .../dashboard/TreeView/BaseOptions.vue        |  8 +++----
 .../nc-gui/components/dlg/AirtableImport.vue  |  8 ++++---
 .../components/dlg/ProjectDuplicate.vue       |  8 +++----
 .../nc-gui/components/dlg/QuickImport.vue     | 18 ++++++++-------
 packages/nc-gui/components/erd/Flow.vue       |  3 +--
 packages/nc-gui/lang/en.json                  | 23 +++++++++++++++++--
 6 files changed, 45 insertions(+), 23 deletions(-)

diff --git a/packages/nc-gui/components/dashboard/TreeView/BaseOptions.vue b/packages/nc-gui/components/dashboard/TreeView/BaseOptions.vue
index e14272106c..555beaa3c3 100644
--- a/packages/nc-gui/components/dashboard/TreeView/BaseOptions.vue
+++ b/packages/nc-gui/components/dashboard/TreeView/BaseOptions.vue
@@ -73,7 +73,7 @@ function openQuickImportDialog(type: string) {
       @click="openAirtableImportDialog(base.id)"
     >
       <GeneralIcon icon="airtable" class="max-w-3.75 group-hover:text-black" />
-      <div class="ml-0.5">Airtable</div>
+      <div class="ml-0.5">{{ $t('labels.airtable') }}</div>
     </NcMenuItem>
 
     <NcMenuItem
@@ -82,7 +82,7 @@ function openQuickImportDialog(type: string) {
       @click="openQuickImportDialog('csv')"
     >
       <GeneralIcon icon="csv" class="w-4 group-hover:text-black" />
-      CSV file
+      {{ $t('labels.csvFile') }}
     </NcMenuItem>
 
     <NcMenuItem
@@ -91,7 +91,7 @@ function openQuickImportDialog(type: string) {
       @click="openQuickImportDialog('json')"
     >
       <GeneralIcon icon="code" class="w-4 group-hover:text-black" />
-      JSON file
+      {{ $t('labels.jsonFile') }}
     </NcMenuItem>
 
     <NcMenuItem
@@ -100,7 +100,7 @@ function openQuickImportDialog(type: string) {
       @click="openQuickImportDialog('excel')"
     >
       <GeneralIcon icon="excel" class="max-w-4 group-hover:text-black" />
-      Microsoft Excel
+      {{ $t('labels.microsoftExcel') }}
     </NcMenuItem>
   </NcSubMenu>
 </template>
diff --git a/packages/nc-gui/components/dlg/AirtableImport.vue b/packages/nc-gui/components/dlg/AirtableImport.vue
index 0cba631078..90eb2801dc 100644
--- a/packages/nc-gui/components/dlg/AirtableImport.vue
+++ b/packages/nc-gui/components/dlg/AirtableImport.vue
@@ -270,7 +270,7 @@ onMounted(async () => {
   >
     <div class="px-5">
       <!--      Quick Import -->
-      <div class="mt-5 prose-xl font-weight-bold" @dblclick="enableAbort = true">{{ $t('title.quickImport') }} - AIRTABLE</div>
+      <div class="mt-5 prose-xl font-weight-bold" @dblclick="enableAbort = true">{{ $t('title.quickImportAirtable') }}</div>
 
       <div v-if="step === 1">
         <div class="mb-4">
@@ -353,7 +353,7 @@ onMounted(async () => {
           <!--          Import Formula Columns -->
           <a-tooltip placement="top">
             <template #title>
-              <span>Coming Soon!</span>
+              <span>{{ $t('title.comingSoon') }}</span>
             </template>
             <a-checkbox v-model:checked="syncSource.details.options.syncFormula" disabled>
               {{ $t('labels.importFormulaColumns') }}
@@ -420,7 +420,9 @@ onMounted(async () => {
           <a-button v-if="showGoToDashboardButton" class="mt-4" size="large" @click="dialogShow = false">
             {{ $t('labels.goToDashboard') }}
           </a-button>
-          <a-button v-else-if="enableAbort" class="mt-4" size="large" danger @click="abort()">ABORT</a-button>
+          <a-button v-else-if="enableAbort" class="mt-4 uppercase" size="large" danger @click="abort()">{{
+            $t('general.abort')
+          }}</a-button>
         </div>
       </div>
     </div>
diff --git a/packages/nc-gui/components/dlg/ProjectDuplicate.vue b/packages/nc-gui/components/dlg/ProjectDuplicate.vue
index 3fba10c99a..e214b626c5 100644
--- a/packages/nc-gui/components/dlg/ProjectDuplicate.vue
+++ b/packages/nc-gui/components/dlg/ProjectDuplicate.vue
@@ -81,16 +81,16 @@ const isEaster = ref(false)
         {{ $t('general.duplicate') }} {{ $t('objects.project') }}
       </div>
 
-      <div class="mt-4">Are you sure you want to duplicate the `{{ project.title }}` project?</div>
+      <div class="mt-4">{{ $t('msg.warning.duplicateProject') }}</div>
 
       <div class="prose-md self-center text-gray-500 mt-4">{{ $t('title.advancedSettings') }}</div>
 
       <a-divider class="!m-0 !p-0 !my-2" />
 
       <div class="text-xs p-2">
-        <a-checkbox v-model:checked="options.includeData">Include data</a-checkbox>
-        <a-checkbox v-model:checked="options.includeViews">Include views</a-checkbox>
-        <a-checkbox v-show="isEaster" v-model:checked="options.includeHooks">Include webhooks</a-checkbox>
+        <a-checkbox v-model:checked="options.includeData">{{ $t('labels.includeData') }}</a-checkbox>
+        <a-checkbox v-model:checked="options.includeViews">{{ $t('labels.includeView') }}</a-checkbox>
+        <a-checkbox v-show="isEaster" v-model:checked="options.includeHooks">{{ $t('labels.includeWebhook') }}</a-checkbox>
       </div>
     </div>
     <div class="flex flex-row gap-x-2 mt-2.5 pt-2.5 justify-end">
diff --git a/packages/nc-gui/components/dlg/QuickImport.vue b/packages/nc-gui/components/dlg/QuickImport.vue
index 4f47b476f2..61335918b2 100644
--- a/packages/nc-gui/components/dlg/QuickImport.vue
+++ b/packages/nc-gui/components/dlg/QuickImport.vue
@@ -119,7 +119,7 @@ const { validate, validateInfos } = useForm(importState, validators)
 const importMeta = computed(() => {
   if (IsImportTypeExcel.value) {
     return {
-      header: `${t('title.quickImport')} - EXCEL`,
+      header: `${t('title.quickImportExcel')}`,
       uploadHint: t('msg.info.excelSupport'),
       urlInputLabel: t('msg.info.excelURL'),
       loadUrlDirective: ['c:quick-import:excel:load-url'],
@@ -127,7 +127,7 @@ const importMeta = computed(() => {
     }
   } else if (isImportTypeCsv.value) {
     return {
-      header: `${t('title.quickImport')} - CSV`,
+      header: `${t('title.quickImportCSV')}`,
       uploadHint: '',
       urlInputLabel: t('msg.info.csvURL'),
       loadUrlDirective: ['c:quick-import:csv:load-url'],
@@ -135,7 +135,7 @@ const importMeta = computed(() => {
     }
   } else if (isImportTypeJson.value) {
     return {
-      header: `${t('title.quickImport')} - JSON`,
+      header: `${t('title.quickImportJSON')}`,
       uploadHint: '',
       acceptTypes: '.json',
     }
@@ -598,7 +598,7 @@ async function parseAndExtractData(val: UploadFile[] | ArrayBuffer | string) {
               <template #tab>
                 <span class="flex items-center gap-2">
                   <component :is="iconMap.json" />
-                  JSON Editor
+                  {{ $t('title.jsonEditor') }}
                 </span>
               </template>
 
@@ -611,7 +611,7 @@ async function parseAndExtractData(val: UploadFile[] | ArrayBuffer | string) {
               <template #tab>
                 <span class="flex items-center gap-2">
                   <component :is="iconMap.link" />
-                  URL
+                  {{ $t('datatype.URL') }}
                 </span>
               </template>
 
@@ -645,7 +645,7 @@ async function parseAndExtractData(val: UploadFile[] | ArrayBuffer | string) {
 
             <a-form-item v-if="isImportTypeCsv || IsImportTypeExcel" class="!my-2">
               <a-checkbox v-model:checked="importState.parserConfig.firstRowAsHeaders">
-                <span class="caption">Use First Row as Headers</span>
+                <span class="caption">{{ $t('labels.firstRowAsHeaders') }}</span>
               </a-checkbox>
             </a-form-item>
 
@@ -665,7 +665,9 @@ async function parseAndExtractData(val: UploadFile[] | ArrayBuffer | string) {
       </div>
     </a-spin>
     <template #footer>
-      <a-button v-if="templateEditorModal" key="back" class="!rounded-md" @click="templateEditorModal = false">Back </a-button>
+      <a-button v-if="templateEditorModal" key="back" class="!rounded-md" @click="templateEditorModal = false"
+        >{{ $t('general.back') }}
+      </a-button>
 
       <a-button v-else key="cancel" class="!rounded-md" @click="dialogShow = false">{{ $t('general.cancel') }} </a-button>
 
@@ -676,7 +678,7 @@ async function parseAndExtractData(val: UploadFile[] | ArrayBuffer | string) {
         :disabled="disableFormatJsonButton"
         @click="formatJson"
       >
-        Format JSON
+        {{ $t('labels.formatJson') }}
       </a-button>
 
       <a-button
diff --git a/packages/nc-gui/components/erd/Flow.vue b/packages/nc-gui/components/erd/Flow.vue
index 30c9f16b6e..6a1610c0b7 100644
--- a/packages/nc-gui/components/erd/Flow.vue
+++ b/packages/nc-gui/components/erd/Flow.vue
@@ -107,8 +107,7 @@ onScopeDispose($destroy)
         class="color-transition z-5 cursor-pointer rounded shadow-sm text-slate-400 font-semibold px-4 py-2 bg-slate-100/50 hover:(text-slate-900 ring ring-accent ring-opacity-100 bg-slate-100/90)"
         @click="zoomIn"
       >
-        <!-- todo: i18n -->
-        Zoom in to view columns
+        {{ $t('labels.zoomInToViewColumns') }}
       </Panel>
     </Transition>
 
diff --git a/packages/nc-gui/lang/en.json b/packages/nc-gui/lang/en.json
index 9fa2e3c9cb..5c2bae3953 100644
--- a/packages/nc-gui/lang/en.json
+++ b/packages/nc-gui/lang/en.json
@@ -46,12 +46,14 @@
     "yes": "Yes",
     "no": "No",
     "ok": "OK",
+    "back": "Back",
     "and": "And",
     "or": "Or",
     "add": "Add",
     "edit": "Edit",
     "remove": "Remove",
     "save": "Save",
+    "abort": "Abort",
     "saving": "Saving",
     "cancel": "Cancel",
     "clear": "Clear",
@@ -271,6 +273,12 @@
     "swaggerDocumentation": "Swagger Documentation",
     "quickImportFrom": "Quick Import From",
     "quickImport": "Quick Import",
+    "quickImportAirtable": "Quick Import - Airtable",
+    "quickImportCSV": "Quick Import - CSV",
+    "quickImportExcel": "Quick Import - Excel",
+    "quickImportJSON": "Quick Import - JSON",
+    "jsonEditor": "JSON Editor",
+    "comingSoon": "Coming Soon",
     "advancedSettings": "Advanced Settings",
     "codeSnippet": "Code Snippet",
     "keyboardShortcut": "Keyboard Shortcuts",
@@ -324,6 +332,10 @@
     "where": "Where",
     "cache": "Cache",
     "chat": "Chat",
+    "airtable": "Airtable",
+    "csvFile": "CSV File",
+    "jsonFile": "JSON File",
+    "microsoftExcel": "Microsoft Excel",
     "email": "E-mail",
     "storage": "Storage",
     "uiAcl": "UI-ACL",
@@ -389,6 +401,8 @@
     "noData": "No Data",
     "goToDashboard": "Go to Dashboard",
     "importing": "Importing",
+    "formatJson": "Format JSON",
+    "firstRowAsHeaders": "Use First Row as Headers",
     "flattenNested": "Flatten Nested",
     "downloadAllowed": "Download allowed",
     "weAreHiring": "We are Hiring!",
@@ -410,7 +424,11 @@
     "addRowGrid": "Manually add data in grid view",
     "addRowForm": "Enter record data through a form",
     "noAccess": "No access",
-    "restApis": "Rest APIs"
+    "restApis": "Rest APIs",
+    "includeData": "Include Data",
+    "includeView": "Include View",
+    "includeWebhook": "Include Webhook",
+    "zoomInToViewColumns": "Zoom in to view columns"
   },
   "activity": {
     "moveProject": "Move Project",
@@ -628,7 +646,8 @@
       "nonEditableFields": {
         "computedFieldUnableToClear": "Warning: Computed field - unable to clear text",
         "qrFieldsCannotBeDirectlyChanged": "Warning: QR fields cannot be directly changed."
-      }
+      },
+      "duplicateProject": "Are you sure you want to duplicate the project?"
     },
     "info": {
       "pasteNotSupported": "Paste operation is not supported on the active cell",