frontend: add filter toggle buttons

SafeHavenMaps · Jun 18, 2024 · 31e5d93 · 31e5d93
1 parent faf9342
commit 31e5d93
Showing 1 changed file with 45 additions and 0 deletions.
diff --git a/frontend/components/viewer/FilterConfig.vue b/frontend/components/viewer/FilterConfig.vue
@@ -35,6 +35,30 @@
             {{ category.title }}
           </div>
         </div>
+        <Button
+          outlined
+          size="small"
+          class="m-1"
+          @click="invertFilteringCategories"
+        >
+          Inverser
+        </Button>
+        <Button
+          outlined
+          size="small"
+          class="m-1"
+          @click="resetFilteringCategories"
+        >
+          Réinitialiser
+        </Button>
+        <Button
+          outlined
+          size="small"
+          class="m-1"
+          @click="selectAllFilteringCategories"
+        >
+          Tout sélectionner
+        </Button>
       </div>
       <div
         class="filter-settings mt-2"
@@ -171,6 +195,27 @@ function shownAdvancedTags() {
   return base.filter(tag => tag.title.toLowerCase().includes(tagSearch.value.toLowerCase()))
 }
 
+function invertFilteringCategories() {
+  props.filteringCategories.forEach((category) => {
+    category.active = !category.active
+  })
+  categoryFiltersChanged()
+}
+
+function resetFilteringCategories() {
+  props.filteringCategories.forEach((category) => {
+    category.active = category.default_status
+  })
+  categoryFiltersChanged()
+}
+
+function selectAllFilteringCategories() {
+  props.filteringCategories.forEach((category) => {
+    category.active = true
+  })
+  categoryFiltersChanged()
+}
+
 function tagFiltersChanged() {
   emit('filtersChanged')
 }