Allow disable/re-enable multicolumn filter #1174

packages/web/src/formview/FormViewFilters.svelte

@@ -8,6 +8,7 @@
   import keycodes from '../utility/keycodes';
   import FormViewFilterColumn from './FormViewFilterColumn.svelte';
   import { stringFilterBehaviour } from 'dbgate-tools';
+  import CheckboxField from '../forms/CheckboxField.svelte';
   // import PrimaryKeyFilterEditor from './PrimaryKeyFilterEditor.svelte';
 
   export let managerSize;
@@ -64,6 +65,13 @@
     <div class="space-between">
       <span>Multi column filter</span>
       {#if multiColumnFilter}
+      <div class="flex items-center gap-2">
+        <CheckboxField
+          checked={!display.isMultiColumnFilterDisabled()}
+          on:change={() => {
+            display.toggleMultiColumnFilterEnabled();
+          }}
+        />
         <InlineButton
           square
           narrow
@@ -73,6 +81,7 @@
         >
           <FontIcon icon="icon close" />
         </InlineButton>
+      </div>
       {/if}
     </div>
 
@@ -85,6 +94,7 @@
       {database}
       {schemaName}
       {pureName}
+      filterDisabled={display.isMultiColumnFilterDisabled()}
     />
   </div>
 {/if}