From 5b2bcb110e17b2925e801cfcaacc6ef6980ecf51 Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Sun, 5 Sep 2021 22:13:37 +0000
Subject: [PATCH] Only show control when edit

---
 resources/js/components/fields/Polygon.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/resources/js/components/fields/Polygon.vue b/resources/js/components/fields/Polygon.vue
index 6401c14..06cfca4 100644
--- a/resources/js/components/fields/Polygon.vue
+++ b/resources/js/components/fields/Polygon.vue
@@ -5,7 +5,7 @@
             <l-polygon :lat-lngs="value" :visible="true" />
         </field-map>
 
-        <l-control position="bottomleft" >
+        <l-control position="bottomleft" v-if="edit">
             <button @click="removeLastMarker">
             Slett forrige
             </button>
@@ -78,13 +78,15 @@ export default {
         triggerChange() {
             this.$emit('input', this.markers);
         },
-        removeLastMarker() {
+        removeLastMarker(event) {
             this.markers.splice(-1,1);
             this.triggerChange();
+            event.preventDefault();
         },
-        removeAllMarkers() {
-            this.markers = [];
+        removeAllMarkers(event) {
+            this.value = [];
             this.triggerChange();
+            event.preventDefault();
         },
         createMarker(evt) {
             this.markers.push(evt.latlng);