Edit Arc 1

src/renderer/components/AirportEdit.vue

@@ -1,12 +1,4 @@
 <template>
-  <div width="100%">
-    <h1 class="leaflet-sidebar-header" v-if="airport">
-        Airport 
-      <div class="leaflet-sidebar-close">
-          <i class="fa fa-caret-left"></i>
-      </div>
-    </h1>
-
     <div width="100%" v-if="airport">
       <div>
         <el-row>
@@ -35,7 +27,6 @@
         </el-row>
       </div>
     </div>
-  </div>
 </template>
 
 <script lang="js">

src/renderer/components/ArcEdit.vue

@@ -1,13 +1,5 @@
 <template>
-  <div>
-    <h1 class="leaflet-sidebar-header" v-if="arc">
-      Arc Properties
-      <div class="leaflet-sidebar-close">
-        <i class="fa fa-caret-left"></i>
-      </div>
-    </h1>
     <div width="100%" v-if="arc">
-      <div>
         <!--
           airlineCodes: 0
           heading: 341.34
@@ -27,9 +19,15 @@
             <el-input placeholder="Please input" v-model="name"></el-input>
           </el-col>
         </el-row>
-      </div>
+        <el-row>
+          <el-col :span="7">
+            <span class="demo-input-label">Pushback :</span>
+          </el-col>
+          <el-col :span="15">
+            <el-switch v-model="isPushback"></el-switch>
+          </el-col>
+        </el-row>
     </div>
-  </div>
 </template>
 
 <script lang="js">
@@ -41,15 +39,22 @@
       name: {
       // getter
         get: function () {
-          return this.$store.state.Editable.data.name
+          return this.$store.state.Editable.data.arc.name
         },
         // setter
         set: function (newValue) {
-          this.$store.commit('SET_EDIT_PARKING_NAME', newValue)
+          this.$store.commit('SET_EDIT_ARC_NAME', newValue)
         }
       },
-      airports_directory: function () {
-        return this.$store.state.Settings.settings.airportsDirectory
+      isPushback: {
+      // getter
+        get: function () {
+          return this.$store.state.Editable.data.arc.isPushBackRoute === '1'
+        },
+        // setter
+        set: function (newValue) {
+          this.$store.commit('SET_EDIT_PUSHBACK', newValue ? '1' : '0')
+        }
       }
     }
   }

src/renderer/components/FlightgearMap.vue

@@ -73,7 +73,8 @@
     },
     data () {
       return {
-        url: 'http://{s}.tile.osm.org/{z}/{x}/{y}.png',
+        // 'http://{s}.tile.osm.org/{z}/{x}/{y}.png'
+        url: 'https://a.tile.openstreetmap.de/{z}/{x}/{y}.png',
         attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
         marker: L.latLng(47.413220, -1.219482),
         airports: this.$store.state.Airports.airports,

src/renderer/components/GroundnetEdit.vue

@@ -1,12 +1,5 @@
 <template>
     <div v-if="parking">
-      <h1 class="leaflet-sidebar-header">
-        Parking 
-        <div class="leaflet-sidebar-close">
-          <i class="fa fa-caret-left"></i>
-        </div>
-      </h1>
-      <div>
         <!--
           airlineCodes: 0
           heading: 341.34
@@ -18,13 +11,11 @@
           radius: 18
           type: "gate"
         -->
-        {{this.$store.state.Editable.index}}
         <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>
-    </div>
 </template>
 
 <script lang="js">
@@ -36,17 +27,13 @@
       name: {
       // getter
         get: function () {
-          return this.$store.state.Editable.data.parking[this.$store.state.Editable.index].name
+          return this.$store.state.Editable.data.parking.name
         },
         // setter
         set: function (newValue) {
           this.$store.commit('SET_EDIT_PARKING_NAME', newValue)
         }
-      },
-      airports_directory: function () {
-        return this.$store.state.Settings.settings.airportsDirectory
       }
-
     }
   }
 </script>

src/renderer/components/LeafletSidebar.vue

@@ -23,6 +23,10 @@
             <p>A responsive sidebar for mapping libraries</p>
         </div>
         <div class="leaflet-sidebar-pane" id="edit">
+            <h1 class="leaflet-sidebar-header">
+                Properties
+                <div class="leaflet-sidebar-close"><i class="fa fa-caret-left"></i></div>
+            </h1>
           <AirportEdit></AirportEdit>
           <GroundnetEdit></GroundnetEdit>
           <ArcEdit></ArcEdit>

src/renderer/components/NodeEdit.vue

@@ -1,11 +1,4 @@
 <template>
-  <div>
-    <h1 class="leaflet-sidebar-header" v-if="node">
-      Node Properties
-      <div class="leaflet-sidebar-close">
-        <i class="fa fa-caret-left"></i>
-      </div>
-    </h1>
     <div width="100%" v-if="node">
       <div>
         <el-row>
@@ -33,7 +26,6 @@
         </el-row>
       </div>
     </div>
-  </div>
 </template>
 
 <script lang="js">