From 66843c037a8c750182e046245600b509d5c212a7 Mon Sep 17 00:00:00 2001
From: Raju Udava <86527202+dstala@users.noreply.github.com>
Date: Wed, 23 Feb 2022 15:45:59 +0530
Subject: [PATCH] chore: i18n front end JSON based updates

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
---
 packages/nc-gui/components/auth/apiTokens.vue |  3 ++-
 packages/nc-gui/components/auth/authHooks.vue |  6 +++--
 packages/nc-gui/components/auth/roles.vue     |  3 ++-
 packages/nc-gui/components/changeEnv.vue      |  3 ++-
 packages/nc-gui/components/environment.vue    |  3 ++-
 packages/nc-gui/components/globalAcl.vue      |  6 +++--
 .../components/project/apiClientSwagger.vue   |  3 ++-
 .../components/project/auditTab/audit.vue     |  3 ++-
 .../nc-gui/components/project/auditTab/db.vue |  3 ++-
 .../nc-gui/components/project/cronJobs.vue    |  6 +++--
 .../project/dlgs/dlgAddRelation.vue           |  3 ++-
 .../project/dlgs/dlgTriggerAddEdit.vue        |  3 ++-
 .../project/functionTab/functionAcl.vue       |  6 +++--
 .../project/functionTab/functionQuery.vue     |  3 ++-
 .../project/gqlHandlerCodeEditor.vue          |  6 +++--
 .../nc-gui/components/project/grpcClient.vue  |  3 ++-
 .../project/grpcHandlerCodeEditor.vue         |  6 +++--
 .../project/procedureTab/procedureAcl.vue     |  3 ++-
 .../project/procedureTab/procedureQuery.vue   |  3 ++-
 .../projectMetadata/disableOrEnableModels.vue | 11 +++++---
 .../sync/disableOrEnableFunctions.vue         |  3 ++-
 .../sync/disableOrEnableProcedures.vue        |  3 ++-
 .../sync/disableOrEnableRelations.vue         |  6 +++--
 .../sync/disableOrEnableTables.vue            |  5 ++--
 .../sync/disableOrEnableViews.vue             |  6 +++--
 .../uiAcl/toggleFunctionUIAcl.vue             |  6 +++--
 .../uiAcl/toggleProcedureUIAcl.vue            |  6 +++--
 .../uiAcl/toggleRelationsUIAcl.vue            |  6 +++--
 .../uiAcl/toggleTableUIAcl.vue                |  6 +++--
 .../projectMetadata/uiAcl/toggleViewUIAcl.vue |  6 +++--
 .../project/restHandlerCodeEditor.vue         |  6 +++--
 .../nc-gui/components/project/sequence.vue    |  6 +++--
 .../components/project/settings/env.vue       |  3 ++-
 .../components/project/settings/logs.vue      |  6 +++--
 .../components/project/settings/xcMeta.vue    | 27 ++++++++++++-------
 .../spreadsheet/components/editColumn.vue     |  6 +++--
 .../components/editVirtualColumn.vue          |  6 +++--
 .../editableCell/jsonEditableCell.vue         |  9 ++++---
 .../editableCell/textAreaCellOld.vue          |  6 +++--
 .../editableCell/timePickerCell.vue           |  3 ++-
 .../spreadsheet/components/expandedForm.vue   |  3 ++-
 .../spreadsheet/components/headerCell.vue     |  3 ++-
 .../components/virtualHeaderCell.vue          |  3 ++-
 .../project/spreadsheet/public/xcKanban.vue   |  3 ++-
 .../project/spreadsheet/public/xcTable.vue    |  2 +-
 .../components/project/tableTabs/aclGql.vue   |  6 +++--
 .../project/tableTabs/aclGrpcDb.vue           |  3 ++-
 .../components/project/tableTabs/aclJs.vue    |  6 +++--
 .../project/tableTabs/aclTsFile.vue           |  6 +++--
 .../project/tableTabs/aclTsFileDb.vue         |  6 +++--
 .../project/tableTabs/aclTsFileDbGql.vue      |  6 +++--
 .../project/tableTabs/aclTsFileGql.vue        |  6 +++--
 .../project/tableTabs/columnsMock.vue         |  3 ++-
 .../components/project/tableTabs/indexes.vue  |  3 ++-
 .../components/project/tableTabs/logicGql.vue |  6 +++--
 .../project/tableTabs/logicGrpc.vue           |  6 +++--
 .../project/tableTabs/logicRest.vue           |  6 +++--
 .../components/project/tableTabs/mocks.vue    |  6 +++--
 .../project/tableTabs/relations.vue           |  3 ++-
 .../components/project/tableTabs/rows.vue     |  6 +++--
 .../components/project/tableTabs/tableAcl.vue | 12 ++++++---
 .../components/project/tableTabs/triggers.vue |  3 ++-
 .../project/tableTabs/validation.vue          | 12 ++++++---
 .../project/tableTabs/webhooks-old.vue        |  3 ++-
 .../components/project/tableTabs/webhooks.vue | 11 +++++---
 .../components/project/viewTabs/viewQuery.vue |  6 +++--
 packages/nc-gui/components/project/xcInfo.vue |  6 +++--
 packages/nc-gui/components/snackbar.vue       |  3 ++-
 .../nc-gui/components/templates/editor.vue    | 12 ++++++---
 .../components/utils/dlgProjectCreate.vue     |  3 ++-
 packages/nc-gui/layouts/default.vue           |  6 +++--
 packages/nc-gui/pages/project/id.vue          |  6 +++--
 packages/nc-gui/pages/project/name.vue        |  3 ++-
 packages/nc-gui/pages/project/xcdb.vue        | 15 +++++++----
 packages/nc-gui/pages/projects/index.vue      | 14 ++++++----
 .../nc-gui/pages/user/settings/picture.vue    |  3 ++-
 .../nc-gui/pages/user/settings/profile.vue    |  3 ++-
 77 files changed, 286 insertions(+), 144 deletions(-)

diff --git a/packages/nc-gui/components/auth/apiTokens.vue b/packages/nc-gui/components/auth/apiTokens.vue
index 0596de1772..2dc1145fc6 100644
--- a/packages/nc-gui/components/auth/apiTokens.vue
+++ b/packages/nc-gui/components/auth/apiTokens.vue
@@ -16,7 +16,8 @@
         <v-icon small left>
           refresh
         </v-icon>
-        Reload
+        <!-- Reload -->
+        {{ $t('general.reload') }}
       </x-btn>
       <x-btn
         v-if="_isUIAllowed('newUser')"
diff --git a/packages/nc-gui/components/auth/authHooks.vue b/packages/nc-gui/components/auth/authHooks.vue
index a38f2b6ff2..904b7b6130 100644
--- a/packages/nc-gui/components/auth/authHooks.vue
+++ b/packages/nc-gui/components/auth/authHooks.vue
@@ -11,7 +11,8 @@
         <v-icon small class="mr-1" color="primary">
           mdi-reload
         </v-icon>
-        Reload
+        <!-- Reload -->
+        {{ $t('general.reload') }}
       </v-btn>
       <v-btn
         color="primary"
@@ -22,7 +23,8 @@
         <v-icon small class="mr-1" color="primary">
           save
         </v-icon>
-        Save
+        <!-- Save -->
+        {{ $t('general.save') }}
       </v-btn>
     </v-toolbar>
     <v-container fluid>
diff --git a/packages/nc-gui/components/auth/roles.vue b/packages/nc-gui/components/auth/roles.vue
index f1b2d69b3c..21f49214b9 100644
--- a/packages/nc-gui/components/auth/roles.vue
+++ b/packages/nc-gui/components/auth/roles.vue
@@ -67,7 +67,8 @@
         <v-icon small left>
           save
         </v-icon>
-        Save
+        <!-- Save -->
+        {{ $t('general.save') }}
       </x-btn>
     </v-toolbar>
     <div class="" style="width: 100%">
diff --git a/packages/nc-gui/components/changeEnv.vue b/packages/nc-gui/components/changeEnv.vue
index 5e7ffa0f1d..52c5ed5bf7 100644
--- a/packages/nc-gui/components/changeEnv.vue
+++ b/packages/nc-gui/components/changeEnv.vue
@@ -25,7 +25,8 @@
         <v-card-actions>
           <v-spacer />
           <v-btn small :disabled="progressbar" @click="dialogShow = false">
-            Close
+            <!-- Close -->
+            {{ $t('general.close') }}
           </v-btn>
           <v-btn color="primary" small :disabled="progressbar" @click="changeEnv">
             Change
diff --git a/packages/nc-gui/components/environment.vue b/packages/nc-gui/components/environment.vue
index 93af6defa0..84163a8197 100644
--- a/packages/nc-gui/components/environment.vue
+++ b/packages/nc-gui/components/environment.vue
@@ -147,7 +147,8 @@
             text
             @click="addNewEnvDialog = false"
           >
