wc: Allow to disable search button using a searchActive property #TAS…

…K-7216 #TASK-7100
opencb · Jan 16, 2025 · 6afc3dc · 6afc3dc
1 parent 6f52c68
commit 6afc3dc
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/webcomponents/variant/variant-browser-horizontal-filter.js b/src/webcomponents/variant/variant-browser-horizontal-filter.js
@@ -83,6 +83,9 @@ export default class VariantBrowserHorizontalFilter extends LitElement {
             defaultFilter: {
                 type: Object,
             },
+            searchActive: {
+                type: Boolean,
+            },
             config: {
                 type: Object,
             },
@@ -94,6 +97,8 @@ export default class VariantBrowserHorizontalFilter extends LitElement {
         this._config = this.getDefaultConfig();
 
         this.query = {};
+        this.searchActive = true;
+
         this.queryList = [];
         this.preparedQuery = {};
 
@@ -1200,7 +1205,7 @@ export default class VariantBrowserHorizontalFilter extends LitElement {
                     </div>
                 </button>
                 <div class="w-px bg-gray-200"></div>
-                <button class="btn btn-primary d-flex align-items-center gap-2" @click="${this.onSearch}">
+                <button class="btn btn-primary d-flex align-items-center gap-2 ${!this.searchActive ? "disabled" : ""}" @click="${this.onSearch}">
                     <i class="fas fa-search"></i>
                     <span class="fw-bold">Search</span>
                 </button>