From cebf3ccf6de84edecb626d7a40ebea8f53c51530 Mon Sep 17 00:00:00 2001
From: David Daza <03dazal@gmail.com>
Date: Wed, 20 Apr 2022 21:32:33 -0500
Subject: [PATCH] Add missing i18n interpolations

Signed-off-by: David Daza <03dazal@gmail.com>
---
 .../nc-gui/components/ProjectTreeView.vue     | 98 +++++++++++--------
 packages/nc-gui/lang/en.json                  |  4 +-
 packages/nc-gui/lang/es.json                  |  6 +-
 packages/nc-gui/pages/projects/index.vue      |  1 +
 4 files changed, 63 insertions(+), 46 deletions(-)

diff --git a/packages/nc-gui/components/ProjectTreeView.vue b/packages/nc-gui/components/ProjectTreeView.vue
index 822155ae78..c25ee8a567 100644
--- a/packages/nc-gui/components/ProjectTreeView.vue
+++ b/packages/nc-gui/components/ProjectTreeView.vue
@@ -10,7 +10,7 @@
       class="primary nc-project-title theme--dark"
       :class="{ shared: sharedBase }"
     >
-      <img v-if="sharedBase" src="favicon-32.png" height="18" class="ml-2" />
+      <img v-if="sharedBase" src="favicon-32.png" height="18" class="ml-2">
       <h3
         v-if="sharedBase"
         class="nc-project-title white--text text-capitalize"
@@ -43,7 +43,9 @@
             class="elevation-0 mr-2 pl-3 pr-1 caption nc-table-list-filter"
           >
             <template #prepend-inner>
-              <v-icon small class="mt-2 ml-2 mr-1"> mdi-magnify </v-icon>
+              <v-icon small class="mt-2 ml-2 mr-1">
+                mdi-magnify
+              </v-icon>
             </template>
             <template #append>
               <v-icon
@@ -91,7 +93,9 @@
                     @click.stop="addTab({ ...item }, open, leaf)"
                   >
                     <template v-if="item._nodes.type === 'db'">
-                      <v-icon size="16"> mdi-database </v-icon>
+                      <v-icon size="16">
+                        mdi-database
+                      </v-icon>
                       <!--                  <img-->
                       <!--                    class="grey lighten-3"-->
                       <!--                    :width="16" :src="`/db-icons/${dbIcons[item._nodes.dbConnection.client]}`"/>-->
@@ -120,8 +124,7 @@
                         icons[item._nodes.type].class,
                         item.active ? 'font-weight-bold' : '',
                       ]"
-                      >{{ item.name }}</span
-                    >
+                    >{{ item.name }}</span>
                   </div>
                 </template>
                 <span>{{ item.tooltip || item.name }}</span>
@@ -149,7 +152,9 @@
                   @contextmenu.prevent="showCTXMenu($event, item, true, false)"
                 >
                   <template #appendIcon>
-                    <v-icon small color="grey"> mdi-chevron-down </v-icon>
+                    <v-icon small color="grey">
+                      mdi-chevron-down
+                    </v-icon>
                   </template>
                   <template #activator>
                     <v-list-item-icon>
@@ -190,16 +195,13 @@
                                       .toLowerCase()
                                       .includes(search.toLowerCase())
                                 ).length
-                              }})</template
-                            ></span
-                          >
+                              }})</template></span>
                           <span
                             v-else
                             class="body-2 font-weight-medium"
                             v-on="on"
                           >
-                            {{ item.name }}</span
-                          >
+                            {{ item.name }}</span>
                         </template>
                         <span class="caption">Only visible to Creator</span>
                       </v-tooltip>
@@ -220,12 +222,9 @@
                                     .toLowerCase()
                                     .includes(search.toLowerCase())
                               ).length
-                            }})</template
-                          ></span
-                        >
+                            }})</template></span>
                         <span v-else class="caption font-weight-regular">
-                          {{ item.name }}</span
-                        >
+                          {{ item.name }}</span>
                       </template>
                     </v-list-item-title>
 
@@ -236,7 +235,7 @@
                         <x-icon
                           v-if="
                             _isUIAllowed('treeview-add-button') &&