-            Cancel
+            <!-- Cancel -->
+            {{ $t('general.cancel') }}
           </v-btn>
 
           <v-btn
diff --git a/packages/nc-gui/components/globalAcl.vue b/packages/nc-gui/components/globalAcl.vue
index caa02d511f..ac94022e6b 100644
--- a/packages/nc-gui/components/globalAcl.vue
+++ b/packages/nc-gui/components/globalAcl.vue
@@ -36,7 +36,8 @@
         <v-icon small left>
           refresh
         </v-icon>
-        Reload
+        <!-- Reload -->
+        {{ $t('general.reload') }}
       </x-btn>
 
       <x-btn
@@ -51,7 +52,8 @@
         <v-icon small left>
           save
         </v-icon>
-        Save
+        <!-- Save -->
+        {{ $t('general.save') }}
       </x-btn>
     </v-toolbar>
 
diff --git a/packages/nc-gui/components/project/apiClientSwagger.vue b/packages/nc-gui/components/project/apiClientSwagger.vue
index 42b2b95d14..64e4c0c960 100644
--- a/packages/nc-gui/components/project/apiClientSwagger.vue
+++ b/packages/nc-gui/components/project/apiClientSwagger.vue
@@ -595,7 +595,8 @@
         </v-card-text>
         <v-card-actions class="justify-center pb-5">
           <v-btn v-ge="['api-client','bookmark']" small @click="bookmarkApiDialog = false">
-            Cancel
+            <!-- Cancel -->
+            {{ $t('general.cancel') }}
           </v-btn>
           <v-btn
             small
diff --git a/packages/nc-gui/components/project/auditTab/audit.vue b/packages/nc-gui/components/project/auditTab/audit.vue
index 0417caf054..b49b6f72b0 100644
--- a/packages/nc-gui/components/project/auditTab/audit.vue
+++ b/packages/nc-gui/components/project/auditTab/audit.vue
@@ -6,7 +6,8 @@
         <v-icon small class="mr-2">
           refresh
         </v-icon>
-        Reload
+        <!-- Reload -->
+        {{ $t('general.reload') }}
       </v-btn>
     </v-toolbar>
     <v-container class="h-100 d-flex flex-column">
diff --git a/packages/nc-gui/components/project/auditTab/db.vue b/packages/nc-gui/components/project/auditTab/db.vue
index d43e13c674..cb7ab7e47e 100644
--- a/packages/nc-gui/components/project/auditTab/db.vue
+++ b/packages/nc-gui/components/project/auditTab/db.vue
@@ -47,7 +47,8 @@
           <v-icon left small>
             refresh
           </v-icon>
-          Reload
+          <!-- Reload -->
+          {{ $t('general.reload') }}
         </x-btn>
 
         <div
diff --git a/packages/nc-gui/components/project/cronJobs.vue b/packages/nc-gui/components/project/cronJobs.vue
index 98e83b46a6..3b0e147c03 100644
--- a/packages/nc-gui/components/project/cronJobs.vue
+++ b/packages/nc-gui/components/project/cronJobs.vue
@@ -52,7 +52,8 @@
                           icon="refresh"
                           @click="loadCrons()"
                         >
-                          Reload
+                        <!-- Reload -->
+                        {{ $t('general.reload') }}
                         </x-btn>
                         <x-btn
                           outlined
@@ -154,7 +155,8 @@
                             icon="save"
                             @click="saveCron()"
                           >
-                            Save
+                            <!-- Save -->
+                            {{ $t('general.save') }}
                           </x-btn>
                         </div>
                         <v-switch
diff --git a/packages/nc-gui/components/project/dlgs/dlgAddRelation.vue b/packages/nc-gui/components/project/dlgs/dlgAddRelation.vue
index 4647632d5c..96bb4136d2 100644
--- a/packages/nc-gui/components/project/dlgs/dlgAddRelation.vue
+++ b/packages/nc-gui/components/project/dlgs/dlgAddRelation.vue
@@ -97,7 +97,8 @@
           <v-card-actions class="pa-4">
             <v-spacer />
             <v-btn class="" @click="mtdDialogCancel()">
-              Cancel
+              <!-- Cancel -->
+              {{ $t('general.cancel') }}
             </v-btn>
             <v-btn
               class="primary "
diff --git a/packages/nc-gui/components/project/dlgs/dlgTriggerAddEdit.vue b/packages/nc-gui/components/project/dlgs/dlgTriggerAddEdit.vue
index 6d1ee80df9..1233fb51f9 100644
--- a/packages/nc-gui/components/project/dlgs/dlgTriggerAddEdit.vue
+++ b/packages/nc-gui/components/project/dlgs/dlgTriggerAddEdit.vue
@@ -73,7 +73,8 @@
         <v-card-actions class="pa-4">
           <v-spacer />
           <v-btn class="" @click="mtdDialogCancel()">
-            Cancel
+            <!-- Cancel -->
+            {{ $t('general.cancel') }}
           </v-btn>
           <v-btn
             class="primary "
diff --git a/packages/nc-gui/components/project/functionTab/functionAcl.vue b/packages/nc-gui/components/project/functionTab/functionAcl.vue
index 46a0d04422..37af136e02 100644
--- a/packages/nc-gui/components/project/functionTab/functionAcl.vue
+++ b/packages/nc-gui/components/project/functionTab/functionAcl.vue
@@ -39,7 +39,8 @@
         <v-icon small left>
           refresh
         </v-icon>
-        Reload
+        <!-- Reload -->
+        {{ $t('general.reload') }}
       </x-btn>
 
       <x-btn
@@ -55,7 +56,8 @@
         <v-icon small left>
           save
         </v-icon>
-        Save
+        <!-- Save -->
+        {{ $t('general.save') }}
       </x-btn>
     </v-toolbar>
 
diff --git a/packages/nc-gui/components/project/functionTab/functionQuery.vue b/packages/nc-gui/components/project/functionTab/functionQuery.vue
index b4f5d7f10e..72ee82af8b 100644
--- a/packages/nc-gui/components/project/functionTab/functionQuery.vue
+++ b/packages/nc-gui/components/project/functionTab/functionQuery.vue
@@ -39,7 +39,8 @@
         icon="save"
         @click="applyChanges()"
       >
-        Save
+        <!-- Save -->
+        {{ $t('general.save') }}
       </x-btn>
       <x-btn
         outlined
diff --git a/packages/nc-gui/components/project/gqlHandlerCodeEditor.vue b/packages/nc-gui/components/project/gqlHandlerCodeEditor.vue
index 061049fa01..7f03943746 100644
--- a/packages/nc-gui/components/project/gqlHandlerCodeEditor.vue
+++ b/packages/nc-gui/components/project/gqlHandlerCodeEditor.vue
@@ -11,13 +11,15 @@
           Instant API Editor
           <v-spacer />
           <v-btn small :disabled="progressbar" @click="dialogShow = false">
-            Cancel
+            <!-- Cancel -->
+            {{ $t('general.cancel') }}
           </v-btn>
           <v-btn color="primary" small :disabled="progressbar" @click="saveCode">
             <v-icon small class="mr-1">
               mdi-content-save
             </v-icon>
-            Save
+            <!-- Save -->
+            {{ $t('general.save') }}
           </v-btn>
         </v-card-title>
 
diff --git a/packages/nc-gui/components/project/grpcClient.vue b/packages/nc-gui/components/project/grpcClient.vue
index a2906e4b44..4e5878c7a8 100644
--- a/packages/nc-gui/components/project/grpcClient.vue
+++ b/packages/nc-gui/components/project/grpcClient.vue
@@ -33,7 +33,8 @@ export default {
         link.setAttribute('download', 'proto.zip') // or any other extension
         document.body.appendChild(link)
         link.click()
-        this.$toast.success('Successfully exported metadata').goAway(3000)
+        // this.$toast.success('Successfully exported metadata').goAway(3000)
+        this.$toast.success(`${this.$t('msg.toast.exportMetadata')}`).goAway(3000)
       } catch (e) {
         this.$toast.error('Some internal error occurred').goAway(3000)
       }
diff --git a/packages/nc-gui/components/project/grpcHandlerCodeEditor.vue b/packages/nc-gui/components/project/grpcHandlerCodeEditor.vue
index 37e8168a7f..4e69e1a367 100644
--- a/packages/nc-gui/components/project/grpcHandlerCodeEditor.vue
+++ b/packages/nc-gui/components/project/grpcHandlerCodeEditor.vue
@@ -11,13 +11,15 @@
           Instant API Editor
           <v-spacer />
           <v-btn small :disabled="progressbar" @click="dialogShow = false">
-            Cancel
+            <!-- Cancel -->
+            {{ $t('general.cancel') }}
           </v-btn>
           <v-btn color="primary" small :disabled="progressbar" @click="saveCode">
             <v-icon small class="mr-1">
               mdi-content-save
             </v-icon>
