From 068bd33881808b021c025052a095c04f6a940260 Mon Sep 17 00:00:00 2001
From: Timo Volkmann <volkmann@stud.hs-heilbronn.de>
Date: Mon, 24 Jun 2019 15:00:04 +0200
Subject: [PATCH] fixed mapChooser Number Input

---
 .../frontend/src/components/mapClickable.vue  | 43 +++++++++++++++++--
 1 file changed, 40 insertions(+), 3 deletions(-)

diff --git a/labswp_2019_sose_geocaching_frontend/frontend/src/components/mapClickable.vue b/labswp_2019_sose_geocaching_frontend/frontend/src/components/mapClickable.vue
index 4a9d7e2..260c3ed 100644
--- a/labswp_2019_sose_geocaching_frontend/frontend/src/components/mapClickable.vue
+++ b/labswp_2019_sose_geocaching_frontend/frontend/src/components/mapClickable.vue
@@ -64,9 +64,9 @@
       </vl-map>
     </div>
     <div class="row q-col-gutter-md">
-      <q-input class="col" dense stack-label filled v-model.number="center[1]"
+      <q-input class="col" dense stack-label filled v-model.number.lazy="inputCenter0"
                label="Breitengrad"/>
-      <q-input class="col" dense stack-label filled v-model.number="center[0]"
+      <q-input class="col" dense stack-label filled v-model.number.lazy="inputCenter1"
                label="Längengrad"/>
       <div class="col-shrink">
         <q-btn unelevated color="primary" class="full-height" icon="my_location" @click="setCenter(deviceCoordinate)"/>
@@ -215,6 +215,13 @@
     setCenter(position) {
       this.center = position;
       this.$emit('updatecoords', this.center);
+    },
+    setCoordInput(val) {
+      this.inputCenter0 = val[0];
+      this.inputCenter1 = val[1];
+    },
+    updateCenterValues() {
+      this.setCenter([this.inputCenter0, this.inputCenter1])
     }
   }
 
@@ -229,7 +236,9 @@
     },
     data() {
       return {
-        center: [9.208858198755664, 49.14785422283188],
+        inputCenter0: 9.208858198755664,
+        inputCenter1: 49.14785422283188,
+        //center: [9.208858198755664, 49.14785422283188],
         zoom: 15,
         rotation: 0,
         clickCoordinate: undefined,
@@ -295,6 +304,34 @@
           this.$emit('updatecoords', this.center);
         }
       },
+      // center0: {
+      //   get() {
+      //     console.log("center0 get")
+      //
+      //     return this.center[0];
+      //   },
+      //   set(val) {
+      //     console.log("center0 set")
+      //     let center1 = this.center[1];
+      //     let center0 = val;
+      //     this.center = [center0, center1];
+      //     console.log(this.center)
+      //   }
+      // },
+      center: {
+        get() {
+          console.log("center get");
+          console.log("center get");
+          return [this.inputCenter0, this.inputCenter1];
+        },
+        set(val) {
+          console.log("center set");
+          this.inputCenter0 = val[0];
+          this.inputCenter1 = val[1];
+          console.log(this.inputCenter0)
+          console.log(this.inputCenter1)
+        }
+      },
     }
   }
 </script>