-                            item.type !== 'viewDir'
+                              item.type !== 'viewDir'
                           "
                           :color="['x-active', 'grey']"
                           small
@@ -248,12 +247,12 @@
                           mdi-plus-circle-outline
                         </x-icon>
                       </template>
-                      <span class="caption"
-                        >Add new
+                      <span
+                        class="caption"
+                      >Add new
                         <span class="text-capitalize">{{
                           item.type.slice(0, -3)
-                        }}</span></span
-                      >
+                        }}</span></span>
                     </v-tooltip>
                   </template>
 
@@ -277,9 +276,9 @@
                           v-for="child in item.children || []"
                           v-show="
                             !search ||
-                            child.name
-                              .toLowerCase()
-                              .includes(search.toLowerCase())
+                              child.name
+                                .toLowerCase()
+                                .includes(search.toLowerCase())
                           "
                           :key="child.key"
                           v-t="['a:table:open']"
@@ -327,7 +326,7 @@
                             <v-tooltip
                               v-if="
                                 _isUIAllowed('creator_tooltip') &&
-                                child.creator_tooltip
+                                  child.creator_tooltip
                               "
                               bottom
                             >
@@ -354,7 +353,7 @@
                                   <v-icon
                                     v-if="
                                       _isUIAllowed('treeview-rename-button') ||
-                                      _isUIAllowed('ui-acl')
+                                        _isUIAllowed('ui-acl')
                                     "
                                     small
                                     v-on="on"
@@ -422,7 +421,7 @@
                 <v-list-item
                   v-else-if="
                     (item.type !== 'sqlClientDir' || showSqlClient) &&
-                    (item.type !== 'migrationsDir' || _isUIAllowed('audit'))
+                      (item.type !== 'migrationsDir' || _isUIAllowed('audit'))
                   "
                   :key="item.key"
                   :selectable="false"
@@ -458,8 +457,7 @@
                           class="caption font-weight-regular"
                           v-on="on"
                           @dblclick="showSqlClient = true"
-                          >{{ item.name }}</span
-                        >
+                        >{{ item.name }}</span>
                       </template>
                       <span class="caption">Only visible to Creator</span>
                     </v-tooltip>
@@ -467,8 +465,7 @@
                       v-else
                       class="caption font-weight-regular"
                       @dblclick="showSqlClient = true"
-                      >{{ item.name }}</span
-                    >
+                    >{{ item.name }}</span>
                   </v-list-item-title>
                 </v-list-item>
               </template>
@@ -528,7 +525,9 @@
                     v-on="on"
                   >
                     <v-list-item-icon>
-                      <v-icon x-small> mdi-storefront-outline </v-icon>
+                      <v-icon x-small>
+                        mdi-storefront-outline
+                      </v-icon>
                     </v-list-item-icon>
                     <!-- App Store -->
                     <v-list-item-title>
@@ -552,7 +551,9 @@
                     v-on="on"
                   >
                     <v-list-item-icon>
-                      <v-icon x-small> mdi-account-group </v-icon>
+                      <v-icon x-small>
+                        mdi-account-group
+                      </v-icon>
                     </v-list-item-icon>
                     <!-- Team & Auth -->
                     <v-list-item-title>
@@ -575,7 +576,9 @@
                     v-on="on"
                   >
                     <v-list-item-icon>
-                      <v-icon x-small> mdi-table-multiple </v-icon>
+                      <v-icon x-small>
+                        mdi-table-multiple
+                      </v-icon>
                     </v-list-item-icon>
                     <!-- Project Metadata -->
                     <v-list-item-title>
@@ -599,7 +602,9 @@
                     v-on="on"
                   >
                     <v-list-item-icon>
-                      <v-icon x-small> mdi-notebook-outline </v-icon>
+                      <v-icon x-small>
+                        mdi-notebook-outline
+                      </v-icon>
                     </v-list-item-icon>
                     <!-- Project Metadata -->
                     <v-list-item-title>
@@ -622,7 +627,9 @@
               <span class="body-2 font-weight-medium">{{
                 $t("activity.previewAs")
               }}</span>