-            Save
+            <!-- Save -->
+            {{ $t('general.save') }}
           </v-btn>
         </v-card-title>
 
diff --git a/packages/nc-gui/components/project/procedureTab/procedureAcl.vue b/packages/nc-gui/components/project/procedureTab/procedureAcl.vue
index 140e9df2d2..4b01398747 100644
--- a/packages/nc-gui/components/project/procedureTab/procedureAcl.vue
+++ b/packages/nc-gui/components/project/procedureTab/procedureAcl.vue
@@ -55,7 +55,8 @@
         <v-icon small left>
           save
         </v-icon>
-        Save
+        <!-- Save -->
+        {{ $t('general.save') }}
       </x-btn>
     </v-toolbar>
 
diff --git a/packages/nc-gui/components/project/procedureTab/procedureQuery.vue b/packages/nc-gui/components/project/procedureTab/procedureQuery.vue
index 73e59c6db1..58398f4a42 100644
--- a/packages/nc-gui/components/project/procedureTab/procedureQuery.vue
+++ b/packages/nc-gui/components/project/procedureTab/procedureQuery.vue
@@ -36,7 +36,8 @@
         icon="save"
         @click="applyChanges()"
       >
-        Save
+        <!-- Save -->
+        {{ $t('general.save') }}
       </x-btn>
       <x-btn
         outlined
diff --git a/packages/nc-gui/components/project/projectMetadata/disableOrEnableModels.vue b/packages/nc-gui/components/project/projectMetadata/disableOrEnableModels.vue
index a290ee7ef3..cd6f1365a5 100644
--- a/packages/nc-gui/components/project/projectMetadata/disableOrEnableModels.vue
+++ b/packages/nc-gui/components/project/projectMetadata/disableOrEnableModels.vue
@@ -5,7 +5,10 @@
         <v-icon icon x-small class="mr-2">
           mdi-file-table-box-multiple-outline
         </v-icon>
-        <span class="caption text-capitalize nc-exp-imp-metadata"> Export/Import Metadata</span>
+        <span class="caption text-capitalize nc-exp-imp-metadata"> 
+          <!-- Export/Import Metadata -->
+          {{ $t('title.exportImportMeta') }}
+          </span>
       </v-tab>
       <v-tab-item value="xc-project-meta">
         <div class="d-flex justify-center d-100">
@@ -16,7 +19,8 @@
       <template v-for="(db,i) in dbAliasList">
         <v-tab :key="db.meta.dbAlias + i" :href="'#' + db.meta.dbAlias" class="text-capitalize caption nc-meta-mgmt-metadata-tab">
           <!--          {{ db.connection.database | extractDbName }} {{ db.meta.dbAlias }} -->
-          Metadata
+          <!-- Metadata -->
+          {{ $t('title.metadata') }}
         </v-tab>
         <v-tab-item :key="db.meta.dbAlias + 't' + i" :value=" db.meta.dbAlias">
           <disable-or-enable-tables
@@ -73,7 +77,8 @@
           <v-tab-item :key="db.meta.dbAlias + 'aclt'" :value=" db.meta.dbAlias + 'acl'">
             <v-tabs color="x-active" height="28">
               <v-tab class="text-capitalize caption">
-                Tables
+                <!-- Tables -->
+                {{ $t('objects.tables') }}
               </v-tab>
               <v-tab-item>
                 <toggle-table-ui-acl
diff --git a/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableFunctions.vue b/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableFunctions.vue
index f2f1298ad8..4a84dd9769 100644
--- a/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableFunctions.vue
+++ b/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableFunctions.vue
@@ -41,7 +41,8 @@
                 icon="save"
                 @click="saveModels()"
               >
-                Save
+                <!-- Save -->
+                {{ $t('general.save') }}
               </x-btn>
             </v-toolbar>
 
diff --git a/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableProcedures.vue b/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableProcedures.vue
index 21166c9c20..564553b1e8 100644
--- a/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableProcedures.vue
+++ b/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableProcedures.vue
@@ -41,7 +41,8 @@
                 icon="save"
                 @click="saveModels()"
               >
-                Save
+                <!-- Save -->
+                {{ $t('general.save') }}
               </x-btn>
             </v-toolbar>
 
diff --git a/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableRelations.vue b/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableRelations.vue
index 7f6b62b239..63c1e52412 100644
--- a/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableRelations.vue
+++ b/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableRelations.vue
@@ -21,7 +21,8 @@
         btn.class="text-capitalize"
         @click="loadRelations"
       >
-        Reload
+        <!-- Reload -->
+        {{ $t('general.reload') }}
       </x-btn>
       <!--      <x-btn
         outlined
@@ -45,7 +46,8 @@
         icon="save"
         @click="save"
       >
-        Save
+        <!-- Save -->
+        {{ $t('general.save') }}
       </x-btn>
     </v-toolbar>
     <div class="d-flex justify-center">
diff --git a/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableTables.vue b/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableTables.vue
index 84929e5dc5..e110aff660 100644
--- a/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableTables.vue
+++ b/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableTables.vue
@@ -30,7 +30,8 @@
                 icon="refresh"
                 @click="loadXcDiff()"
               >
-                Reload
+                <!-- Reload -->
+                {{ $t('general.reload') }}
               </x-btn>
               <!--              <x-btn
                 outlined
@@ -40,7 +41,7 @@
                 icon="refresh"
                 @click="loadModels();loadTableList()"
               >
-                Reload
+                {{ $t('general.reload') }}
               </x-btn>-->
               <!--x-btn
                 outlined
diff --git a/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableViews.vue b/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableViews.vue
index c8be3486bc..5c69c1d9d3 100644
--- a/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableViews.vue
+++ b/packages/nc-gui/components/project/projectMetadata/sync/disableOrEnableViews.vue
@@ -29,7 +29,8 @@
                 icon="refresh"
                 @click="loadModels();loadTableList()"
               >
-                Reload
+                <!-- Reload -->
+                {{ $t('general.reload') }}
               </x-btn>
               <x-btn
                 outlined
@@ -41,7 +42,8 @@
                 icon="save"
                 @click="saveModels()"
               >
-                Save
+                <!-- Save -->
+                {{ $t('general.save') }}
               </x-btn>
             </v-toolbar>
 
diff --git a/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleFunctionUIAcl.vue b/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleFunctionUIAcl.vue
index 4b2c0025d1..736d6ad0a6 100644
--- a/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleFunctionUIAcl.vue
+++ b/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleFunctionUIAcl.vue
@@ -29,7 +29,8 @@
             icon="refresh"
             @click="loadFunctionList()"
           >
-            Reload
+            <!-- Reload -->
+            {{ $t('general.reload') }}
           </x-btn>
           <x-btn
             outlined
@@ -41,7 +42,8 @@
             icon="save"
             @click="save()"
           >
-            Save
+            <!-- Save -->
+            {{ $t('general.save') }}
           </x-btn>
         </v-toolbar>
 
diff --git a/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleProcedureUIAcl.vue b/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleProcedureUIAcl.vue
index 19d46cd92f..041d5aa645 100644
--- a/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleProcedureUIAcl.vue
+++ b/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleProcedureUIAcl.vue
@@ -29,7 +29,8 @@
             icon="refresh"
             @click="loadFunctionList()"
           >
-            Reload
+            <!-- Reload -->
+            {{ $t('general.reload') }}
           </x-btn>
           <x-btn
             outlined
@@ -41,7 +42,8 @@
             icon="save"
             @click="save()"
           >
-            Save
+            <!-- Save -->
+            {{ $t('general.save') }}
           </x-btn>
         </v-toolbar>
 
diff --git a/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleRelationsUIAcl.vue b/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleRelationsUIAcl.vue
index 261309fb74..9e472143f3 100644
--- a/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleRelationsUIAcl.vue
+++ b/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleRelationsUIAcl.vue
@@ -29,7 +29,8 @@
             icon="refresh"
             @click="loadViewList()"
           >
-            Reload
+            <!-- Reload -->
+            {{ $t('general.reload') }}
           </x-btn>
           <x-btn
             outlined
@@ -41,7 +42,8 @@
             icon="save"
             @click="save()"
           >
-            Save
+            <!-- Save -->
+            {{ $t('general.save') }}
           </x-btn>
         </v-toolbar>
 
diff --git a/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleTableUIAcl.vue b/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleTableUIAcl.vue
index 343093316f..80497685a3 100644
--- a/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleTableUIAcl.vue
+++ b/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleTableUIAcl.vue
@@ -30,7 +30,8 @@
             class="nc-acl-reload"
             @click="loadTableList()"
           >
-            Reload
+            <!-- Reload -->
+            {{ $t('general.reload') }}
           </x-btn>
           <x-btn
             outlined
