From aa50ff303904c5866ed7ea801cdb08a9dcf35d51 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Timoth=C3=A9e?= <tpoussard@neogeo.fr> Date: Thu, 11 Aug 2022 18:20:04 +0200 Subject: [PATCH] adapt edit button for attributes --- .../FeaturesListAndMapFilters.vue | 21 ++++++++++++++++--- 1 file changed, 18 insertions(+), 3 deletions(-) diff --git a/src/components/Project/FeaturesListAndMap/FeaturesListAndMapFilters.vue b/src/components/Project/FeaturesListAndMap/FeaturesListAndMapFilters.vue index bab2e7ce..763887b2 100644 --- a/src/components/Project/FeaturesListAndMap/FeaturesListAndMapFilters.vue +++ b/src/components/Project/FeaturesListAndMap/FeaturesListAndMapFilters.vue @@ -86,11 +86,11 @@ </div> </div> <div - v-if="checkedFeatures.length > 0 && massMode === 'edit-status'" + v-if="checkedFeatures.length > 0 && massMode.includes('edit')" class="ui dropdown button compact button-hover-green tiny-margin-left" - data-tooltip="Modifier le statut des Signalements" + :data-tooltip="`Modifier le${massMode.includes('status') ? ' statut' : 's attributs'} des signalements`" data-position="bottom right" - @click="toggleModifyStatus" + @click="editFeatures" > <i class="pencil fitted icon" @@ -333,11 +333,26 @@ export default { this.showModifyStatus = false; }, + editFeatures() { + switch (this.massMode) { + case 'edit-status': + this.toggleModifyStatus(); + break; + case 'edit-attributes': + this.displayAttributesForm(); + break; + } + }, + toggleModifyStatus() { this.showModifyStatus = !this.showModifyStatus; this.showAddFeature = false; }, + displayAttributesForm() { + console.log('TODO : create function to route to form & create attributes form'); + }, + clickOutsideDropdown(e) { if (!e.target.closest('#button-dropdown')) { this.showModifyStatus = false; -- GitLab