From 383579d4b62b744c93b6941650734ba8d56f5955 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <mail@bjo3rn.com>
Date: Fri, 5 Jul 2019 12:18:30 +0200
Subject: [PATCH] Fix search result ajax request being sent multiple times

---
 .../Private/Assets/js/components/BoardTypesSelect.vue  | 10 ++++++----
 .../Private/Assets/js/components/BusSelect.vue         | 10 ++++++----
 .../Private/Assets/js/components/ConceptSelect.vue     | 10 ++++++----
 .../Assets/js/components/DestinationCheckboxes.vue     | 10 ++--------
 .../Private/Assets/js/components/HotelTypesSelect.vue  | 10 ++++++----
 .../Private/Assets/js/components/RoomTypesSelect.vue   | 10 ++++++----
 .../Private/Assets/js/components/SearchResult.vue      |  1 -
 7 files changed, 32 insertions(+), 29 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/BoardTypesSelect.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/BoardTypesSelect.vue
index f7bfb9ef..f37271c8 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/BoardTypesSelect.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/BoardTypesSelect.vue
@@ -2,7 +2,7 @@
     <div class="boardtypeselect">
         <div class="checkbox" v-for="boardType of boardTypesOptions">
             <label>
-                <input type="checkbox" v-model.number="boardTypesSelected" :value="boardType.uid">
+                <input type="checkbox" v-model.number="boardTypesSelected" :value="boardType.uid" @change="notifySelected">
                 <span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
                 {{ boardType.label }}
             </label>
@@ -29,12 +29,14 @@
                 }
             }
         },
+        methods: {
+            notifySelected () {
+                this.$emit('selected', this.boardTypesSelected);
+            }
+        },
         watch: {
             boardTypes (value) {
                 this.boardTypesSelected = value;
-            },
-            boardTypesSelected (value) {
-                this.$emit('selected', value);
             }
         }
     }
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/BusSelect.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/BusSelect.vue
index ce6916a3..35da1f97 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/BusSelect.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/BusSelect.vue
@@ -3,7 +3,7 @@
         <template v-if="busAvailable">
             <div class="checkbox">
                 <label>
-                    <input type="checkbox" v-model="busSelected">
+                    <input type="checkbox" v-model="busSelected" @change="notifySelected">
                     <span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
                     Busanreise
                 </label>
@@ -32,12 +32,14 @@
                 default: false
             }
         },
+        methods: {
+            notifySelected () {
+                this.$emit('selected', this.busSelected);
+            }
+        },
         watch: {
             bus (value) {
                 this.busSelected = value;
-            },
-            busSelected (value) {
-                this.$emit('selected', value);
             }
         }
     }
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/ConceptSelect.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/ConceptSelect.vue
index b1492206..3a2a7895 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/ConceptSelect.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/ConceptSelect.vue
@@ -2,7 +2,7 @@
     <div class="conceptselect">
         <div class="checkbox" v-for="concept of conceptOptions">
             <label>
-                <input type="checkbox" v-model="conceptsSelected" :value="concept.uid">
+                <input type="checkbox" v-model="conceptsSelected" :value="concept.uid" @change="notifySelected">
                 <span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
                 nur {{ concept.name }}
             </label>
@@ -29,12 +29,14 @@
                 }
             }
         },
+        methods: {
+            notifySelected () {
+                this.$emit('selected', this.conceptsSelected);
+            }
+        },
         watch: {
             concepts (value) {
                 this.conceptsSelected = value;
-            },
-            conceptsSelected (value) {
-                this.$emit('selected', value);
             }
         }
     }
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/DestinationCheckboxes.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/DestinationCheckboxes.vue
index 6cbd66bb..89a0d92a 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/DestinationCheckboxes.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/DestinationCheckboxes.vue
@@ -3,14 +3,14 @@
         <div class="destinationselect__section" v-for="(destination, uid) of selectableDestinations">
             <div class="checkbox">
                 <label>
-                    <input type="checkbox" v-model.number="countryUidsSelected" :value="uid">
+                    <input type="checkbox" v-model.number="countryUidsSelected" :value="uid" @change="notifySelected">
                     <span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
                     <strong>{{ destination.country.label }}</strong>
                 </label>
             </div>
             <div class="checkbox" v-for="region of destination.regions">
                 <label>
-                    <input type="checkbox" v-model.number="regionUidsSelected" :value="region.uid">
+                    <input type="checkbox" v-model.number="regionUidsSelected" :value="region.uid" @change="notifySelected">
                     <span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
                     <span class="small">{{ region.label }}</span>
                 </label>
@@ -64,12 +64,6 @@
             },
             regionUids (value) {
                 this.regionUidsSelected = value;
-            },
-            countryUidsSelected () {
-                this.notifySelected();
-            },
-            regionUidsSelected () {
-                this.notifySelected();
             }
         }
     }
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/HotelTypesSelect.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/HotelTypesSelect.vue
index 005159c3..1d5dcd03 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/HotelTypesSelect.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/HotelTypesSelect.vue
@@ -2,7 +2,7 @@
     <div class="hoteltypeselect">
         <div class="checkbox" v-for="hotelTypesOption of hotelTypesOptions">
             <label>
-                <input type="checkbox" v-model.number="hotelTypesSelected" :value="hotelTypesOption">
+                <input type="checkbox" v-model.number="hotelTypesSelected" :value="hotelTypesOption" @change="notifySelected">
                 <span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
                 {{ hotelTypesLabels[hotelTypesOption] }}
             </label>
@@ -36,12 +36,14 @@
                 }
             }
         },
+        methods: {
+            notifySelected () {
+                this.$emit('selected', this.hotelTypesSelected);
+            }
+        },
         watch: {
             hotelTypes (value) {
                 this.hotelTypesSelected = value;
-            },
-            hotelTypesSelected (value) {
-                this.$emit('selected', value);
             }
         }
     }
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/RoomTypesSelect.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/RoomTypesSelect.vue
index 94f8c16e..bac8654c 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/RoomTypesSelect.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/RoomTypesSelect.vue
@@ -2,7 +2,7 @@
     <div class="roomtypeselect">
         <div class="checkbox" v-for="roomTypesOption of roomTypesOptions">
             <label>
-                <input type="checkbox" v-model.number="roomTypesSelected" :value="roomTypesOption">
+                <input type="checkbox" v-model.number="roomTypesSelected" :value="roomTypesOption" @change="notifySelected">
                 <span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
                 {{ roomTypesLabels[roomTypesOption] }}
             </label>
@@ -37,12 +37,14 @@
                 }
             }
         },
+        methods: {
+            notifySelected () {
+                this.$emit('selected', this.roomTypesSelected);
+            }
+        },
         watch: {
             roomTypes (value) {
                 this.roomTypesSelected = value;
-            },
-            roomTypesSelected (value) {
-                this.$emit('selected', value);
             }
         }
     }
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/SearchResult.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/SearchResult.vue
index 6d30206f..900198c0 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/SearchResult.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/SearchResult.vue
@@ -140,7 +140,6 @@
             resetFilterSettings () {
                 this.updateFilterSettings(defaultFilterSettings);
                 EventBus.$emit('filterSettingsReset');
-                this.loadResults();
             },
             updateDestination (destination) {
                 this.updateFilterSettings({