@@ -43,7 +44,8 @@
             class="nc-acl-save"
             @click="save()"
           >
-            Save
+            <!-- Save -->
+            {{ $t('general.save') }}
           </x-btn>
         </v-toolbar>
 
diff --git a/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleViewUIAcl.vue b/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleViewUIAcl.vue
index 19593a76de..1e09c3c4cf 100644
--- a/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleViewUIAcl.vue
+++ b/packages/nc-gui/components/project/projectMetadata/uiAcl/toggleViewUIAcl.vue
@@ -29,7 +29,8 @@
             icon="refresh"
             @click="loadViewList()"
           >
-            Reload
+            <!-- Reload -->
+            {{ $t('general.reload') }}
           </x-btn>
           <x-btn
             outlined
@@ -41,7 +42,8 @@
             icon="save"
             @click="save()"
           >
-            Save
+            <!-- Save -->
+            {{ $t('general.save') }}
           </x-btn>
         </v-toolbar>
 
diff --git a/packages/nc-gui/components/project/restHandlerCodeEditor.vue b/packages/nc-gui/components/project/restHandlerCodeEditor.vue
index 31e8dd7810..979f53a735 100644
--- a/packages/nc-gui/components/project/restHandlerCodeEditor.vue
+++ b/packages/nc-gui/components/project/restHandlerCodeEditor.vue
@@ -11,13 +11,15 @@
           Instant API Editor
           <v-spacer />
           <v-btn small :disabled="progressbar" @click="dialogShow = false">
-            Cancel
+            <!-- Cancel -->
+            {{ $t('general.cancel') }}
           </v-btn>
           <v-btn color="primary" small :disabled="progressbar" @click="saveCode">
             <v-icon small class="mr-1">
               mdi-content-save
             </v-icon>
-            Save
+            <!-- Save -->
+            {{ $t('general.save') }}
           </v-btn>
         </v-card-title>
 
diff --git a/packages/nc-gui/components/project/sequence.vue b/packages/nc-gui/components/project/sequence.vue
index 9b467aeef6..1d2f8083cb 100644
--- a/packages/nc-gui/components/project/sequence.vue
+++ b/packages/nc-gui/components/project/sequence.vue
@@ -37,7 +37,8 @@
         :disabled="newSequence"
         @click="loadSequences()"
       >
-        Reload
+        <!-- Reload -->
+        {{ $t('general.reload') }}
       </x-btn>
       <x-btn
         outlined
@@ -48,7 +49,8 @@
         :disabled="!(newSequence || edited)"
         @click="applyChanges()"
       >
-        Save
+        <!-- Save -->
+        {{ $t('general.save') }}
       </x-btn>
       <x-btn
         outlined
diff --git a/packages/nc-gui/components/project/settings/env.vue b/packages/nc-gui/components/project/settings/env.vue
index 46399d8e61..b983ae02ec 100644
--- a/packages/nc-gui/components/project/settings/env.vue
+++ b/packages/nc-gui/components/project/settings/env.vue
@@ -23,7 +23,8 @@
     <div class="mt-4 d-flex d-100">
       <v-spacer />
       <v-btn small :disabled="progressbar" @click="dialogShow = false">
-        Close
+        <!-- Close -->
+        {{ $t('general.close') }}
       </v-btn>
       <v-btn color="primary" small :disabled="progressbar" @click="changeEnv">
         Change
diff --git a/packages/nc-gui/components/project/settings/logs.vue b/packages/nc-gui/components/project/settings/logs.vue
index da64a05a6e..f98ed18488 100644
--- a/packages/nc-gui/components/project/settings/logs.vue
+++ b/packages/nc-gui/components/project/settings/logs.vue
@@ -16,7 +16,8 @@
         <v-icon small left>
           refresh
         </v-icon>
-        Reload
+        <!-- Reload -->
+        {{ $t('general.reload') }}
       </x-btn>
       <x-btn
         v-ge="['roles','add new']"
@@ -47,7 +48,8 @@
         <v-icon small left>
           save
         </v-icon>
-        Save
+        <!-- Save -->
+        {{ $t('general.save') }}
       </x-btn>
     </v-toolbar>
     <div class="d-flex justify-center pa-2">
