wc - Manage event onClear in grid settings, #TASK-4846

Signed-off-by: gpveronica <[email protected]>
opencb · Oct 22, 2024 · f1c4e35 · f1c4e35
1 parent 646ce87
commit f1c4e35
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/src/webcomponents/commons/catalog-browser-grid-config.js b/src/webcomponents/commons/catalog-browser-grid-config.js
@@ -139,6 +139,11 @@ export default class CatalogBrowserGridConfig extends LitElement {
         LitUtils.dispatchCustomEvent(this, "configChange", this.config);
     }
 
+    onClear() {
+        this.onConfigObserver();
+        this.requestUpdate();
+    }
+
     async onSubmit() {
         try {
             // Update user configuration
@@ -168,6 +173,7 @@ export default class CatalogBrowserGridConfig extends LitElement {
                 .data="${this.config}"
                 .config="${this.getConfigForm()}"
                 @fieldChange="${e => this.onFieldChange(e)}"
+                @clear="${e=>this.onClear(e)}"
                 @submit="${e => this.onSubmit(e)}">
             </data-form>
         `;
@@ -187,7 +193,8 @@ export default class CatalogBrowserGridConfig extends LitElement {
                 titleAlign: "left",
                 titleWidth: 4,
                 defaultLayout: "vertical",
-                buttonsVisible: true
+                buttonsVisible: true,
+                buttonClearText: "Discard",
             },
             sections: [
                 {

diff --git a/src/webcomponents/variant/interpretation/variant-interpreter-grid-config.js b/src/webcomponents/variant/interpretation/variant-interpreter-grid-config.js
@@ -149,6 +149,11 @@ export default class VariantInterpreterGridConfig extends LitElement {
         LitUtils.dispatchCustomEvent(this, "configChange", this.config);
     }
 
+    onClear() {
+        this.onConfigObserver();
+        this.requestUpdate();
+    }
+
     async onSubmit() {
         // const newGridConfig = {...this.config};
         //
@@ -192,6 +197,7 @@ export default class VariantInterpreterGridConfig extends LitElement {
                 .data="${this.config}"
                 .config="${this.getConfigForm()}"
                 @fieldChange="${e => this.onFieldChange(e)}"
+                @clear="${e=>this.onClear(e)}"
                 @submit="${e => this.onSubmit(e)}">
             </data-form>
         `;
@@ -221,7 +227,8 @@ export default class VariantInterpreterGridConfig extends LitElement {
                 titleAlign: "left",
                 titleWidth: 4,
                 defaultLayout: "vertical",
-                buttonsVisible: true
+                buttonsVisible: true,
+                buttonClearText: "Discard",
             },
             sections: [
                 {