perspectives:add to filter ctx menu

packages/web/src/perspectives/PerspectiveFilters.svelte

@@ -16,10 +16,9 @@
 <ManagerInnerContainer width={managerSize}>
   {#each allFilterNames as uniqueName}
     <PerspectiveFiltersColumn
-      columnName={config.filterInfos[uniqueName].columnName}
+      filterInfo={config.filterInfos[uniqueName]}
       {uniqueName}
       filter={config.filters[uniqueName]}
-      filterType={config.filterInfos[uniqueName].filterType}
       onSetFilter={value =>
         setConfig(cfg => ({
           ...cfg,

packages/web/src/perspectives/PerspectiveFiltersColumn.svelte

@@ -5,20 +5,21 @@
   import InlineButton from '../buttons/InlineButton.svelte';
   import FontIcon from '../icons/FontIcon.svelte';
   import { getFilterType } from 'dbgate-filterparser';
+  import { PerspectiveFilterColumnInfo } from 'dbgate-datalib';
+
+  export let filterInfo: PerspectiveFilterColumnInfo;
 
   export let filter;
   export let onSetFilter;
   export let onRemoveFilter;
-  export let filterType;
-  export let columnName;
 </script>
 
 <div class="m-1">
   <div class="space-between">
-    {columnName}
+    {filterInfo.columnName} ({filterInfo.tableName})
     <InlineButton square narrow on:click={onRemoveFilter}>
       <FontIcon icon="icon close" />
     </InlineButton>
   </div>
-  <DataFilterControl {filterType} {filter} setFilter={onSetFilter} />
+  <DataFilterControl filterType={filterInfo.filterType} {filter} setFilter={onSetFilter} />
 </div>

packages/web/src/perspectives/PerspectiveNodeRow.svelte

@@ -17,7 +17,19 @@
 
   function createMenu() {
     const customJoin = node.customJoinConfig;
+    const filterInfo = node.filterInfo;
     return [
+      filterInfo && {
+        text: 'Add to filter',
+        onClick: () =>
+          setConfig(cfg => ({
+            ...cfg,
+            filterInfos: {
+              ...cfg.filterInfos,
+              [node.uniqueName]: filterInfo,
+            },
+          })),
+      },
       customJoin && {
         text: 'Remove custom join',
         onClick: () =>

packages/web/src/perspectives/PerspectiveTable.svelte

@@ -282,7 +282,7 @@
             {/each}
           </tr>
         {/each}
-        <tr>
+        <!-- <tr>
           {#each display.columns as column}
             <th class="filter">
               <DataFilterControl
@@ -293,7 +293,7 @@
               />
             </th>
           {/each}
-        </tr>
+        </tr> -->
       </thead>
       <tbody>
         {#each display.rows as row}