diff --git a/packages/nc-gui/components/project/settings/xcMeta.vue b/packages/nc-gui/components/project/settings/xcMeta.vue
index 9d368b0e93..082525d937 100644
--- a/packages/nc-gui/components/project/settings/xcMeta.vue
+++ b/packages/nc-gui/components/project/settings/xcMeta.vue
@@ -170,7 +170,8 @@ export default {
   methods: {
     async exportMeta() {
       this.dialogShow = true
-      this.confirmMessage = 'Do you want to export metadata from meta tables?'
+      // this.confirmMessage = 'Do you want to export metadata from meta tables?'
+      this.confirmMessage = `${this.$t('msg.info.exportMetadata')}`
       this.confirmAction = async(act) => {
         if (act === 'hideDialog') {
           this.dialogShow = false
@@ -185,7 +186,8 @@ export default {
               },
               'xcMetaTablesExportDbToLocalFs'
             ])
-            this.$toast.success('Successfully exported metadata').goAway(3000)
+            // this.$toast.success('Successfully exported metadata').goAway(3000)
+            this.$toast.success(`${this.$t('msg.toast.exportMetadata')}`).goAway(3000)
           } catch (e) {
             this.$toast.error(e.message).goAway(3000)
           }
@@ -196,7 +198,8 @@ export default {
     },
     async exportMetaZip() {
       this.dialogShow = true
-      this.confirmMessage = 'Do you want to export metadata from meta tables?'
+      // this.confirmMessage = 'Do you want to export metadata from meta tables?'
+      this.confirmMessage = `${this.$t('msg.info.exportMetadata')}`
       this.confirmAction = async(act) => {
         if (act === 'hideDialog') {
           this.dialogShow = false
@@ -222,7 +225,8 @@ export default {
             link.setAttribute('download', 'meta.zip') // or any other extension
             document.body.appendChild(link)
             link.click()
-            this.$toast.success('Successfully exported metadata').goAway(3000)
+            // this.$toast.success('Successfully exported metadata').goAway(3000)
+            this.$toast.success(`${this.$t('msg.toast.exportMetadata')}`).goAway(3000)
           } catch (e) {
             this.$toast.error(e.message).goAway(3000)
           }
@@ -233,7 +237,8 @@ export default {
     },
     async resetMeta() {
       this.dialogShow = true
-      this.confirmMessage = 'Do you want to clear metadata from meta tables?'
+      // this.confirmMessage = 'Do you want to clear metadata from meta tables?'
+      this.confirmMessage = `${this.$t('msg.info.clearMetadata')}`
       this.confirmAction = async(act) => {
         if (act === 'hideDialog') {
           this.dialogShow = false
@@ -247,7 +252,8 @@ export default {
               },
               'xcMetaTablesReset'
             ])
-            this.$toast.success('Metadata cleared successfully').goAway(3000)
+            // this.$toast.success('Metadata cleared successfully').goAway(3000)
+            this.$toast.success(`${this.$t('msg.toast.clearMetadata')}`).goAway(3000)
           } catch (e) {
             this.$toast.error(e.message).goAway(3000)
           }
@@ -259,7 +265,8 @@ export default {
 
     async importMeta() {
       this.dialogShow = true
-      this.confirmMessage = 'Do you want to import metadata from meta directory?'
+      // this.confirmMessage = 'Do you want to import metadata from meta directory?'
+      this.confirmMessage = `${this.$t('msg.info.importMetadata')}`
       this.confirmAction = async(act) => {
         if (act === 'hideDialog') {
           this.dialogShow = false
@@ -273,7 +280,8 @@ export default {
               'xcMetaTablesImportLocalFsToDb'
             ])
 
-            this.$toast.success('Metadata imported successfully').goAway(3000)
+            // this.$toast.success('Metadata imported successfully').goAway(3000)
+            this.$toast.success(`${this.$t('msg.toast.importMetadata')}`).goAway(3000)
           } catch (e) {
             this.$toast.error(e.message).goAway(3000)
           }
@@ -298,7 +306,8 @@ export default {
             },
             zipFile
           ])
-          this.$toast.success('Successfully imported metadata').goAway(3000)
+          // this.$toast.success('Successfully imported metadata').goAway(3000)
+            this.$toast.success(`${this.$t('msg.toast.importMetadata')}`).goAway(3000)
         } catch (e) {
           this.$toast.error(e.message).goAway(3000)
         }
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editColumn.vue b/packages/nc-gui/components/project/spreadsheet/components/editColumn.vue
index 14e3f1f649..7cbc7253ae 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editColumn.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editColumn.vue
@@ -403,10 +403,12 @@
           <v-col cols="12" class="d-flex pt-0">
             <v-spacer />
             <v-btn small outlined @click="close">
-              Cancel
+              <!-- Cancel -->
+              {{ $t('general.cancel') }}
             </v-btn>
             <v-btn small color="primary" :disabled="!valid" @click="save">
-              Save
+              <!-- Save -->
+              {{ $t('general.save') }}
             </v-btn>
           </v-col>
         </v-row>
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editVirtualColumn.vue b/packages/nc-gui/components/project/spreadsheet/components/editVirtualColumn.vue
index 0271e7b3f1..c45626c4bc 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editVirtualColumn.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editVirtualColumn.vue
@@ -42,10 +42,12 @@
           <v-col cols="12" class="d-flex pt-0">
             <v-spacer />
             <v-btn x-small outlined @click="close">
-              Cancel
+              <!-- Cancel -->
+              {{ $t('general.cancel') }}
             </v-btn>
             <v-btn x-small color="primary" :disabled="!valid" @click="save">
-              Save
+              <!-- Save -->
+              {{ $t('general.save') }}
             </v-btn>
           </v-col>
         </v-row>
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editableCell/jsonEditableCell.vue b/packages/nc-gui/components/project/spreadsheet/components/editableCell/jsonEditableCell.vue
index 9e5f55257d..4503ce4414 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editableCell/jsonEditableCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editableCell/jsonEditableCell.vue
@@ -7,14 +7,17 @@
       </v-icon>
       <template v-if="!isForm">
         <v-btn outlined x-small class="mr-1" @click="$emit('cancel')">
-          Cancel
+          <!-- Cancel -->
+          {{ $t('general.cancel') }}
         </v-btn>
         <v-btn x-small color="primary" @click="save">
-          Save
+          <!-- Save -->
+          {{ $t('general.save') }}
         </v-btn>
       </template>
       <v-btn v-else-if="expand" x-small @click="expand=false">
-        Close
+        <!-- Close -->
+        {{ $t('general.close') }}
       </v-btn>
     </div>
     <monaco-json-object-editor
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editableCell/textAreaCellOld.vue b/packages/nc-gui/components/project/spreadsheet/components/editableCell/textAreaCellOld.vue
index 1adb4c2a70..e4b4020a53 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editableCell/textAreaCellOld.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editableCell/textAreaCellOld.vue
@@ -3,10 +3,12 @@
     <div v-if="!isForm" class="d-flex ma-1">
       <v-spacer />
       <v-btn v-if="!isForm" outlined x-small class="mr-1" @click="$emit('cancel')">
-        Cancel
+        <!-- Cancel -->
+        {{ $t('general.cancel') }}
       </v-btn>
       <v-btn v-if="!isForm" x-small color="primary" @click="save">
-        Save
+        <!-- Save -->
+        {{ $t('general.save') }}
       </v-btn>
     </div>
     <textarea
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editableCell/timePickerCell.vue b/packages/nc-gui/components/project/spreadsheet/components/editableCell/timePickerCell.vue
index 399834a3bb..a828759bc1 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editableCell/timePickerCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editableCell/timePickerCell.vue
@@ -6,7 +6,8 @@
     <div class="d-flex flex-column justify-center" @click.stop>
       <v-time-picker v-model="localState" v-on="parentListeners" />
       <v-btn small color="primary" @click="$emit('update')">
-        Save
+        <!-- Save -->
+        {{ $t('general.save') }}
       </v-btn>
     </div>
   </v-menu>
diff --git a/packages/nc-gui/components/project/spreadsheet/components/expandedForm.vue b/packages/nc-gui/components/project/spreadsheet/components/expandedForm.vue
index 489bed13c8..476fb4d0b8 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/expandedForm.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/expandedForm.vue
@@ -43,7 +43,8 @@
         </x-icon>
 
         <v-btn small @click="$emit('cancel')">
-          Cancel
+          <!-- Cancel -->
+          {{ $t('general.cancel') }}
         </v-btn>
         <v-btn :disabled="!_isUIAllowed('tableRowUpdate')" small color="primary" @click="save">
           Save Row
diff --git a/packages/nc-gui/components/project/spreadsheet/components/headerCell.vue b/packages/nc-gui/components/project/spreadsheet/components/headerCell.vue
index dd38de49fd..da5cdad7c3 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/headerCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/headerCell.vue
@@ -124,7 +124,8 @@
         <v-card-actions class="d-flex pa-4">
           <v-spacer />
           <v-btn small @click="columnDeleteDialog = false">
-            Cancel
+            <!-- Cancel -->
+            {{ $t('general.cancel') }}
           </v-btn>
           <v-btn small color="error" @click="deleteColumn">
             Confirm
diff --git a/packages/nc-gui/components/project/spreadsheet/components/virtualHeaderCell.vue b/packages/nc-gui/components/project/spreadsheet/components/virtualHeaderCell.vue
index 4b6bb95807..19a4963d43 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/virtualHeaderCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/virtualHeaderCell.vue
@@ -100,7 +100,8 @@
         <v-card-actions class="d-flex pa-4">
           <v-spacer />
           <v-btn small @click="columnDeleteDialog = false">
-            Cancel
+            <!-- Cancel -->
+            {{ $t('general.cancel') }}
           </v-btn>
           <v-btn small color="error" @click="deleteColumn">
             Confirm
diff --git a/packages/nc-gui/components/project/spreadsheet/public/xcKanban.vue b/packages/nc-gui/components/project/spreadsheet/public/xcKanban.vue
index 5958b477fb..cf4fffce0e 100644
--- a/packages/nc-gui/components/project/spreadsheet/public/xcKanban.vue
+++ b/packages/nc-gui/components/project/spreadsheet/public/xcKanban.vue
@@ -19,7 +19,8 @@
           <v-icon small class="mr-1" color="grey  darken-3">
             mdi-reload
           </v-icon>
-          Reload
+          <!-- Reload -->
+          {{ $t('general.reload') }}
         </v-btn>
         <fields-menu v-model="showFields" :field-list="fieldList" is-public />
         <sort-list-menu v-model="sortList" :field-list="realFieldList" />
diff --git a/packages/nc-gui/components/project/spreadsheet/public/xcTable.vue b/packages/nc-gui/components/project/spreadsheet/public/xcTable.vue
index 93b6f7ce3e..23f801a23d 100644
--- a/packages/nc-gui/components/project/spreadsheet/public/xcTable.vue
+++ b/packages/nc-gui/components/project/spreadsheet/public/xcTable.vue
@@ -86,7 +86,7 @@
           <v-icon small class="mr-1" color="grey  darken-3">
             mdi-reload
           </v-icon>
-          Reload
+          {{ $t('general.reload') }}
         </v-btn> -->
 
         <fields-menu v-model="showFields" :field-list="fieldList" is-public />
diff --git a/packages/nc-gui/components/project/tableTabs/aclGql.vue b/packages/nc-gui/components/project/tableTabs/aclGql.vue
index e965c643a5..95445c5a52 100644
--- a/packages/nc-gui/components/project/tableTabs/aclGql.vue
+++ b/packages/nc-gui/components/project/tableTabs/aclGql.vue
@@ -41,7 +41,8 @@
           <v-icon small left>
             refresh
           </v-icon>
-          Reload
+          <!-- Reload -->
+          {{ $t('general.reload') }}
         </x-btn>
         <x-btn
           v-ge="['acl-gql','open-folder']"
@@ -67,7 +68,8 @@
           <v-icon small left>
             save
           </v-icon>
-          Save
+          <!-- Save -->
+          {{ $t('general.save') }}
         </x-btn>
       </v-toolbar>
 
diff --git a/packages/nc-gui/components/project/tableTabs/aclGrpcDb.vue b/packages/nc-gui/components/project/tableTabs/aclGrpcDb.vue
index f622afd3b2..e98871655f 100644
--- a/packages/nc-gui/components/project/tableTabs/aclGrpcDb.vue
+++ b/packages/nc-gui/components/project/tableTabs/aclGrpcDb.vue
@@ -67,7 +67,8 @@
           <v-icon small left>
             save
           </v-icon>
-          Save
+          <!-- Save -->
+          {{ $t('general.save') }}
         </x-btn>
       </v-toolbar>
 
diff --git a/packages/nc-gui/components/project/tableTabs/aclJs.vue b/packages/nc-gui/components/project/tableTabs/aclJs.vue
index 7bf08d45a7..7d7f0c601b 100644
--- a/packages/nc-gui/components/project/tableTabs/aclJs.vue
+++ b/packages/nc-gui/components/project/tableTabs/aclJs.vue
@@ -41,7 +41,8 @@
           <v-icon small left>
             refresh
           </v-icon>
-          Reload
+          <!-- Reload -->
+          {{ $t('general.reload') }}
         </x-btn>
         <x-btn
           v-ge="['acl','open-folder']"
@@ -67,7 +68,8 @@
           <v-icon small left>
             save
           </v-icon>
-          Save
+          <!-- Save -->
+          {{ $t('general.save') }}
         </x-btn>
       </v-toolbar>
 
diff --git a/packages/nc-gui/components/project/tableTabs/aclTsFile.vue b/packages/nc-gui/components/project/tableTabs/aclTsFile.vue
index e94ed0ca59..275d9626f7 100644
--- a/packages/nc-gui/components/project/tableTabs/aclTsFile.vue
+++ b/packages/nc-gui/components/project/tableTabs/aclTsFile.vue
@@ -41,7 +41,8 @@
           <v-icon small left>
             refresh
           </v-icon>
-          Reload
+          <!-- Reload -->
+          {{ $t('general.reload') }}
         </x-btn>
         <x-btn
           v-ge="['acl','open-folder']"
@@ -68,7 +69,8 @@
           <v-icon small left>
             save
           </v-icon>
-          Save
+          <!-- Save -->
+          {{ $t('general.save') }}
         </x-btn>
       </v-toolbar>
 
diff --git a/packages/nc-gui/components/project/tableTabs/aclTsFileDb.vue b/packages/nc-gui/components/project/tableTabs/aclTsFileDb.vue
index 544cf03d09..4d76d0d283 100644
--- a/packages/nc-gui/components/project/tableTabs/aclTsFileDb.vue
+++ b/packages/nc-gui/components/project/tableTabs/aclTsFileDb.vue
@@ -40,7 +40,8 @@
           <v-icon small left>
             refresh
           </v-icon>
-          Reload
+          <!-- Reload -->
+          {{ $t('general.reload') }}
         </x-btn>
         <x-btn
           v-ge="['acl','open-folder']"
@@ -67,7 +68,8 @@
           <v-icon small left>
             save
           </v-icon>
-          Save
+          <!-- Save -->
+          {{ $t('general.save') }}
         </x-btn>
       </v-toolbar>
 
diff --git a/packages/nc-gui/components/project/tableTabs/aclTsFileDbGql.vue b/packages/nc-gui/components/project/tableTabs/aclTsFileDbGql.vue
index e120a47e5b..5d157f7b3d 100644
--- a/packages/nc-gui/components/project/tableTabs/aclTsFileDbGql.vue
+++ b/packages/nc-gui/components/project/tableTabs/aclTsFileDbGql.vue
@@ -41,7 +41,8 @@
           <v-icon small left>
             refresh
           </v-icon>
-          Reload
+          <!-- Reload -->
+          {{ $t('general.reload') }}
         </x-btn>
         <x-btn
           v-ge="['acl-gql','open-folder']"
@@ -67,7 +68,8 @@
           <v-icon small left>
             save
           </v-icon>
-          Save
+          <!-- Save -->
+          {{ $t('general.save') }}
         </x-btn>
       </v-toolbar>
 
diff --git a/packages/nc-gui/components/project/tableTabs/aclTsFileGql.vue b/packages/nc-gui/components/project/tableTabs/aclTsFileGql.vue
index 676f61dd84..20a1167177 100644
--- a/packages/nc-gui/components/project/tableTabs/aclTsFileGql.vue
+++ b/packages/nc-gui/components/project/tableTabs/aclTsFileGql.vue
@@ -41,7 +41,8 @@
           <v-icon small left>
             refresh
           </v-icon>
-          Reload
+          <!-- Reload -->
+          {{ $t('general.reload') }}
         </x-btn>
         <x-btn
           v-ge="['acl-gql','open-folder']"
@@ -67,7 +68,8 @@
           <v-icon small left>
             save
           </v-icon>
-          Save
+          <!-- Save -->
+          {{ $t('general.save') }}
         </x-btn>
       </v-toolbar>
 
diff --git a/packages/nc-gui/components/project/tableTabs/columnsMock.vue b/packages/nc-gui/components/project/tableTabs/columnsMock.vue
index 0884141d19..4e95f83dc8 100644
--- a/packages/nc-gui/components/project/tableTabs/columnsMock.vue
+++ b/packages/nc-gui/components/project/tableTabs/columnsMock.vue
@@ -55,7 +55,8 @@
         :disabled="!edited && !newTable"
         @click="applyChanges"
       >
-        Save &nbsp;
+        <!-- Save &nbsp; -->
+        {{ $t('general.save') }}
         <v-progress-circular
           v-if="progress.save"
           :indeterminate="progress.save"
diff --git a/packages/nc-gui/components/project/tableTabs/indexes.vue b/packages/nc-gui/components/project/tableTabs/indexes.vue
index 1c0b5b2b05..874e6c695c 100644
--- a/packages/nc-gui/components/project/tableTabs/indexes.vue
+++ b/packages/nc-gui/components/project/tableTabs/indexes.vue
@@ -47,7 +47,8 @@
         <v-icon small left>
           refresh
         </v-icon>
-        Reload
+        <!-- Reload -->
+        {{ $t('general.reload') }}
       </x-btn>
       <x-btn
         v-if="indexCreationAllowed"
diff --git a/packages/nc-gui/components/project/tableTabs/logicGql.vue b/packages/nc-gui/components/project/tableTabs/logicGql.vue
index c2a0a91abc..c07bee51b9 100644
--- a/packages/nc-gui/components/project/tableTabs/logicGql.vue
+++ b/packages/nc-gui/components/project/tableTabs/logicGql.vue
@@ -46,7 +46,8 @@
         <v-icon small left>
           refresh
         </v-icon>
-        Reload
+        <!-- Reload -->
+        {{ $t('general.reload') }}
       </x-btn>
     </v-toolbar>
 
@@ -84,7 +85,8 @@
               <v-icon small left>
                 save
               </v-icon>
-              Save
+              <!-- Save -->
+              {{ $t('general.save') }}
             </x-btn>
           </div>
           <monaco-editor
diff --git a/packages/nc-gui/components/project/tableTabs/logicGrpc.vue b/packages/nc-gui/components/project/tableTabs/logicGrpc.vue
index 8f78dcbcf2..e5fdcffdbb 100644
--- a/packages/nc-gui/components/project/tableTabs/logicGrpc.vue
+++ b/packages/nc-gui/components/project/tableTabs/logicGrpc.vue
@@ -47,7 +47,8 @@
         <v-icon small left>
           refresh
         </v-icon>
-        Reload
+        <!-- Reload -->
+        {{ $t('general.reload') }}
       </x-btn>
     </v-toolbar>
 
@@ -85,7 +86,8 @@
                 <v-icon small left>
                   save
                 </v-icon>
-                Save
+                <!-- Save -->
+                {{ $t('general.save') }}
               </x-btn>
             </div>
             <p class="caption pa-1">
diff --git a/packages/nc-gui/components/project/tableTabs/logicRest.vue b/packages/nc-gui/components/project/tableTabs/logicRest.vue
index 3f12ea7ced..41465be461 100644
--- a/packages/nc-gui/components/project/tableTabs/logicRest.vue
+++ b/packages/nc-gui/components/project/tableTabs/logicRest.vue
@@ -51,7 +51,8 @@
         <v-icon small left>
           refresh
         </v-icon>
-        Reload
+        <!-- Reload -->
+        {{ $t('general.reload') }}
       </x-btn>
     </v-toolbar>
 
@@ -102,7 +103,8 @@
                 <v-icon small left>
                   save
                 </v-icon>
-                Save
+                <!-- Save -->
+                {{ $t('general.save') }}
               </x-btn>
             </div>
             <monaco-json-editor
diff --git a/packages/nc-gui/components/project/tableTabs/mocks.vue b/packages/nc-gui/components/project/tableTabs/mocks.vue
index 5fa1631cff..46899b1c22 100644
--- a/packages/nc-gui/components/project/tableTabs/mocks.vue
+++ b/packages/nc-gui/components/project/tableTabs/mocks.vue
@@ -41,7 +41,8 @@
           <v-icon small left>
             refresh
           </v-icon>
-          Reload
+          <!-- Reload -->
+          {{ $t('general.reload') }}
         </x-btn>
 
         <x-btn
@@ -75,7 +76,8 @@
           >
             save
           </v-icon>
-          Save
+          <!-- Save -->
+          {{ $t('general.save') }}
         </x-btn>
       </v-toolbar>
 
diff --git a/packages/nc-gui/components/project/tableTabs/relations.vue b/packages/nc-gui/components/project/tableTabs/relations.vue
index e5951bd0d7..36b618f26c 100644
--- a/packages/nc-gui/components/project/tableTabs/relations.vue
+++ b/packages/nc-gui/components/project/tableTabs/relations.vue
@@ -8,7 +8,8 @@
       <v-icon left>
         refresh
       </v-icon>
-      Reload
+      <!-- Reload -->
+      {{ $t('general.reload') }}
     </v-btn>
     <v-btn
       small
diff --git a/packages/nc-gui/components/project/tableTabs/rows.vue b/packages/nc-gui/components/project/tableTabs/rows.vue
index 58c5762e2e..986b4f4bcc 100644
--- a/packages/nc-gui/components/project/tableTabs/rows.vue
+++ b/packages/nc-gui/components/project/tableTabs/rows.vue
@@ -40,7 +40,8 @@
           <v-icon small left>
             refresh
           </v-icon>
-          Reload
+          <!-- Reload -->
+          {{ $t('general.reload') }}
         </x-btn>
         <x-btn
           v-if="!isView"
@@ -56,7 +57,8 @@
           <v-icon small left>
             save
           </v-icon>
-          Save
+          <!-- Save -->
+          {{ $t('general.save') }}
         </x-btn>
         <x-btn
           v-if="!isView"
diff --git a/packages/nc-gui/components/project/tableTabs/tableAcl.vue b/packages/nc-gui/components/project/tableTabs/tableAcl.vue
index 89e9226d21..3a641dfe77 100644
--- a/packages/nc-gui/components/project/tableTabs/tableAcl.vue
+++ b/packages/nc-gui/components/project/tableTabs/tableAcl.vue
@@ -40,7 +40,8 @@
           <v-icon small left>
             refresh
           </v-icon>
-          Reload
+          <!-- Reload -->
+          {{ $t('general.reload') }}
         </x-btn>
 
         <x-btn
@@ -56,7 +57,8 @@
           <v-icon small left>
             save
           </v-icon>
-          Save
+          <!-- Save -->
+          {{ $t('general.save') }}
         </x-btn>
       </v-toolbar>
 
@@ -88,7 +90,8 @@
                   small
                   @click="showCustomAcl=false"
                 >
-                  Cancel
+                  <!-- Cancel -->
+                  {{ $t('general.cancel') }}
                 </v-btn>
                 <v-btn
                   outlined
@@ -96,7 +99,8 @@
                   small
                   @click="save"
                 >
-                  Save
+                  <!-- Save -->
+                  {{ $t('general.save') }}
                 </v-btn>
               </v-card-actions>
               <v-card-text>
diff --git a/packages/nc-gui/components/project/tableTabs/triggers.vue b/packages/nc-gui/components/project/tableTabs/triggers.vue
index c09b8cbd36..fdb2946d7d 100644
--- a/packages/nc-gui/components/project/tableTabs/triggers.vue
+++ b/packages/nc-gui/components/project/tableTabs/triggers.vue
@@ -48,7 +48,8 @@
             <v-icon small left>
               refresh
             </v-icon>
-            Reload
+            <!-- Reload -->
+            {{ $t('general.reload') }}
           </x-btn>
           <x-btn
             v-ge="['triggers','new']"
diff --git a/packages/nc-gui/components/project/tableTabs/validation.vue b/packages/nc-gui/components/project/tableTabs/validation.vue
index ea16dcae98..ca6fd46420 100644
--- a/packages/nc-gui/components/project/tableTabs/validation.vue
+++ b/packages/nc-gui/components/project/tableTabs/validation.vue
@@ -25,7 +25,8 @@
         <v-icon small left>
           refresh
         </v-icon>
-        Reload
+        <!-- Reload -->
+        {{ $t('general.reload') }}
       </x-btn>
       <x-btn
         outlined
@@ -38,7 +39,8 @@
         <v-icon small left>
           save
         </v-icon>
-        Save
+        <!-- Save -->
+        {{ $t('general.save') }}
       </x-btn>
     </v-toolbar>
     <template v-if="columns">
@@ -210,7 +212,8 @@
             <v-spacer />
 
             <v-btn outlined x-small @click="validatorEditDialog = false">
-              Cancel
+              <!-- Cancel -->
+              {{ $t('general.cancel') }}
             </v-btn>
             <x-btn
               outlined
@@ -225,7 +228,8 @@
               Add Validation
             </x-btn>
             <v-btn outlined color="primary" x-small @click.prevent="saveValidationForColumn(clickedItem)">
-              Save
+              <!-- Save -->
+              {{ $t('general.save') }}
             </v-btn>
           </div>
           <v-simple-table v-if="clickedItem.validate.func && clickedItem.validate.func.length" dense>
diff --git a/packages/nc-gui/components/project/tableTabs/webhooks-old.vue b/packages/nc-gui/components/project/tableTabs/webhooks-old.vue
index d72cc26a6f..1328faa181 100644
--- a/packages/nc-gui/components/project/tableTabs/webhooks-old.vue
+++ b/packages/nc-gui/components/project/tableTabs/webhooks-old.vue
@@ -42,7 +42,8 @@
         <v-icon small left>
           save
         </v-icon>
-        Save
+        <!-- Save -->
+        {{ $t('general.save') }}
       </x-btn>
     </v-toolbar>
 
diff --git a/packages/nc-gui/components/project/tableTabs/webhooks.vue b/packages/nc-gui/components/project/tableTabs/webhooks.vue
index 9178a3614b..461f491747 100644
--- a/packages/nc-gui/components/project/tableTabs/webhooks.vue
+++ b/packages/nc-gui/components/project/tableTabs/webhooks.vue
@@ -38,7 +38,8 @@
         <v-icon small left>
           mdi-close-circle-outline
         </v-icon>
-        Close
+        <!-- Close -->
+        {{ $t('general.close') }}
       </x-btn>
       <x-btn
         v-ge="['hooks','reload']"
@@ -51,7 +52,8 @@
         <v-icon small left>
           mdi-reload
         </v-icon>
-        Reload
+        <!-- Reload -->
+        {{ $t('general.reload') }}
       </x-btn>
 
       <x-btn
@@ -76,7 +78,7 @@
                    v-ge="['hooks','save']"
                    @click.prevent="saveHooks">
               <v-icon small left>save</v-icon>
-              Save
+              {{ $t('general.save') }}
             </x-btn>-->
     </v-toolbar>
 
@@ -169,7 +171,8 @@
                   <v-icon small left>
                     save
                   </v-icon>
-                  Save
+                  <!-- Save -->
+                  {{ $t('general.save') }}
                 </x-btn>
               </v-card-title>
               <v-card-text>
diff --git a/packages/nc-gui/components/project/viewTabs/viewQuery.vue b/packages/nc-gui/components/project/viewTabs/viewQuery.vue
index 866512bc4c..762e1b2f8f 100644
--- a/packages/nc-gui/components/project/viewTabs/viewQuery.vue
+++ b/packages/nc-gui/components/project/viewTabs/viewQuery.vue
@@ -36,7 +36,8 @@
         icon="refresh"
         @click="loadEnv()"
       >
-        Reload
+        <!-- Reload -->
+        {{ $t('general.reload') }}
       </x-btn>
       <x-btn
         outlined
@@ -47,7 +48,8 @@
         icon="save"
         @click="applyChanges()"
       >
-        Save
+        <!-- Save -->
+        {{ $t('general.save') }}
       </x-btn>
       <x-btn
         outlined
diff --git a/packages/nc-gui/components/project/xcInfo.vue b/packages/nc-gui/components/project/xcInfo.vue
index 4035c73fe3..cb3a067ea6 100644
--- a/packages/nc-gui/components/project/xcInfo.vue
+++ b/packages/nc-gui/components/project/xcInfo.vue
@@ -13,7 +13,8 @@
         <v-icon small left>
           refresh
         </v-icon>
-        Reload
+        <!-- Reload -->
+        {{ $t('general.reload') }}
       </x-btn>
     </v-toolbar>
 
@@ -339,7 +340,8 @@ export default {
         link.setAttribute('download', 'proto.zip') // or any other extension
         document.body.appendChild(link)
         link.click()
-        this.$toast.success('Successfully exported metadata').goAway(3000)
+        // this.$toast.success('Successfully exported metadata').goAway(3000)
+        this.$toast.success(`${this.$t('msg.toast.exportMetadata')}`).goAway(3000)
       } catch (e) {
         this.$toast.error('Some internal error occurred').goAway(3000)
       }
diff --git a/packages/nc-gui/components/snackbar.vue b/packages/nc-gui/components/snackbar.vue
index 1b9b69e186..e43c11217b 100644
--- a/packages/nc-gui/components/snackbar.vue
+++ b/packages/nc-gui/components/snackbar.vue
@@ -3,7 +3,8 @@
     <v-snackbar v-model="show" :top="true" color="info">
       <p ref="message" class="title" v-html="message" />
       <v-btn @click.native="show = false">
-        Close
+        <!-- Close -->
+        {{ $t('general.close') }}
       </v-btn>
     </v-snackbar>
   </div>
diff --git a/packages/nc-gui/components/templates/editor.vue b/packages/nc-gui/components/templates/editor.vue
index b8431af857..91754118e1 100644
--- a/packages/nc-gui/components/templates/editor.vue
+++ b/packages/nc-gui/components/templates/editor.vue
@@ -527,10 +527,12 @@
         <v-card-actions>
           <v-spacer />
           <v-btn outlined small @click="createTablesDialog=false">
-            Cancel
+            <!-- Cancel -->
+            {{ $t('general.cancel') }}
           </v-btn>
           <v-btn outlined color="primary" small @click="addTables">
-            Save
+            <!-- Save -->
+            {{ $t('general.save') }}
           </v-btn>
         </v-card-actions>
       </v-card>
@@ -552,10 +554,12 @@
         <v-card-actions>
           <v-spacer />
           <v-btn outlined small @click="createTableColumnsDialog=false">
-            Cancel
+            <!-- Cancel -->
+            {{ $t('general.cancel') }}
           </v-btn>
           <v-btn outlined color="primary" small @click="addColumns">
-            Save
+            <!-- Save -->
+            {{ $t('general.save') }}
           </v-btn>
         </v-card-actions>
       </v-card>
diff --git a/packages/nc-gui/components/utils/dlgProjectCreate.vue b/packages/nc-gui/components/utils/dlgProjectCreate.vue
index 4a000511c6..3ea70ca618 100644
--- a/packages/nc-gui/components/utils/dlgProjectCreate.vue
+++ b/packages/nc-gui/components/utils/dlgProjectCreate.vue
@@ -47,6 +47,7 @@
 
                         </v-select>-->
 
+            <!-- Create Project -->
             <div class="text-center">
               <v-btn
                 :loading="loading"
@@ -54,7 +55,7 @@
                 color="primary"
                 @click="createProject"
               >
-                Create Project
+                {{ $t('activity.createProject') }}
               </v-btn>
             </div>
           </div>
diff --git a/packages/nc-gui/layouts/default.vue b/packages/nc-gui/layouts/default.vue
index 850588b98c..27591a3377 100644
--- a/packages/nc-gui/layouts/default.vue
+++ b/packages/nc-gui/layouts/default.vue
@@ -553,7 +553,8 @@
         Update & Restart
       </v-btn>
       <v-btn @click.native="releaseDownloadedSnackbar = false">
-        Close
+        <!-- Close -->
+        {{ $t('general.close') }}
       </v-btn>
     </v-snackbar>
 
@@ -563,7 +564,8 @@
         Upgrade
       </v-btn>
       <v-btn @click.native="downloadAvailSnackbar = false">
-        Close
+        <!-- Close -->
+        {{ $t('general.close') }}
       </v-btn>
     </v-snackbar>
     <change-env v-model="showChangeEnv" />
diff --git a/packages/nc-gui/pages/project/id.vue b/packages/nc-gui/pages/project/id.vue
index 43989ee61b..5d13285d34 100644
--- a/packages/nc-gui/pages/project/id.vue
+++ b/packages/nc-gui/pages/project/id.vue
@@ -27,9 +27,10 @@
               :src="require('~/assets/img/icons/512x512-trans.png')"
             />
           </div>
+          <!-- Create Project -->
           <v-toolbar flat color="" class="mb-3" style="width: 100%; border-bottom: 1px solid grey">
             <v-toolbar-title class="display-1 ">
-              Create Project
+              {{ $t('activity.createProject') }}
             </v-toolbar-title>
             <v-spacer />
             <x-btn
@@ -38,7 +39,8 @@
               to="/"
               class="elevation-20"
             >
-              Cancel
+              <!-- Cancel -->
+              {{ $t('general.cancel') }}
             </x-btn>
             <x-btn
               v-ge="['project','save']"
diff --git a/packages/nc-gui/pages/project/name.vue b/packages/nc-gui/pages/project/name.vue
index 441c0f97c3..0efb73b387 100644
--- a/packages/nc-gui/pages/project/name.vue
+++ b/packages/nc-gui/pages/project/name.vue
@@ -42,6 +42,7 @@
             </template>
           </v-select>
 
+          <!-- Create Project -->
           <div class="text-center">
             <v-btn
               :loading="loading"
@@ -50,7 +51,7 @@
               color="primary"
               @click="createProject"
             >
-              Create Project
+              {{ $t('activity.createProject') }}
             </v-btn>
           </div>
         </div>
diff --git a/packages/nc-gui/pages/project/xcdb.vue b/packages/nc-gui/pages/project/xcdb.vue
index 8de23f9f32..c175fe98f2 100644
--- a/packages/nc-gui/pages/project/xcdb.vue
+++ b/packages/nc-gui/pages/project/xcdb.vue
@@ -24,24 +24,28 @@
           />
         </div>
 
+        <!-- Create Project -->
         <v-container fluid class="pb-10 px-12" style="padding-top: 43px !important;">
           <h1 class="mt-4 mb-4 text-center">
-            Create Project
+            {{ $t('activity.createProject') }}
           </h1>
           <div class="mx-auto" style="width:350px">
+            <!-- label="Enter Project Name" -->
+            <!-- rule text: Required -->
             <v-text-field
               ref="name"
               v-model="name"
               autofocus
               :full-width="false"
               class="nc-metadb-project-name"
-              label="Enter Project Name"
-              :rules="[v => !!v || 'Project name required']"
+              :label="$t('placeholder.projName')"
+              :rules="[v => !!v || $t('general.required')]"
             />
 
             <div class="wrapper mb-5 mt-5">
               <v-container fluid>
-                <label class="grey--text ml-1 d-block my-2">Access Project Via</label>
+                <!-- Access Project Via -->
+                <label class="grey--text ml-1 d-block my-2">{{ $t('msg.info.apiOptions') }}</label>
 
                 <v-radio-group v-model="projectType" hide-details dense class="mb-0 mt-0">
                   <v-radio
@@ -92,7 +96,8 @@
               <v-icon class="mr-1 mt-n1">
                 mdi-rocket-launch-outline
               </v-icon>
-              <span class="mr-1">Create</span>
+              <!-- Create -->
+              <span class="mr-1">{{ $t('general.create') }}</span>
             </v-btn>
           </div>
         </v-container>
diff --git a/packages/nc-gui/pages/projects/index.vue b/packages/nc-gui/pages/projects/index.vue
index 3266123a01..0e5f3ff50d 100644
--- a/packages/nc-gui/pages/projects/index.vue
+++ b/packages/nc-gui/pages/projects/index.vue
@@ -1162,9 +1162,11 @@ export default {
             link.setAttribute('download', 'meta.zip') // or any other extension
             document.body.appendChild(link)
             link.click()
-            this.$toast
-              .success('Successfully exported metadata')
-              .goAway(3000)
+            // this.$toast
+            //   .success('Successfully exported metadata')
+            //   .goAway(3000)
+            this.$toast.success(`${this.$t('msg.toast.exportMetadata')}`).goAway(3000)
+
           } catch (e) {
             this.$toast.error(e.message).goAway(3000)
           }
@@ -1190,7 +1192,8 @@ export default {
               },
               'xcMetaTablesReset'
             ])
-            this.$toast.success('Metadata cleared successfully').goAway(3000)
+            // this.$toast.success('Metadata cleared successfully').goAway(3000)
+            this.$toast.success(`${this.$t('msg.toast.clearMetadata')}`).goAway(3000)
           } catch (e) {
             this.$toast.error(e.message).goAway(3000)
           }
@@ -1220,7 +1223,8 @@ export default {
             {},
             zipFile
           ])
