52 lines
1.5 KiB
Vue
52 lines
1.5 KiB
Vue
<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>
|
|
<el-col :span="7">ICAO :</el-col>
|
|
<el-col :span="15">{{ this.$store.state.Editable.data.properties.icao }}</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="7">Name :</el-col>
|
|
<el-col :span="15">{{ this.$store.state.Editable.data.properties.name }}</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="7">Flights :</el-col>
|
|
<el-col :span="15">{{ this.$store.state.Editable.data.properties.flights }}</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="7">Airlines :</el-col>
|
|
<el-col :span="15">{{ this.$store.state.Editable.data.properties.airlines }}</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="7">Groundnet :</el-col>
|
|
<el-col :span="15">{{groundnet}}</el-col>
|
|
</el-row>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="js">
|
|
export default {
|
|
computed: {
|
|
airport: function () {
|
|
return this.$store.state.Editable.type === 'airport'
|
|
},
|
|
groundnet: function () {
|
|
return this.$store.state.Editable.data.properties.groundnet
|
|
},
|
|
airports_directory: function () {
|
|
return this.$store.state.Settings.settings.airportsDirectory
|
|
}
|
|
}
|
|
}
|
|
</script>
|