From 8f9d1c69931999274ec2b314b3e5951d95a985f3 Mon Sep 17 00:00:00 2001
From: cnouguier <ch.nouguier@gmail.com>
Date: Fri, 27 Sep 2024 16:42:13 +0200
Subject: [PATCH] wip: Provide a location map card that fits the layout of the
 KTimeLine component #958

---
 .../components/location/KLocationTimeLineCard.vue   | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/map/client/components/location/KLocationTimeLineCard.vue b/map/client/components/location/KLocationTimeLineCard.vue
index 1961a9c03..cb7998aff 100644
--- a/map/client/components/location/KLocationTimeLineCard.vue
+++ b/map/client/components/location/KLocationTimeLineCard.vue
@@ -37,7 +37,7 @@
           />
         </div>
         <div v-if="!dense" class="q-pl-sm q-pb-sm col-4">
-          <div v-if="item.location" class="fit column">
+          <div v-if="item.location" class="fit column" style="position: relative;">
             <KLocationMap
               v-model="item.location"
               :tools="[]"
@@ -46,6 +46,10 @@
             <div class="full-width ellipsis text-caption k-location-map-caption">
               {{ item.location.properties.name }}
             </div>
+            <KPanel 
+              :content="locationActions"
+              style="position: absolute; top: 0; right: 0;  z-index: 401;"
+            />
           </div>
           <div v-else class="fit column k-location-map" style="position: relative;">
             <div class="absolute-center" >
@@ -54,6 +58,10 @@
                 text="KLocationCardSection.NO_LOCATION"
               />
             </div>
+            <KPanel 
+              :content="locationActions"
+              style="position: absolute; top: 0; right: 0;  z-index: 401;"
+            />
           </div>
         </div>
       </div>
@@ -103,6 +111,9 @@ export default {
   computed: {
     descriptionActions () {
       return _.filter(this.itemActions, { scope: 'description' })
+    },
+    locationActions () {
+      return _.filter(this.itemActions, { scope: 'location' })
     }
   }
 }