Fixed Sidebar

This commit is contained in:
portree_kid 2020-01-04 20:39:24 +01:00
parent 707f8b1871
commit 237e1e430f
6 changed files with 1554 additions and 43 deletions

BIN
FULLTEXT01.pdf Normal file

Binary file not shown.

1550
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -1,12 +1,13 @@
<template> <template>
<div id="panel" width="100%"> <div width="100%">
<div id="panel" width="100%" v-if="airport"> <h1 class="leaflet-sidebar-header" v-if="airport">
<h1 class="leaflet-sidebar-header"> Airport
Airports
<div class="leaflet-sidebar-close"> <div class="leaflet-sidebar-close">
<i class="fa fa-caret-left"></i> <i class="fa fa-caret-left"></i>
</div> </div>
</h1> </h1>
<div width="100%" v-if="airport">
<div> <div>
<el-row> <el-row>
<el-col :span="7">ICAO :</el-col> <el-col :span="7">ICAO :</el-col>

View File

@ -1,12 +1,12 @@
<template> <template>
<div id="panel" width="100%"> <div>
<div id="panel" width="100%" v-if="parking"> <h1 class="leaflet-sidebar-header" v-if="arc">
<h1 class="leaflet-sidebar-header">
Arc Properties Arc Properties
<div class="leaflet-sidebar-close"> <div class="leaflet-sidebar-close">
<i class="fa fa-caret-left"></i> <i class="fa fa-caret-left"></i>
</div> </div>
</h1> </h1>
<div width="100%" v-if="arc">
<div> <div>
<!-- <!--
airlineCodes: 0 airlineCodes: 0
@ -20,8 +20,12 @@
type: "gate" type: "gate"
--> -->
<el-row> <el-row>
<el-col :span="7"><span class="demo-input-label">Name :</span></el-col> <el-col :span="7">
<el-col :span="15"><el-input placeholder="Please input" v-model="name"></el-input></el-col> <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> </el-row>
</div> </div>
</div> </div>
@ -31,7 +35,7 @@
<script lang="js"> <script lang="js">
export default { export default {
computed: { computed: {
parking: function () { arc: function () {
return this.$store.state.Editable.type === 'arc' return this.$store.state.Editable.type === 'arc'
}, },
name: { name: {

View File

@ -54,7 +54,7 @@
let airportsToLoad = this.$store.state.Airports.airports let airportsToLoad = this.$store.state.Airports.airports
.filter(feature => this.visible(feature)) .filter(feature => this.visible(feature))
.map(feature => feature.properties.icao) .map(feature => feature.properties.icao)
if (airportsToLoad[0] !== this.editingAirport) { if (airportsToLoad.length > 0 && airportsToLoad[0] !== this.editingAirport) {
this.$refs.editLayer.load(airportsToLoad[0]) this.$refs.editLayer.load(airportsToLoad[0])
this.$refs.pavementLayer.load(airportsToLoad[0]) this.$refs.pavementLayer.load(airportsToLoad[0])
this.editingAirport = airportsToLoad[0] this.editingAirport = airportsToLoad[0]

View File

@ -1,6 +1,5 @@
<template> <template>
<div id="panel" width="100%"> <div v-if="parking">
<div id="panel" width="100%" v-if="parking">
<h1 class="leaflet-sidebar-header"> <h1 class="leaflet-sidebar-header">
Parking Parking
<div class="leaflet-sidebar-close"> <div class="leaflet-sidebar-close">
@ -25,7 +24,6 @@
</el-row> </el-row>
</div> </div>
</div> </div>
</div>
</template> </template>
<script lang="js"> <script lang="js">