From fb72f8d760652622ebd438b6251324ee7a547e5b Mon Sep 17 00:00:00 2001
From: portree_kid <keith.paterson@gmx.de>
Date: Mon, 27 Apr 2020 15:23:05 +0200
Subject: [PATCH] Remove frequency

---
 src/renderer/components/AirportEdit.vue   |  2 +-
 src/renderer/components/EditLayer.vue     |  3 +++
 src/renderer/components/Frequency.vue     | 14 ++++++++++----
 src/renderer/store/modules/Frequencies.js |  9 +++++++++
 4 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/src/renderer/components/AirportEdit.vue b/src/renderer/components/AirportEdit.vue
index 5d3e9e5..ba8a93d 100644
--- a/src/renderer/components/AirportEdit.vue
+++ b/src/renderer/components/AirportEdit.vue
@@ -98,6 +98,6 @@
 <style lang="scss" scoped>
    .el-row {
      padding: 0em;
-     margin-bottom: 10px;
+     margin-bottom: 5px;
    }
 </style>
\ No newline at end of file
diff --git a/src/renderer/components/EditLayer.vue b/src/renderer/components/EditLayer.vue
index 99758d3..0ce39f1 100644
--- a/src/renderer/components/EditLayer.vue
+++ b/src/renderer/components/EditLayer.vue
@@ -455,6 +455,9 @@
           return
         }
         this.$store.dispatch('updatedParking', this.$store.state.Editable.data.parking);
+        if (this.featureLookup[this.$store.state.Editable.index]===undefined) {
+          return
+        }
         this.featureLookup[this.$store.state.Editable.index].forEach((element,index) => {
           if (element instanceof L.ParkingSpot) {
             element.options.attributes = Object.assign({}, this.$store.state.Editable.data.parking)
diff --git a/src/renderer/components/Frequency.vue b/src/renderer/components/Frequency.vue
index 9d790f3..63a0ef1 100644
--- a/src/renderer/components/Frequency.vue
+++ b/src/renderer/components/Frequency.vue
@@ -12,7 +12,7 @@
             ></el-option>
           </el-select>
         </el-col>
-        <el-col :span="15">
+        <el-col :span="13">
           <el-input
             placeholder="Please input frequency"
             v-model="value"
@@ -20,14 +20,19 @@
             v-bind:class="{ invalid: !ok && editing}"
           ></el-input>
         </el-col>
+        <el-col :span="2">
+          <el-button @click="remove" v-if="editing" ><i class="fas fa-trash-alt"></i></el-button>
+        </el-col>
       </el-row>
     </span>
   </div>
 </template>
 <script lang="js">
+  import EditButton from './EditButton'
 /* eslint-disable */
   export default  {
     name: 'frequency',
+    components: { EditButton },
     props: {frequency: Object},
     mounted () {
     },
@@ -37,6 +42,9 @@
       }
     },
     methods: {
+      remove () {
+        this.$store.dispatch('removeFrequency', this.frequency)
+      },
       isValid (frequency) {
         let ok = frequency >= 118 && frequency <= 137
         if (!ok) {
@@ -87,7 +95,7 @@
       value: {
       // getter
         get: function () {
-        return this.frequency.value;
+          return this.frequency.value;
         },
         // setter
         set: function (newValue) {
@@ -97,8 +105,6 @@
       }
     }
   }
-
-
 </script>
 
 <style scoped lang="scss">
diff --git a/src/renderer/store/modules/Frequencies.js b/src/renderer/store/modules/Frequencies.js
index 605adfe..fc9a06e 100644
--- a/src/renderer/store/modules/Frequencies.js
+++ b/src/renderer/store/modules/Frequencies.js
@@ -10,6 +10,12 @@ const mutations = {
     const existingItem = state.items.find((i) => i.id === item.id)
     Object.assign(existingItem, item)
   },
+  REMOVE_FREQUENCY: (state, item) => {
+    const index = state.items.indexOf(item)
+    if (index > -1) {
+      state.items.splice(index, 1)
+    }
+  },
   SET_FREQUENCIES (state, frequencies) {
     Vue.set(state, 'items', frequencies)
   }
@@ -22,6 +28,9 @@ const actions = {
   async updateFrequency (context, frequency) {
     context.commit('SET_GROUND', frequency)
   },
+  async removeFrequency (context, frequency) {
+    context.commit('REMOVE_FREQUENCY', frequency)
+  },
   async setFrequencies (context, frequencies) {
     context.commit('SET_FREQUENCIES', frequencies)
   }