filter this value in formview

packages/datalib/src/FormViewDisplay.ts

@@ -1,7 +1,7 @@
 import _ from 'lodash';
 import { GridConfig, GridCache, GridConfigColumns, createGridCache, GroupFunc } from './GridConfig';
 import { ForeignKeyInfo, TableInfo, ColumnInfo, EngineDriver, NamedObjectInfo, DatabaseInfo } from 'dbgate-types';
-import { parseFilter, getFilterType } from 'dbgate-filterparser';
+import { parseFilter, getFilterType, getFilterValueExpression } from 'dbgate-filterparser';
 import { filterName } from './filterName';
 import { ChangeSetFieldDefinition, ChangeSetRowDefinition } from './ChangeSet';
 import { Expression, Select, treeToSql, dumpSqlSelect, Condition } from 'dbgate-sqltree';
@@ -30,6 +30,21 @@ export class FormViewDisplay {
     }));
   }
 
+  filterCellValue(column, rowData) {
+    if (!column || !rowData) return;
+    const value = rowData[column.uniqueName];
+    const expr = getFilterValueExpression(value, column.dataType);
+    if (expr) {
+      this.setConfig((cfg) => ({
+        ...cfg,
+        filters: {
+          ...cfg.filters,
+          [column.uniqueName]: expr,
+        },
+      }));
+    }
+  }
+
   setFilter(uniqueName, value) {
     this.setConfig((cfg) => ({
       ...cfg,

packages/web/src/formview/FormView.js

@@ -152,6 +152,10 @@ export default function FormView(props) {
     }));
   };
 
+  const handleFilterThisValue = isDataCell(currentCell)
+    ? () => formDisplay.filterCellValue(getCellColumn(currentCell), rowData)
+    : null;
+
   const handleContextMenu = (event) => {
     event.preventDefault();
     showMenu(
@@ -161,9 +165,7 @@ export default function FormView(props) {
         switchToTable={handleSwitchToTable}
         onNavigate={onNavigate}
         addToFilter={() => formDisplay.addFilterColumn(getCellColumn(currentCell))}
-        filterThisValue={
+        filterThisValue={handleFilterThisValue}
-          isDataCell(currentCell) ? () => formDisplay.filterCellValue(getCellColumn(currentCell), rowData) : null
-        }
       />
     );
   };
@@ -338,6 +340,11 @@ export default function FormView(props) {
       copyToClipboard();
     }
 
+    if (event.keyCode == keycodes.f && event.ctrlKey) {
+      event.preventDefault();
+      if (handleFilterThisValue) handleFilterThisValue();
+    }
+
     if (event.keyCode == keycodes.f5) {
       event.preventDefault();
       onReload();

packages/web/src/formview/FormViewContextMenu.js

@@ -8,7 +8,11 @@ export default function FormViewContextMenu({ switchToTable, onNavigate, addToFi
         Table view
       </DropDownMenuItem>
       {addToFilter && <DropDownMenuItem onClick={addToFilter}>Add to filter</DropDownMenuItem>}
-      {filterThisValue && <DropDownMenuItem onClick={filterThisValue}>Filter this value</DropDownMenuItem>}
+      {filterThisValue && (
+        <DropDownMenuItem onClick={filterThisValue} keyText="Ctrl+F">
+          Filter this value
+        </DropDownMenuItem>
+      )}
       <DropDownMenuDivider />
       <DropDownMenuItem onClick={() => onNavigate('begin')} keyText="Ctrl+Home">
         Navigate to begin