From ffc8d76d1fb5b826fd6e86220e87e782d47003f6 Mon Sep 17 00:00:00 2001
From: portree_kid <keith.paterson@gmx.de>
Date: Tue, 31 Mar 2020 13:58:52 +0200
Subject: [PATCH] Styling

---
 package.json                            |  2 +-
 src/renderer/components/AirportEdit.vue | 42 ++++++++++++++-----------
 2 files changed, 25 insertions(+), 19 deletions(-)

diff --git a/package.json b/package.json
index 0d6e690..bba56fc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "flightgear-airports",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "author": "portree_kid <keith.paterson@gmx.de>",
   "description": "An software to design Flightgear groundnets",
   "license": "GPL v3",
diff --git a/src/renderer/components/AirportEdit.vue b/src/renderer/components/AirportEdit.vue
index 37c231f..885b00a 100644
--- a/src/renderer/components/AirportEdit.vue
+++ b/src/renderer/components/AirportEdit.vue
@@ -3,28 +3,28 @@
     <div width="100%" v-if="airport">
         <el-row>
           <el-col :span="7">ICAO :</el-col>
-          <el-col :span="15">{{ icao }}</el-col>
+          <el-col :span="17">{{ icao }}</el-col>
         </el-row>
         <el-row>
           <el-col :span="7">Name :</el-col>
-          <el-col :span="15">{{ name }}</el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="7">Flights :</el-col>
-          <el-col :span="15">{{ flights }}</el-col>
+          <el-col :span="17">{{ name }}</el-col>
         </el-row>
         <el-row>
           <el-col :span="7">Airlines :</el-col>
-          <el-col :span="15">{{ airlines }}</el-col>
+          <el-col :span="15">
+            <el-tag v-for="item in airlines" :key="item.value">{{item.value}}</el-tag>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="5">Flights :</el-col>
+          <el-col :span="7">{{ flights }}</el-col>
+          <el-col :span="5">Parking :</el-col>
+          <el-col :span="7">{{ parking }}</el-col>
         </el-row>
         <el-row>
           <el-col :span="7">Groundnet :</el-col>
           <el-col :span="15">{{groundnet}}</el-col>
         </el-row>
-        <el-row>
-          <el-col :span="7">Parking Positions :</el-col>
-          <el-col :span="15">{{ parking }}</el-col>
-        </el-row>
     </div>
     <el-divider  v-if="airport"></el-divider>  
     <h3 v-if="airport">Frequencies</h3>  
@@ -32,8 +32,8 @@
         <el-row v-for="f in Frequencies" :key="f.index">
           <Frequency :frequency="f"></Frequency>
         </el-row>
+        <el-button @click="addFrequency" v-if="editing" >Add</el-button>
     </div>
-    <el-button @click="addFrequency" v-if="editing" >Add</el-button>
   </div>
 </template>
 
@@ -52,10 +52,10 @@
       }
     },
     computed: {
-      editing: function () {
-        return this.$parent.$parent.$parent.$refs.editLayer !== undefined &&
-        this.$parent.$parent.$parent.$refs.editLayer.editing &&
-        this.$store.state.Editable.type === 'airport'
+      editing: {
+        get: function () {
+          return this.$parent.$parent.$parent.$refs.editLayer.editing
+        }
       },
       icao: function () {
         return this.$store.state.Editable.data.airport.icao
@@ -67,7 +67,12 @@
         return this.$store.state.Editable.data.airport.flights
       },
       airlines: function () {
-        return this.$store.state.Editable.data.airport.airlines
+        var airlineCodes = []
+        var storedairlineCodes = this.$store.state.Airports.currentAirport.airlines
+        storedairlineCodes.forEach(element => {
+          airlineCodes.push({value: element, label: element})
+        })
+        return airlineCodes
       },
       groundnet: function () {
         return this.$store.state.Editable.data.airport.groundnet
@@ -90,6 +95,7 @@
 
 <style lang="scss" scoped>
    .el-row {
-     padding: 0em
+     padding: 0em;
+     margin-bottom: 10px;
    }
 </style>
\ No newline at end of file