Make Fixometer filters expand/contract in sync on the different tabs

TheRestartProject · Aug 23, 2023 · ddc8c7c · ddc8c7c
1 parent 32003f0
commit ddc8c7c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/resources/js/components/FixometerFilters.vue b/resources/js/components/FixometerFilters.vue
@@ -250,6 +250,12 @@ export default {
     this.current_wiki = this.wiki
   },
   watch: {
+    startExpandedItems (newVal) {
+      this.expandedItems = newVal
+    },
+    startExpandedEvents (newVal) {
+      this.expandedEvents = newVal
+    },
     current_category(newVal) {
       this.$emit('update:category', newVal)
     },
@@ -281,9 +287,11 @@ export default {
   methods: {
     toggleItems() {
       this.expandedItems = !this.expandedItems
+      this.$emit('expandItems', this.expandedItems)
     },
     toggleEvents() {
       this.expandedEvents = !this.expandedEvents
+      this.$emit('expandEvents', this.expandedEvents)
     }
   }
 }

diff --git a/resources/js/components/FixometerPage.vue b/resources/js/components/FixometerPage.vue
@@ -33,6 +33,8 @@
           :to_date.sync="to_date"
           :start-expanded-items="startExpandedItems"
           :start-expanded-events="startExpandedEvents"
+          @expandItems="startExpandedItems = $event"
+          @expandEvents="startExpandedEvents = $event"
       />
       <FixometerFilters
           v-show="tabIndex === 1"
@@ -51,6 +53,8 @@
           :to_date.sync="to_date"
           :start-expanded-items="startExpandedItems"
           :start-expanded-events="startExpandedEvents"
+          @expandItems="startExpandedItems = $event"
+          @expandEvents="startExpandedEvents = $event"
       />
       <b-tabs class="ourtabs ourtabs-brand w-100 d-none d-md-block" v-model="tabIndex">
         <b-tab active title-item-class="w-50" title-link-class="smallpad" class="pt-2">