-              <v-icon small class="ml-1"> mdi-drama-masks </v-icon>
+              <v-icon small class="ml-1">
+                mdi-drama-masks
+              </v-icon>
             </v-list-item>
 
             <v-list dense>
@@ -649,15 +656,16 @@
                     <span
                       class="caption text-capitalize"
                       :class="{ 'x-active--text': role.title === previewAs }"
-                      >{{ role.title }}</span
-                    >
+                    >{{ role.title }}</span>
                   </div>
                 </template>
               </div>
               <template v-if="previewAs">
                 <!--                <v-divider></v-divider>-->
                 <v-list-item @click="setPreviewUSer(null)">
-                  <v-icon small class="mr-1"> mdi-close </v-icon>
+                  <v-icon small class="mr-1">
+                    mdi-close
+                  </v-icon>
                   <!-- Reset Preview -->
                   <span class="caption nc-preview-reset">{{
                     $t("activity.resetReview")
@@ -679,8 +687,10 @@
                   class="caption pointer nc-team-settings"
                   @click="click"
                 >
-                  <v-icon color="brown" small class="mr-1"> mdi-cog </v-icon>
-                  Team & Settings
+                  <v-icon color="brown" small class="mr-1">
+                    mdi-cog
+                  </v-icon>
+                  {{ $t('title.team&settings') }}
                 </div>
               </template>
             </settings-modal>
@@ -692,8 +702,10 @@
           class="caption pointer nc-docs pb-3 pl-5 pr-3 pt-2 d-flex align-center"
           @click="openLink('https://apis.nocodb.com')"
         >
-          <v-icon small class="mr-2"> mdi-api </v-icon>
-          API Docs
+          <v-icon small class="mr-2">
+            mdi-api
+          </v-icon>
+          {{ $t('title.apiDocs') }}
         </div>
         <v-divider />
         <extras class="pl-1" />
diff --git a/packages/nc-gui/lang/en.json b/packages/nc-gui/lang/en.json
index 0e00168f9f..51a77447bf 100644
--- a/packages/nc-gui/lang/en.json
+++ b/packages/nc-gui/lang/en.json
@@ -169,7 +169,9 @@
     "advancedParameters": "SSL & Advanced parameters",
     "headCreateProject": "Create Project | NocoDB",
     "headLogin": "Log In | NocoDB",
-    "resetPassword": "Reset your password"
+    "resetPassword": "Reset your password",
+    "team&settings": "Team & Settings",
+    "apiDocs": "API Docs"
   },
   "labels": {
     "notifyVia": "Notify Via",
diff --git a/packages/nc-gui/lang/es.json b/packages/nc-gui/lang/es.json
index 745885dbf0..af9a05fb4d 100644
--- a/packages/nc-gui/lang/es.json
+++ b/packages/nc-gui/lang/es.json
@@ -12,7 +12,7 @@
     "add": "Agregar",
     "edit": "Editar",
     "remove": "Eliminar",
-    "save": "Salvar",
+    "save": "Guardar",
     "cancel": "Cancelar",
     "submit": "Enviar",
     "create": "Crear",
@@ -169,7 +169,9 @@
     "advancedParameters": "SSL y parámetros avanzados",
     "headCreateProject": "Crear proyecto | NocoDB",
     "headLogin": "Acceder | NocoDB",
-    "resetPassword": "Cambiar contraseña"
+    "resetPassword": "Cambiar contraseña",
+    "team&settings": "Equipo y configuración",
+    "apiDocs": "Documentación de la API"
   },
   "labels": {
     "notifyVia": "Notificar a través de",
diff --git a/packages/nc-gui/pages/projects/index.vue b/packages/nc-gui/pages/projects/index.vue
index 05aeb4969f..02036e8e92 100644
--- a/packages/nc-gui/pages/projects/index.vue
+++ b/packages/nc-gui/pages/projects/index.vue
@@ -163,6 +163,7 @@
                 :search="search"
                 :footer-props="{
                   'items-per-page-options': [20, -1],
+                  'items-per-page-text': $t('msg.info.footerInfo')
                 }"
                 class="pa-4 text-left mx-auto"
                 style="cursor: pointer; max-width: 100%"