feat(nc-gui): crowdin for kanban

packages/nc-gui/components/smartsheet-toolbar/KanbanStackEditOrAdd.vue

@@ -36,8 +36,7 @@ provide(IsKanbanInj, ref(true))
         <div class="flex items-center gap-1">
           <mdi-plus-circle-outline />
           <span class="text-capitalize !text-sm font-weight-normal">
-            <!-- TODO: i18n -->
+            {{ $t('activity.kanban.addOrEditStack') }}
-            Add / Edit Stack
           </span>
           <MdiMenuDown class="text-grey" />
         </div>

packages/nc-gui/components/smartsheet-toolbar/StackedBy.vue

@@ -83,8 +83,9 @@ const handleChange = () => {
       <a-button v-e="['c:stacked-by']" class="nc-kanban-stacked-by-menu-btn nc-toolbar-btn" :disabled="isLocked">
         <div class="flex items-center gap-1">
           <mdi-arrow-down-drop-circle-outline />
-          <!-- TODO: i18n -->
+          <span class="text-capitalize !text-sm font-weight-normal">
-          <span class="text-capitalize !text-sm font-weight-normal">Stacked By {{ groupingField }}</span>
+            {{ $t('activity.kanban.stackedBy', { groupingField }) }}
+          </span>
           <MdiMenuDown class="text-grey" />
         </div>
       </a-button>
@@ -96,8 +97,7 @@ const handleChange = () => {
         @click.stop
       >
         <div>
-          <!-- TODO: i18n -->
+          <span class="font-bold"> {{ $t('activity.kanban.chooseGroupingField') }}</span>
-          <span class="font-bold">Choose a Grouping Field</span>
           <a-divider class="!my-2" />
         </div>
         <div class="nc-fields-list py-1">

packages/nc-gui/components/smartsheet/Kanban.vue

@@ -275,15 +275,13 @@ onMounted(async () => {
                           >
                             <div class="py-2 flex gap-2 items-center">
                               <mdi-plus class="text-gray-500" />
-                              <!-- TODO: i18n -->
+                              {{ $t('activity.addNewRecord') }}
-                              Add new record
                             </div>
                           </a-menu-item>
                           <a-menu-item @click="handleCollapseStack(stackIdx)">
                             <div class="py-2 flex gap-2 items-center">
                               <mdi-arrow-collapse class="text-gray-500" />
-                              <!-- TODO: i18n -->
+                              {{ $t('activity.kanban.collapseStack') }}
-                              Collapse Stack
                             </div>
                           </a-menu-item>
                           <a-menu-item
@@ -292,8 +290,7 @@ onMounted(async () => {
                           >
                             <div class="py-2 flex gap-2 items-center">
                               <mdi-delete class="text-gray-500" />
-                              <!-- TODO: i18n -->
+                              {{ $t('activity.kanban.deleteStack') }}
-                              Delete Stack
                             </div>
                           </a-menu-item>
                         </a-menu>
@@ -425,13 +422,10 @@ onMounted(async () => {
   />
   <a-modal v-model:visible="deleteStackVModel" class="!top-[35%]" wrap-class-name="nc-modal-kanban-delete-stack">
     <template #title>
-      <!-- TODO: i18n -->
+      {{ $t('activity.deleteKanbanStack') }}
-      Delete stack?
     </template>
     <div>
-      <!-- TODO: i18n -->
+      {{ $t('msg.info.deleteKanbanStackConfirmation', { stackToBeDeleted, groupingField }) }}
-      Deleting this stack will also remove the select option `{{ stackToBeDeleted }}` from the `{{ groupingField }}`. The records
-      will move to the uncategorized stack.
     </div>
     <template #footer>
       <a-button key="back" @click="deleteStackVModel = false">{{ $t('general.cancel') }}</a-button>

packages/nc-gui/lang/en.json

@@ -306,6 +306,7 @@
     "deleteProject": "Delete Project",
     "refreshProject": "Refresh projects",
     "saveProject": "Save Project",
+    "deleteKanbanStack": "Delete stack?",
     "createProjectExtended": {
       "extDB": "Create By Connecting <br>To An External Database",
       "excel": "Create Project from excel",
@@ -415,6 +416,13 @@
       "showSqlViews": "Show SQL Views",
       "showMMTables": "Show Many to Many tables",
       "showJunctionTableNames": "Show Junction Table Names"
+    },
+    "kanban": {
+      "collapseStack": "Collapse Stack",
+      "deleteStack": "Delete Stack",
+      "stackedBy": "Stacked By {groupingField}",
+      "chooseGroupingField": "Choose a Grouping Field",
+      "addOrEditStack": "Add / Edit Stack"
     }
   },
   "tooltip": {
@@ -579,7 +587,8 @@
       "generatePublicShareableReadonlyBase": "Generate publicly shareable readonly base",
       "deleteViewConfirmation": "Are you sure you want to delete this view?",
       "deleteTableConfirmation": "Do you want to delete the table",
-      "showM2mTables": "Show M2M Tables"
+      "showM2mTables": "Show M2M Tables",
+      "deleteKanbanStackConfirmation": "Deleting this stack will also remove the select option `{stackToBeDeleted}` from the `{groupingField}`. The records will move to the uncategorized stack."
     },
     "error": {
       "searchProject": "Your search for {search} found no results",