From f8c32104c8ea33d6d54290f92511a0ffe72ae431 Mon Sep 17 00:00:00 2001
From: jlpereira <pepelui@outlook.com>
Date: Tue, 28 Mar 2023 10:18:19 -0300
Subject: [PATCH] Enable zoom and dragging when shapes are not present

---
 src/components/Gallery/GalleryMainImage.vue             | 1 -
 src/components/Map/VMap.global.vue                      | 3 ++-
 src/components/Table/VTable.global.vue                  | 2 +-
 src/modules/otus/components/Panel/PanelMap/PanelMap.vue | 3 +--
 src/modules/otus/components/Search/ListResults.vue      | 9 ++++++---
 src/modules/otus/components/Search/OtuSearch.vue        | 7 ++++---
 src/modules/otus/views/Index.vue                        | 5 -----
 7 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/src/components/Gallery/GalleryMainImage.vue b/src/components/Gallery/GalleryMainImage.vue
index b8b4d55..f0f46f7 100644
--- a/src/components/Gallery/GalleryMainImage.vue
+++ b/src/components/Gallery/GalleryMainImage.vue
@@ -12,7 +12,6 @@
 
 <script setup>
 import { ref, onMounted, onUnmounted, watch } from 'vue'
-import VSpinnerGlobal from '../VSpinner.global.vue'
 
 const props = defineProps({
   image: {
diff --git a/src/components/Map/VMap.global.vue b/src/components/Map/VMap.global.vue
index e13b525..b9586a2 100644
--- a/src/components/Map/VMap.global.vue
+++ b/src/components/Map/VMap.global.vue
@@ -235,7 +235,8 @@ function setGeoJSON(geojson) {
   if (geojson) {
     L.geoJSON(geojson, {
       ...geojsonDefaultOptions,
-      ...props.geojsonOptions
+      ...props.geojsonOptions,
+      pmIgnore: true
     }).addTo(geoJSONGroup)
 
     const bounds = geoJSONGroup.getBounds()
diff --git a/src/components/Table/VTable.global.vue b/src/components/Table/VTable.global.vue
index 1f7cab1..2950a2d 100644
--- a/src/components/Table/VTable.global.vue
+++ b/src/components/Table/VTable.global.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="shadow-md relative sm:rounded-lg">
+  <div class="relative sm:rounded-lg">
     <table class="w-full text-sm text-left text-gray-500 dark:text-gray-400">
       <slot />
     </table>
diff --git a/src/modules/otus/components/Panel/PanelMap/PanelMap.vue b/src/modules/otus/components/Panel/PanelMap/PanelMap.vue
index 47d5b13..d42e41a 100644
--- a/src/modules/otus/components/Panel/PanelMap/PanelMap.vue
+++ b/src/modules/otus/components/Panel/PanelMap/PanelMap.vue
@@ -8,7 +8,7 @@
         dragging
         :zoom="zoom"
         :geojson="geojson"
-        @geojson:ready="isLoading = false"
+        @geojson:ready="() => (isLoading = false)"
       />
 
       <VButton
@@ -51,7 +51,6 @@
 </template>
 
 <script setup>
-import { Georeference } from '@/components/Map/icons'
 import { ref, watch } from 'vue'
 import TaxonWorks from '../../../services/TaxonWorks'
 import OtuSearch from '../../Search/OtuSearch.vue'
diff --git a/src/modules/otus/components/Search/ListResults.vue b/src/modules/otus/components/Search/ListResults.vue
index ed88e96..bf9e240 100644
--- a/src/modules/otus/components/Search/ListResults.vue
+++ b/src/modules/otus/components/Search/ListResults.vue
@@ -1,13 +1,16 @@
 <template>
-  <VTable v-if="list.length">
+  <VTable
+    v-if="list.length"
+    class="shadow-md"
+  >
     <VTableHeader>
       <VTableHeaderRow>
         <VTableHeaderCell
           class="w-full flex justify-between box-border items-center"
         >
           <span>OTU</span>
-          <IconClose
-            class="opacity-30 cursor-pointer"
+          <IconArrowRight
+            class="opacity-50 cursor-pointer w-4 h-4"
             @click="emit('close:table')"
           />
         </VTableHeaderCell>
diff --git a/src/modules/otus/components/Search/OtuSearch.vue b/src/modules/otus/components/Search/OtuSearch.vue
index 9a3b942..8528410 100644
--- a/src/modules/otus/components/Search/OtuSearch.vue
+++ b/src/modules/otus/components/Search/OtuSearch.vue
@@ -14,7 +14,8 @@
         ref="mapRef"
         class="w-screen h-screen"
         controls
-        disable-zoom
+        :dragging="!shapes"
+        :disable-zoom="!!shapes"
         :zoom-bounds="6"
         :geojson="shapes"
         @draw:start="() => (geojson = {})"
@@ -44,7 +45,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted, onUnmounted, watch } from 'vue'
+import { ref, onMounted, onUnmounted } from 'vue'
 import { makeAPIRequest } from '@/utils/request'
 import SearchBar from './SearchBar.vue'
 import ListResults from './ListResults.vue'
@@ -57,7 +58,7 @@ const props = defineProps({
 
   shapes: {
     type: Object,
-    default: () => ({})
+    default: undefined
   }
 })
 
diff --git a/src/modules/otus/views/Index.vue b/src/modules/otus/views/Index.vue
index 2b9e4bf..c6e3831 100644
--- a/src/modules/otus/views/Index.vue
+++ b/src/modules/otus/views/Index.vue
@@ -56,10 +56,6 @@
       </div>
     </div>
   </div>
-  <OtuSearch
-    v-if="isOtuSearchVisible"
-    @close="() => (isOtuSearchVisible = false)"
-  />
 </template>
 
 <script setup>
@@ -74,7 +70,6 @@ const route = useRoute()
 const router = useRouter()
 const routeParams = ref(route.params)
 const tabs = [] // useChildrenRoutes()
-const isOtuSearchVisible = ref(false)
 
 router.afterEach((route) => {
   routeParams.value = route.params