From 7de783dac071b67a5b8a980f50f7c71f1961df11 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 23 Sep 2022 17:31:07 +0800
Subject: [PATCH] feat(nc-gui): crowdin for kanban

---
 .../smartsheet-toolbar/KanbanStackEditOrAdd.vue  |  3 +--
 .../components/smartsheet-toolbar/StackedBy.vue  |  8 ++++----
 packages/nc-gui/components/smartsheet/Kanban.vue | 16 +++++-----------
 packages/nc-gui/lang/en.json                     | 11 ++++++++++-
 4 files changed, 20 insertions(+), 18 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet-toolbar/KanbanStackEditOrAdd.vue b/packages/nc-gui/components/smartsheet-toolbar/KanbanStackEditOrAdd.vue
index d10a500b07..729fcc4c1c 100644
--- a/packages/nc-gui/components/smartsheet-toolbar/KanbanStackEditOrAdd.vue
+++ b/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 -->
-            Add / Edit Stack
+            {{ $t('activity.kanban.addOrEditStack') }}
           </span>
           <MdiMenuDown class="text-grey" />
         </div>
diff --git a/packages/nc-gui/components/smartsheet-toolbar/StackedBy.vue b/packages/nc-gui/components/smartsheet-toolbar/StackedBy.vue
index 321f1b8489..3efa5ef48c 100644
--- a/packages/nc-gui/components/smartsheet-toolbar/StackedBy.vue
+++ b/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">Stacked By {{ groupingField }}</span>
+          <span class="text-capitalize !text-sm font-weight-normal">
+            {{ $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">Choose a Grouping Field</span>
+          <span class="font-bold"> {{ $t('activity.kanban.chooseGroupingField') }}</span>
           <a-divider class="!my-2" />
         </div>
         <div class="nc-fields-list py-1">
diff --git a/packages/nc-gui/components/smartsheet/Kanban.vue b/packages/nc-gui/components/smartsheet/Kanban.vue
index 3129146359..93b609cdce 100644
--- a/packages/nc-gui/components/smartsheet/Kanban.vue
+++ b/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 -->
-                              Add new record
+                              {{ $t('activity.addNewRecord') }}
                             </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 -->
-                              Collapse Stack
+                              {{ $t('activity.kanban.collapseStack') }}
                             </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 -->
-                              Delete Stack
+                              {{ $t('activity.kanban.deleteStack') }}
                             </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 -->
-      Delete stack?
+      {{ $t('activity.deleteKanbanStack') }}
     </template>
     <div>
-      <!-- TODO: i18n -->
-      Deleting this stack will also remove the select option `{{ stackToBeDeleted }}` from the `{{ groupingField }}`. The records
-      will move to the uncategorized stack.
+      {{ $t('msg.info.deleteKanbanStackConfirmation', { stackToBeDeleted, groupingField }) }}
     </div>
     <template #footer>
       <a-button key="back" @click="deleteStackVModel = false">{{ $t('general.cancel') }}</a-button>
diff --git a/packages/nc-gui/lang/en.json b/packages/nc-gui/lang/en.json
index 518421bfe2..3b89ac80ca 100644
--- a/packages/nc-gui/lang/en.json
+++ b/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",