From 7fce2380e073f8d0216e049600ed7d56cb49f173 Mon Sep 17 00:00:00 2001 From: vagrant <vagrant@homestead> Date: Tue, 29 Nov 2022 14:54:42 +0000 Subject: [PATCH] Update lat lng from adress --- .../Organizations/Single/AddressBlock.vue | 16 ++++++---------- .../Organizations/Single/PositionBlock.vue | 9 ++++----- 2 files changed, 10 insertions(+), 15 deletions(-) diff --git a/resources/js/components/Organizations/Single/AddressBlock.vue b/resources/js/components/Organizations/Single/AddressBlock.vue index 1a3aaa71..1123b2d1 100644 --- a/resources/js/components/Organizations/Single/AddressBlock.vue +++ b/resources/js/components/Organizations/Single/AddressBlock.vue @@ -54,7 +54,7 @@ <div v-if="$v.address.codeInsee.$error" class="text-danger">Champ obligatoire</div> </div> <div class="form-group"> - <PositionBlock :address="address" @addressError="addressError($event)" /> + <PositionBlock :address="address" @addressError="addressError($event)" @updateAddressLoc="updateAddressLoc" /> <div v-if="$v.address.lat.$error || $v.address.lng.$error" class="text-danger">Localisation obligatoire</div> </div> </div> @@ -92,19 +92,15 @@ export default { methods: { checkValidation() { this.$v.$touch() - if (this.$v.$invalid) { - return false - } else { - return true - } + return !this.$v.$invalid }, addressError (message) { - console.log('test error') this.$parent.toaster(this, message, 'bg-red') }, - updateAddressLoc (address) { - this.address.lat = address.lat - this.address.lng = address.lng + updateAddressLoc (address, lat, lng) { + console.log('updateAddressLoc', lat, lng) + this.address.lat = lat + this.address.lng = lng }, } } diff --git a/resources/js/components/Organizations/Single/PositionBlock.vue b/resources/js/components/Organizations/Single/PositionBlock.vue index 9b257f25..5e128e5c 100644 --- a/resources/js/components/Organizations/Single/PositionBlock.vue +++ b/resources/js/components/Organizations/Single/PositionBlock.vue @@ -39,17 +39,16 @@ export default { }, setMarker (lat, lng) { this.marker = L.circleMarker([lat, lng], {draggable: true, radius: 7,fillColor:'red',fillOpacity:0.5,color: 'red'}) - this.address.lat = lat - this.address.lng = lat + + this.$emit('updateAddressLoc', this.address, lat, lng) this.marker.on({ mousedown: () => this.map.on('mousemove', (e) => { this.marker.setLatLng(e.latlng); this.map.dragging.disable() - this.address.lat = e.latlng.lat - this.address.lng = e.latlng.lng - this.$emit('updateAddressLoc', this.address) + // this.address.lat = e.latlng.lat + this.$emit('updateAddressLoc', this.address, e.latlng.lat, e.latlng.lng) }), mouseup: () => { this.map.dragging.enable() -- GitLab