From 9cc4a5fcf6c044615d11b30eb4ad74bf0f76a63d Mon Sep 17 00:00:00 2001
From: portree_kid <keith.paterson@gmx.de>
Date: Mon, 24 Feb 2020 21:25:02 +0100
Subject: [PATCH] Parking Radius

---
 src/renderer/components/GroundnetEdit.vue  | 39 -----------
 src/renderer/components/LeafletSidebar.vue |  6 +-
 src/renderer/components/ParkingEdit.vue    | 80 ++++++++++++++++++++++
 src/renderer/loaders/ParkingSpot.js        |  2 +-
 src/renderer/store/modules/Editable.js     |  3 +
 5 files changed, 87 insertions(+), 43 deletions(-)
 delete mode 100644 src/renderer/components/GroundnetEdit.vue
 create mode 100644 src/renderer/components/ParkingEdit.vue

diff --git a/src/renderer/components/GroundnetEdit.vue b/src/renderer/components/GroundnetEdit.vue
deleted file mode 100644
index 57a3b39..0000000
--- a/src/renderer/components/GroundnetEdit.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<template>
-    <div v-if="parking">
-        <!--
-          airlineCodes: 0
-          heading: 341.34
-          index: 13
-          lat: "N59 52.610885"
-          lon: "W1 17.855144"
-          name: "Western_Apron_Hanger"
-          pushBackRoute: 27
-          radius: 18
-          type: "gate"
-        -->
-        <el-row>
-          <el-col :span="7"><span class="demo-input-label">Name :</span></el-col>          
-          <el-col :span="15"><el-input placeholder="Please input" v-model="name"></el-input></el-col>
-        </el-row>
-      </div>
-</template>
-
-<script lang="js">
-  export default {
-    computed: {
-      parking: function () {
-        return this.$store.state.Editable.type === 'parking'
-      },
-      name: {
-      // getter
-        get: function () {
-          return this.$store.state.Editable.data.parking.name
-        },
-        // setter
-        set: function (newValue) {
-          this.$store.commit('SET_EDIT_PARKING_NAME', newValue)
-        }
-      }
-    }
-  }
-</script>
diff --git a/src/renderer/components/LeafletSidebar.vue b/src/renderer/components/LeafletSidebar.vue
index 2a37e81..e65e4e5 100644
--- a/src/renderer/components/LeafletSidebar.vue
+++ b/src/renderer/components/LeafletSidebar.vue
@@ -29,7 +29,7 @@
                 <div class="leaflet-sidebar-close"><i class="fa fa-caret-left"></i></div>
             </h1>
           <AirportEdit></AirportEdit>
-          <GroundnetEdit></GroundnetEdit>
+          <ParkingEdit></ParkingEdit>
           <ArcEdit></ArcEdit>
           <NodeEdit></NodeEdit>
         </div>
@@ -52,7 +52,7 @@
   import {} from 'leaflet-sidebar-v2'
   import L from 'leaflet'
   import AirportEdit from './AirportEdit'
-  import GroundnetEdit from './GroundnetEdit'
+  import ParkingEdit from './ParkingEdit'
   import ArcEdit from './ArcEdit'
   import NodeEdit from './NodeEdit'
   import SettingsPanel from './SettingsPanel'
