Empty filters -button disabled styles

CHANGELOG.md

@@ -13,6 +13,7 @@ Perustuu projektiin [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 
 ### Korjattu
 - PO-293: Vinkkien järjestäminen
+- PO-350: Tehdään tyhjentämisen jälkeen haku vain jos jotain muuttui
 
 ## [1.2.0] - 2018-09-05
 

content/themes/custom/assets/scripts/search.js

@@ -43,6 +43,15 @@ class Search {
         $( e.currentTarget ).toggleClass( 'active' );
     }
 
+    setEmptyBtnStatus() {
+        const url = new Url();
+        if ( !! _.get( url, 'query.post_guids', []).length ) {
+            this.$emptyFiltersButton.removeClass( 'disabled' );
+        } else {
+            this.$emptyFiltersButton.addClass( 'disabled' );
+        }
+    }
+
     /**
      * Handle search metadata
      *
@@ -101,6 +110,7 @@ class Search {
             this.$emptyFiltersButton.on( 'click', ( e ) => this.emptyFilters( e ) );
 
             this.populateFilters();
+            this.setEmptyBtnStatus();
         }
     };
 
@@ -265,6 +275,7 @@ class Search {
         // Collect args from the form that was submitted either via click or submit event
         const args = this.getArgs( $form );
         this.handleUrlOnSearch( args );
+        this.setEmptyBtnStatus();
 
         // Abort any existing calls
         if ( this.xhr ) {
@@ -445,10 +456,11 @@ class Search {
      * Empty filters.
      */
     emptyFilters( e ) {
-        const checkboxes = this.$searchFilter.find( 'input[type=checkbox]:not(.and-or-input)' );
-        checkboxes.filter( '[type="checkbox"]:checked' ).removeAttr( 'checked' ).prop( 'checked', false );
-
-        this.doSearch( e );
+        const $btn = $( e.currentTarget );
+        if ( ! $btn.hasClass( 'disabled' ) ) {
+            this.$searchFilter.find( 'input[type=checkbox]:not(.and-or-input):checked' ).removeAttr( 'checked' ).prop( 'checked', false );
+            this.doSearch( e );
+        }
     }
 }
 

content/themes/custom/partials/shared/search-filter.dust

@@ -12,7 +12,7 @@
 
     {^embed}
         <div class="search-buttons">
-            <button class="search-buttons__btn" type="button" id="search-empty-filters-button">Tyhjennä</button>
+            <button class="search-buttons__btn disabled" type="button" id="search-empty-filters-button">Tyhjennä</button>
         </div>
 
         <input type="hidden" name="s" value="{Term}" placeholder="{Header.S.search_placeholder}" title="{Header.S.search_title}">