chore: i18n front end JSON based updates

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
3 years ago · 66843c037a
77 changed files with 286 additions and 144 deletions
--- 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')"
--- 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>
--- 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%">
--- 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
--- 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
--- 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>

--- 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
--- 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">
--- 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
--- 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
--- 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 "
--- 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 "
--- 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>

--- 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
--- 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>

--- 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)
      }
--- 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>

--- 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>

--- 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
--- 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
--- 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>

--- 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>

--- 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">
--- 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
--- 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>

--- 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>

--- 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>

--- 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>

--- 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>

--- 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>

--- 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>

--- 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
--- 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
--- 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">
--- 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)
        }
--- 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>
--- 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>
--- 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
--- 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
--- 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>
--- 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
--- 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
--- 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
--- 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" />
--- 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 />
--- 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>

--- 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>

--- 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>

--- 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>

--- 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>

--- 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>

--- 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>

--- 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"
--- 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"
--- 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
--- 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">
--- 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
--- 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>

--- 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
--- 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"
--- 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>
--- 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']"
--- 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>
--- 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>

--- 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>
--- 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
--- 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)
      }
--- 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>
--- 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>
--- 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>
--- 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" />
--- 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']"
--- 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>
--- 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>
--- 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)
--- 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">-->
--- 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>