@@ -62,7 +62,7 @@
 
   export default {
     name: 'leaflet-sidebar',
-    components: { AirportEdit, ArcEdit, NodeEdit, GroundnetEdit, SettingsPanel, RunScan, FileSelect, Search },
+    components: { AirportEdit, ArcEdit, NodeEdit, ParkingEdit, SettingsPanel, RunScan, FileSelect, Search },
     props: [],
     mounted () {
       this.add()
diff --git a/src/renderer/components/ParkingEdit.vue b/src/renderer/components/ParkingEdit.vue
new file mode 100644
index 0000000..e326a18
--- /dev/null
+++ b/src/renderer/components/ParkingEdit.vue
@@ -0,0 +1,80 @@
+<template>
+  <div v-if="parking">
+    <!--
+          airlineCodes: 0
+          heading: 341.34
+          index: 13
+          lat: "N59 52.610885"
+          lon: "W1 17.855144"
+          name: "Western_Apron_Hanger"
+          pushBackRoute: 27
+          radius: 18
+          type: "gate"
+    -->
+    <el-row>
+      <el-col :span="7">
+        <span class="demo-input-label">Name :</span>
+      </el-col>
+      <el-col :span="15">
+        <el-input placeholder="Please input" v-model="name"></el-input>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="7">
+        <span class="demo-input-label">Size :</span>
+      </el-col>
+      <el-col :span="15">
+        <el-radio-group v-model="radius">
+          <el-tooltip content="PIPER PA-31/CESSNA 404 Titan" placement="bottom" effect="light">
+            <el-radio :label="15">A</el-radio>
+          </el-tooltip>
+          <el-tooltip content="BOMBARDIER Regional Jet CRJ-200/DE HAVILLAND CANADA DHC-6" placement="bottom" effect="light">
+            <el-radio :label="24">B</el-radio>
+          </el-tooltip>
+          <el-tooltip content="BOEING 737-700/AIRBUS A-320/EMBRAER ERJ 190-100" placement="bottom" effect="light">
+            <el-radio :label="36">C</el-radio>
+          </el-tooltip>
+          <el-tooltip content="B767 Series/AIRBUS A-310" placement="bottom" effect="light">
+            <el-radio :label="52">D</el-radio>
+          </el-tooltip>
+          <el-tooltip content="B777 Series/B787 Series/A330 Family" placement="bottom" effect="light">
+            <el-radio :label="65">E</el-radio>
+          </el-tooltip>
+          <el-tooltip content="BOEING 747-8/AIRBUS A-380-800" placement="bottom" effect="light">
+            <el-radio :label="80">F</el-radio>
+          </el-tooltip>
+        </el-radio-group>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script lang="js">
+  export default {
+    computed: {
+      parking: function () {
+        return this.$store.state.Editable.type === 'parking'
+      },
+      name: {
+      // getter
+        get: function () {
+          return this.$store.state.Editable.data.parking.name
+        },
+        // setter
+        set: function (newValue) {
+          this.$store.commit('SET_EDIT_PARKING_NAME', newValue)
+        }
+      },
+      radius: {
+      // getter
+        get: function () {
+          return this.$store.state.Editable.data.parking.radius
+        },
+        // setter
+        set: function (newValue) {
+          this.$store.commit('SET_EDIT_PARKING_RADIUS', newValue)
+        }
+      }
+    }
+  }
+</script>
diff --git a/src/renderer/loaders/ParkingSpot.js b/src/renderer/loaders/ParkingSpot.js
index 648ec2f..edf86de 100644
--- a/src/renderer/loaders/ParkingSpot.js
+++ b/src/renderer/loaders/ParkingSpot.js
@@ -79,7 +79,7 @@ L.ParkingSpot = L.Circle.extend({
             var end = this.editor._resizeLatLng.__vertex.getLatLng();
             var heading = turf.bearing([start.lng, start.lat], [end.lng, end.lat]);
             this.options.attributes.heading = heading + 180;
-            const counts = [14, 18, 26, 33, 40];
+            const counts = [15, 24, 36, 52, 65, 80];
 
             const output = counts.reduce((prev, curr) => Math.abs(curr - this._mRadius) < Math.abs(prev - this._mRadius) ? curr : prev);
 
diff --git a/src/renderer/store/modules/Editable.js b/src/renderer/store/modules/Editable.js
index b2fcee6..c4a9aec 100644
--- a/src/renderer/store/modules/Editable.js
+++ b/src/renderer/store/modules/Editable.js
@@ -43,6 +43,9 @@ const mutations = {
   'SET_EDIT_PARKING_NAME' (state, parkingName) {
     Vue.set(state.data.parking, 'name', parkingName)
   },
+  'SET_EDIT_PARKING_RADIUS' (state, radius) {
+    Vue.set(state.data.parking, 'radius', radius)
+  },
   'SET_EDIT_ARC_NAME' (state, arcName) {
     Vue.set(state.data.arc, 'name', arcName)
   },