From ab46202bfbd99497af39830cf59068682f5f8bd1 Mon Sep 17 00:00:00 2001
From: Marcos Callegario <mcallegario@gmail.com>
Date: Mon, 13 Dec 2021 12:21:50 -0300
Subject: [PATCH] feat(filters): modal-filter-example

---
 .../src/examples/example07.ts                     | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/examples/webpack-demo-vanilla-bundle/src/examples/example07.ts b/examples/webpack-demo-vanilla-bundle/src/examples/example07.ts
index 62cc94da1..ca61af266 100644
--- a/examples/webpack-demo-vanilla-bundle/src/examples/example07.ts
+++ b/examples/webpack-demo-vanilla-bundle/src/examples/example07.ts
@@ -338,7 +338,7 @@ export class Example7 {
         <div class="modal-card">
             <header class="modal-card-head">
                 <p class="modal-card-title">Filter</p>
-                <button id="btn-close" class="delete" aria-label="close"></button>
+                <button class="delete btn-close" aria-label="close"></button>
             </header>
             <section class="modal-card-body">
               <div class="slickgrid-container grid-pane">
@@ -348,14 +348,23 @@ export class Example7 {
                 </div>
               </div>
             </section>
+            <footer class="modal-card-foot">
+              <button class="button btn-close">Close</button>
+              <button id="btn-clear-all" class="button">Clear All Filter</button>
+              <button class="button btn-close is-success">Search</button>
+            </footer>
         </div>
     </div>`).appendTo('body');
 
-    $("#btn-close").on('click',function() {
+    $(".btn-close").on('click',function() {
       grid?.filterService.toggleHeaderFilterRow();
       document.getElementById("modal-allFilter").remove();
     });
-
+    $("#btn-clear-all").on('click',function() {
+      grid?.filterService.toggleHeaderFilterRow();
+      document.getElementById("modal-allFilter").remove();
+      grid?.filterService.clearFilters();
+    });
 
     for (const columnFilter of grid?.columnDefinitions){
       if (columnFilter.filterable){