diff --git a/src/renderer/components/Airport.vue b/src/renderer/components/Airport.vue index ec48863..35e48f2 100644 --- a/src/renderer/components/Airport.vue +++ b/src/renderer/components/Airport.vue @@ -12,7 +12,7 @@ trigger="hover" content="Center to airport" > - + @@ -23,7 +23,7 @@ trigger="hover" content="Remove this Work in progress file" > - + @@ -34,7 +34,7 @@ trigger="hover" content="Upload work in progress" > - + @@ -50,8 +50,9 @@ export default { name: 'airport', - props: {airport: Object}, + props: {airport: Object, editing: Boolean}, mounted () { + this.$forceUpdate(); }, data () { return { diff --git a/src/renderer/components/EditLayer.vue b/src/renderer/components/EditLayer.vue index 4e72a93..17bd31f 100644 --- a/src/renderer/components/EditLayer.vue +++ b/src/renderer/components/EditLayer.vue @@ -154,6 +154,8 @@ enableEdit () { this.editable = true this.editing = true + this.$store.commit('SET_EDIT', true) + this.featureLookup = []; this.groundnetLayerGroup.eachLayer(l => { l.enableEdit() @@ -170,6 +172,7 @@ disableEdit () { this.editable = false this.editing = false + this.$store.commit('SET_EDIT', false) this.groundnetLayerGroup.eachLayer(l => { l.disableEdit() }) diff --git a/src/renderer/components/WorkInProgress.vue b/src/renderer/components/WorkInProgress.vue index eb48726..cc5d02c 100644 --- a/src/renderer/components/WorkInProgress.vue +++ b/src/renderer/components/WorkInProgress.vue @@ -22,7 +22,7 @@ - + @@ -43,6 +43,11 @@ methods: { }, computed: { + editing: { + get: function () { + return this.$store.state.Editable.editing + } + }, wip: function () { return this.$store.state.Settings.wip } diff --git a/src/renderer/store/modules/Editable.js b/src/renderer/store/modules/Editable.js index 44bc0a4..c86fccb 100644 --- a/src/renderer/store/modules/Editable.js +++ b/src/renderer/store/modules/Editable.js @@ -13,6 +13,9 @@ const SET_EDIT_ARC = 'SET_EDIT_ARC' const SET_EDIT_RUNWAY = 'SET_EDIT_RUNWAY' const mutations = { + SET_EDIT (state, editing) { + state.editing = editing + }, SET_EDIT_AIRPORT (state, airport) { Vue.set(state.data, 'airport', airport) state.index = airport.icao