Debugger

src/renderer/components/AiLayer.vue

@@ -0,0 +1,37 @@
+<template>
+
+  <section class="ai-layer">
+    <h1>ai-layer Component</h1>
+  </section>
+
+</template>
+
+<script lang="js">
+  import {aiLayer} from '../phi/AILayer'
+
+  export default {
+/* eslint-disable */
+    name: 'ai-layer',
+    props: [],
+    mounted () {
+      this.aiLayer = aiLayer({url: this.$store.state.Settings.settings.phi_url})
+      this.aiLayer.addTo(this.$parent.mapObject)
+    },
+    data () {
+      return {
+      }
+    },
+    methods: {
+
+    },
+    computed: {
+
+    }
+}
+</script>
+
+<style scoped lang="scss">
+  .ai-layer {
+
+  }
+</style>

src/renderer/components/FlightgearMap.vue

@@ -16,7 +16,8 @@
     <!--<l-marker :lat-lng="marker"></l-marker>-->
     <LeafletSidebar></LeafletSidebar>
     <EditBar></EditBar>
-    <PavementLayer ref="pavementLayer"></PavementLayer>
+    <AiLayer ref="aiLayer"></AiLayer> 
+    <PavementLayer ref="pavementLayer"></PavementLayer>    
     <ThresholdLayer ref="thresholdLayer"></ThresholdLayer>
     <l-layer-group layerType="overlay" name="airports" ref="airportLayer">
       <l-circle
@@ -37,6 +38,7 @@
   import 'leaflet/dist/leaflet.css'
   import { LMap, LTileLayer, LMarker, LCircle, LLayerGroup, LControl } from 'vue2-leaflet'
   import LeafletSidebar from './LeafletSidebar'
+  import AiLayer from './AiLayer'
   import EditBar from './EditBar'
   import EditLayer from './EditLayer'
   import PavementLayer from './PavementLayer'
@@ -53,7 +55,7 @@
   })
   export default {
     name: 'flightgear-map',
-    components: { LMap, LTileLayer, LMarker, LCircle, LeafletSidebar, EditBar, EditLayer, PavementLayer, LLayerGroup, LControl, ThresholdLayer },
+    components: { LMap, LTileLayer, LMarker, LCircle, LeafletSidebar, AiLayer, EditBar, EditLayer, PavementLayer, LLayerGroup, LControl, ThresholdLayer },
     props: [],
     mounted () {
       this.$store.dispatch('getAirports')

src/renderer/components/SettingsPanel.vue

@@ -50,6 +50,14 @@
           <directory-select @input="testDirectorySelect"></directory-select>
         </el-col>
       </el-row>
+      <el-row>
+        <el-col :span="22" class="label">Phi Host Url</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24" class="label">
+            <el-input placeholder="Please input a valid Phi URL" v-model="phi_url"></el-input>
+        </el-col>
+      </el-row>
       <el-row>
         <el-col :span="7" class="label">Author : </el-col>
         <el-col :span="17">
@@ -99,6 +107,16 @@
           this.$store.commit('SET_EMAIL', newValue)
         }
       },
+      phi_url: {
+      // getter
+        get: function () {
+          return this.$store.state.Settings.settings.phi_url
+        },
+        // setter
+        set: function (newValue) {
+          this.$store.commit('SET_PHI_URL', newValue)
+        }
+      },
       flightgear_directory: function () {
         return this.$store.state.Settings.settings.flightgearDirectory
       },