From 440765cff8f724c825393b5b1e09afabc781917c Mon Sep 17 00:00:00 2001
From: flisowna <ewa.agnieszka.flis@gmail.com>
Date: Thu, 20 Oct 2022 18:08:57 +0400
Subject: [PATCH] geodata: add 'Add Map View' button

---
 .../smartsheet/sidebar/MenuBottom.vue         | 22 +++++++++++++++++++
 packages/nc-gui/lang/de.json                  |  3 ++-
 packages/nc-gui/lang/en.json                  |  4 +++-
 packages/nc-gui/utils/viewUtils.ts            |  3 +++
 4 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/sidebar/MenuBottom.vue b/packages/nc-gui/components/smartsheet/sidebar/MenuBottom.vue
index 0defe8a9e6..3ae4a6d1a5 100644
--- a/packages/nc-gui/components/smartsheet/sidebar/MenuBottom.vue
+++ b/packages/nc-gui/components/smartsheet/sidebar/MenuBottom.vue
@@ -114,6 +114,28 @@ function onOpenModal(type: ViewTypes, title = '') {
         </a-tooltip>
       </a-menu-item>
 
+      <a-menu-item
+        key="map"
+        class="group !flex !items-center !my-0 !h-2.5rem nc-create-map-view"
+        @click="onOpenModal(ViewTypes.MAP)"
+      >
+        <a-tooltip :mouse-enter-delay="1" placement="left">
+          <template #title>
+            {{ $t('msg.info.addView.map') }}
+          </template>
+
+          <div class="nc-project-menu-item !py-0 text-xs flex items-center h-full w-full gap-2">
+            <component :is="viewIcons[ViewTypes.MAP].icon" :style="{ color: viewIcons[ViewTypes.MAP].color }" />
+
+            <div>{{ $t('objects.viewType.map') }}</div>
+
+            <div class="flex-1" />
+
+            <mdi-plus class="group-hover:text-primary" />
+          </div>
+        </a-tooltip>
+      </a-menu-item>
+
       <div class="w-full h-4" />
     </div>
   </a-menu>
diff --git a/packages/nc-gui/lang/de.json b/packages/nc-gui/lang/de.json
index 9465ca107d..6f0e8bc5b6 100644
--- a/packages/nc-gui/lang/de.json
+++ b/packages/nc-gui/lang/de.json
@@ -93,7 +93,8 @@
       "gallery": "Galerie",
       "form": "Formular",
       "kanban": "Kanban",
-      "calendar": "Kalender"
+      "calendar": "Kalender",
+      "map": "Karte"
     },
     "user": "Nutzer",
     "users": "Benutzer",
diff --git a/packages/nc-gui/lang/en.json b/packages/nc-gui/lang/en.json
index 87ef39984f..4eae80a370 100644
--- a/packages/nc-gui/lang/en.json
+++ b/packages/nc-gui/lang/en.json
@@ -93,7 +93,8 @@
       "gallery": "Gallery",
       "form": "Form",
       "kanban": "Kanban",
-      "calendar": "Calendar"
+      "calendar": "Calendar",
+      "map": "Map"
     },
     "user": "User",
     "users": "Users",
@@ -562,6 +563,7 @@
         "gallery": "Add Gallery View",
         "form": "Add Form View",
         "kanban": "Add Kanban View",
+        "map": "Add Map View",
         "calendar": "Add Calendar View"
       },
       "tablesMetadataInSync": "Tables metadata is in Sync",
diff --git a/packages/nc-gui/utils/viewUtils.ts b/packages/nc-gui/utils/viewUtils.ts
index ad5ad1c60d..cb95ad9e90 100644
--- a/packages/nc-gui/utils/viewUtils.ts
+++ b/packages/nc-gui/utils/viewUtils.ts
@@ -6,6 +6,7 @@ import MdiFormIcon from '~icons/mdi/form-select'
 import MdiCalendarIcon from '~icons/mdi/calendar'
 import MdiGalleryIcon from '~icons/mdi/camera-image'
 import MdiKanbanIcon from '~icons/mdi/tablet-dashboard'
+import MdiMapIcon from '~icons/mdi/map-outline'
 import MdiEyeIcon from '~icons/mdi/eye-circle-outline'
 
 export const viewIcons: Record<number | string, { icon: any; color: string }> = {
@@ -13,6 +14,7 @@ export const viewIcons: Record<number | string, { icon: any; color: string }> =
   [ViewTypes.FORM]: { icon: MdiFormIcon, color: themeV2Colors.pink['500'] },
   calendar: { icon: MdiCalendarIcon, color: 'purple' },
   [ViewTypes.GALLERY]: { icon: MdiGalleryIcon, color: 'orange' },
+  [ViewTypes.MAP]: { icon: MdiMapIcon, color: 'blue' },
   [ViewTypes.KANBAN]: { icon: MdiKanbanIcon, color: 'green' },
   view: { icon: MdiEyeIcon, color: 'blue' },
 }
@@ -22,4 +24,5 @@ export const viewTypeAlias = {
   [ViewTypes.FORM]: 'form',
   [ViewTypes.GALLERY]: 'gallery',
   [ViewTypes.KANBAN]: 'kanban',
+  [ViewTypes.MAP]: 'map',
 }