-          this.$toast.success('Successfully imported metadata').goAway(3000)
+          // this.$toast.success('Successfully imported metadata').goAway(3000)
+          this.$toast.success(`${this.$t('msg.toast.importMetadata')}`).goAway(3000)
           await this.projectsLoad()
         } catch (e) {
           this.$toast.error(e.message).goAway(3000)
diff --git a/packages/nc-gui/pages/user/settings/picture.vue b/packages/nc-gui/pages/user/settings/picture.vue
index bd6f3e6043..9610d4f2cb 100644
--- a/packages/nc-gui/pages/user/settings/picture.vue
+++ b/packages/nc-gui/pages/user/settings/picture.vue
@@ -18,7 +18,8 @@
                 Upload
               </button>
               <button class="btn btn-default btn-raised" @click="cancelUpload()">
-                Cancel
+                <!-- Cancel -->
+                {{ $t('general.cancel') }}
               </button>
             </div>
             <!--<div ng-show="success" class="text-center text-success">-->
diff --git a/packages/nc-gui/pages/user/settings/profile.vue b/packages/nc-gui/pages/user/settings/profile.vue
index 30f184a313..26b25c3ff5 100644
--- a/packages/nc-gui/pages/user/settings/profile.vue
+++ b/packages/nc-gui/pages/user/settings/profile.vue
@@ -23,7 +23,8 @@
         </div>
         <div class="control">
           <button class="button is-text">
-            Cancel
+            <!-- Cancel -->
+            {{ $t('general.cancel') }}
           </button>
         </div>
       </div>