Change Type via multiselect

This commit is contained in:
Keith Paterson 2021-06-24 08:00:05 +02:00
parent ba533e8942
commit 7a58b4bde1
3 changed files with 39 additions and 26 deletions

View File

@ -216,6 +216,11 @@ You should have received a copy of the GNU General Public License along with FG
element.updateRadius(event.wingspan/2)
});
break;
case 'parking-group-type':
this.selection.forEach(element => {
element.updateType(event.parking_type)
});
break;
default:
break;
}

View File

@ -90,13 +90,12 @@
</el-button>
</el-col>
</el-row>
<!--
<el-row>
<el-col :span="7">
<span class="label">Parking Type :</span>
</el-col>
<el-col :span="17">
<el-select v-model="parking_type" placeholder="Select" :disabled="!editing">
<el-select v-model="parking_type" @change="typeChange" placeholder="Select" :disabled="!editing">
<el-option
v-for="type in options"
:key="type.value"
@ -107,6 +106,7 @@
</el-select>
</el-col>
</el-row>
<!--
<el-row>
<el-col :span="7">
<span class="label">Airline :</span>
@ -136,7 +136,7 @@ const convert = require('geo-coordinates-parser');
export default {
data () {
return {
data: Object, avgHeading: 5, editing: Boolean, wingspan: 0
data: Object, avgHeading: 5, editing: Boolean, wingspan: 0, parking_type: ''
}
},
@ -157,6 +157,7 @@ const convert = require('geo-coordinates-parser');
setData (data) {
this.data = data;
this.setAvgHeading();
this.setAvgType();
},
setEditing(editing) {
this.editing = editing
@ -171,6 +172,17 @@ const convert = require('geo-coordinates-parser');
return r;
}, { sum: 0, count: 0, avg: 0 }).avg);
},
setAvgType() {
if( this.data === null || this.data === undefined) {
return 0
}
var types = this.data.map(parking => parking.options.attributes.type).filter((v, i, a) => a.indexOf(v) === i);
if (types.length == 1) {
this.parking_type = types[0];
} else {
this.parking_type = '';
}
},
wingspanChange( newValue ) {
if ( newValue ) {
this.$emit('editParking', {type: 'parking-group-wingspan', wingspan: newValue} )
@ -186,6 +198,11 @@ const convert = require('geo-coordinates-parser');
if ( newValue ) {
this.$emit('editParking', {type: 'parking-group-angle', angle: newValue} )
}
},
typeChange( newValue ) {
if ( newValue ) {
this.$emit('editParking', {type: 'parking-group-type', parking_type: newValue} )
}
}
},
computed: {
@ -271,19 +288,6 @@ const convert = require('geo-coordinates-parser');
{value: 'mil-fighter', label: 'military fighter'},
{value: 'mil-cargo', label: 'military cargo'}
]
},
parking_type: {
// getter
get: function () {
if (this.$store.state.Editable.data.parking.type === undefined) {
return 'none'
}
return this.$store.state.Editable.data.parking.type
},
// setter
set: function (newValue) {
this.$store.commit('SET_EDIT_PARKING_TYPE', newValue)
}
}
}
}

View File

@ -96,6 +96,10 @@ L.ParkingSpot = L.Circle.extend({
this.updateWheelPos();
this.updateBox();
},
updateType(type) {
this.options.attributes.type = type;
this.deselect();
},
// Update the direction vertex from the direction
updateVertexFromDirection() {
if (this.editEnabled()) {