diff --git a/src/components/Project/FeaturesListAndMap/FeaturesListAndMapFilters.vue b/src/components/Project/FeaturesListAndMap/FeaturesListAndMapFilters.vue index bab2e7cec3d704ed436c367160225df661cab9be..763887b2f192dcc327a75dd45ad5cd0633a3ea7f 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;