mirror of
https://github.com/DeNNiiInc/dbgate.git
synced 2026-04-23 17:26:01 +00:00
form view cleanup
This commit is contained in:
Jan Prochazka
@@ -1,120 +0,0 @@
|
||||
// import _ from 'lodash';
|
||||
// import { GridConfig, GridCache, GridConfigColumns, createGridCache, GroupFunc } from './GridConfig';
|
||||
// import type { TableInfo, EngineDriver, DatabaseInfo, SqlDialect } from 'dbgate-types';
|
||||
// import { getFilterValueExpression } from 'dbgate-filterparser';
|
||||
// import { ChangeCacheFunc, ChangeConfigFunc, DisplayColumn } from './GridDisplay';
|
||||
|
||||
// export class FormViewDisplay {
|
||||
// isLoadedCorrectly = true;
|
||||
// columns: DisplayColumn[];
|
||||
// public baseTable: TableInfo;
|
||||
// dialect: SqlDialect;
|
||||
|
||||
// constructor(
|
||||
// public config: GridConfig,
|
||||
// protected setConfig: ChangeConfigFunc,
|
||||
// public cache: GridCache,
|
||||
// protected setCache: ChangeCacheFunc,
|
||||
// public driver?: EngineDriver,
|
||||
// public dbinfo: DatabaseInfo = null,
|
||||
// public serverVersion = null
|
||||
// ) {
|
||||
// this.dialect = (driver?.dialectByVersion && driver?.dialectByVersion(serverVersion)) || driver?.dialect;
|
||||
// }
|
||||
|
||||
// addFilterColumn(column) {
|
||||
// if (!column) return;
|
||||
// this.setConfig(cfg => ({
|
||||
// ...cfg,
|
||||
// formFilterColumns: [...(cfg.formFilterColumns || []), column.uniqueName],
|
||||
// }));
|
||||
// }
|
||||
|
||||
// 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,
|
||||
// },
|
||||
// addedColumns: cfg.addedColumns.includes(column.uniqueName)
|
||||
// ? cfg.addedColumns
|
||||
// : [...cfg.addedColumns, column.uniqueName],
|
||||
// }));
|
||||
// this.reload();
|
||||
// }
|
||||
// }
|
||||
|
||||
// setFilter(uniqueName, value) {
|
||||
// this.setConfig(cfg => ({
|
||||
// ...cfg,
|
||||
// filters: {
|
||||
// ...cfg.filters,
|
||||
// [uniqueName]: value,
|
||||
// },
|
||||
// }));
|
||||
// this.reload();
|
||||
// }
|
||||
|
||||
// removeFilter(uniqueName) {
|
||||
// const reloadRequired = !!this.config.filters[uniqueName];
|
||||
// this.setConfig(cfg => ({
|
||||
// ...cfg,
|
||||
// formFilterColumns: (cfg.formFilterColumns || []).filter(x => x != uniqueName),
|
||||
// filters: _.omit(cfg.filters || [], uniqueName),
|
||||
// }));
|
||||
// if (reloadRequired) this.reload();
|
||||
// }
|
||||
|
||||
// reload() {
|
||||
// this.setCache(cache => ({
|
||||
// // ...cache,
|
||||
// ...createGridCache(),
|
||||
// refreshTime: new Date().getTime(),
|
||||
// }));
|
||||
// }
|
||||
|
||||
// getKeyValue(columnName) {
|
||||
// const { formViewKey, formViewKeyRequested } = this.config;
|
||||
// if (formViewKeyRequested && formViewKeyRequested[columnName]) return formViewKeyRequested[columnName];
|
||||
// if (formViewKey && formViewKey[columnName]) return formViewKey[columnName];
|
||||
// return null;
|
||||
// }
|
||||
|
||||
// requestKeyValue(columnName, value) {
|
||||
// if (this.getKeyValue(columnName) == value) return;
|
||||
|
||||
// this.setConfig(cfg => ({
|
||||
// ...cfg,
|
||||
// formViewKeyRequested: {
|
||||
// ...cfg.formViewKey,
|
||||
// ...cfg.formViewKeyRequested,
|
||||
// [columnName]: value,
|
||||
// },
|
||||
// }));
|
||||
// this.reload();
|
||||
// }
|
||||
|
||||
// extractKey(row) {
|
||||
// if (!row || !this.baseTable || !this.baseTable.primaryKey) {
|
||||
// return null;
|
||||
// }
|
||||
// const formViewKey = _.pick(
|
||||
// row,
|
||||
// this.baseTable.primaryKey.columns.map(x => x.columnName)
|
||||
// );
|
||||
// return formViewKey;
|
||||
// }
|
||||
|
||||
// cancelRequestKey(rowData) {
|
||||
// this.setConfig(cfg => ({
|
||||
// ...cfg,
|
||||
// formViewKeyRequested: null,
|
||||
// formViewKey: rowData ? this.extractKey(rowData) : cfg.formViewKey,
|
||||
// }));
|
||||
// }
|
||||
// }
|
||||
@@ -28,8 +28,6 @@ export interface GridConfig extends GridConfigColumns {
|
||||
reference?: GridReferenceDefinition;
|
||||
isFormView?: boolean;
|
||||
formViewRecordNumber?: number;
|
||||
// formViewKey?: { [uniqueName: string]: string };
|
||||
// formViewKeyRequested?: { [uniqueName: string]: string };
|
||||
formFilterColumns: string[];
|
||||
formColumnFilterText?: string;
|
||||
}
|
||||
|
||||
@@ -722,22 +722,10 @@ export abstract class GridDisplay {
|
||||
}
|
||||
|
||||
switchToFormView(rowIndex) {
|
||||
// if (!this.baseTable) return;
|
||||
// const { primaryKey } = this.baseTable;
|
||||
// if (!primaryKey) return;
|
||||
// const { columns } = primaryKey;
|
||||
|
||||
this.setConfig(cfg => ({
|
||||
...cfg,
|
||||
isFormView: true,
|
||||
formViewRecordNumber: rowIndex,
|
||||
// formViewKey: rowData
|
||||
// ? _.pick(
|
||||
// rowData,
|
||||
// columns.map(x => x.columnName)
|
||||
// )
|
||||
// : null,
|
||||
// formViewKeyRequested: null,
|
||||
}));
|
||||
}
|
||||
|
||||
|
||||
@@ -1,272 +0,0 @@
|
||||
// import { FormViewDisplay } from './FormViewDisplay';
|
||||
// import _ from 'lodash';
|
||||
// import { ChangeCacheFunc, DisplayColumn, ChangeConfigFunc } from './GridDisplay';
|
||||
// import type { EngineDriver, NamedObjectInfo, DatabaseInfo } from 'dbgate-types';
|
||||
// import { GridConfig, GridCache } from './GridConfig';
|
||||
// import { mergeConditions, Condition, OrderByExpression } from 'dbgate-sqltree';
|
||||
// import { TableGridDisplay } from './TableGridDisplay';
|
||||
// import stableStringify from 'json-stable-stringify';
|
||||
// import { ChangeSetFieldDefinition, ChangeSetRowDefinition } from './ChangeSet';
|
||||
// import { DictionaryDescriptionFunc } from '.';
|
||||
|
||||
// export class TableFormViewDisplay extends FormViewDisplay {
|
||||
// // use utility functions from GridDisplay and publish result in FromViewDisplay interface
|
||||
// private gridDisplay: TableGridDisplay;
|
||||
|
||||
// constructor(
|
||||
// public tableName: NamedObjectInfo,
|
||||
// driver: EngineDriver,
|
||||
// config: GridConfig,
|
||||
// setConfig: ChangeConfigFunc,
|
||||
// cache: GridCache,
|
||||
// setCache: ChangeCacheFunc,
|
||||
// dbinfo: DatabaseInfo,
|
||||
// displayOptions,
|
||||
// serverVersion,
|
||||
// getDictionaryDescription: DictionaryDescriptionFunc = null,
|
||||
// isReadOnly = false
|
||||
// ) {
|
||||
// super(config, setConfig, cache, setCache, driver, dbinfo, serverVersion);
|
||||
// this.gridDisplay = new TableGridDisplay(
|
||||
// tableName,
|
||||
// driver,
|
||||
// config,
|
||||
// setConfig,
|
||||
// cache,
|
||||
// setCache,
|
||||
// dbinfo,
|
||||
// displayOptions,
|
||||
// serverVersion,
|
||||
// getDictionaryDescription,
|
||||
// isReadOnly
|
||||
// );
|
||||
// this.gridDisplay.addAllExpandedColumnsToSelected = true;
|
||||
|
||||
// this.isLoadedCorrectly = this.gridDisplay.isLoadedCorrectly && !!this.driver;
|
||||
// this.columns = [];
|
||||
// this.addDisplayColumns(this.gridDisplay.columns);
|
||||
// this.baseTable = this.gridDisplay.baseTable;
|
||||
// this.gridDisplay.hintBaseColumns = this.columns;
|
||||
// }
|
||||
|
||||
// addDisplayColumns(columns: DisplayColumn[]) {
|
||||
// for (const col of columns) {
|
||||
// this.columns.push(col);
|
||||
// if (this.gridDisplay.isExpandedColumn(col.uniqueName)) {
|
||||
// const table = this.gridDisplay.getFkTarget(col);
|
||||
// if (table) {
|
||||
// const subcolumns = this.gridDisplay.getDisplayColumns(table, col.uniquePath);
|
||||
// this.addDisplayColumns(subcolumns);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// getPrimaryKeyEqualCondition(row = null): Condition {
|
||||
// if (!row) row = this.config.formViewKeyRequested || this.config.formViewKey;
|
||||
// if (!row) return null;
|
||||
// const { primaryKey } = this.gridDisplay.baseTable;
|
||||
// if (!primaryKey) return null;
|
||||
// return {
|
||||
// conditionType: 'and',
|
||||
// conditions: primaryKey.columns.map(({ columnName }) => ({
|
||||
// conditionType: 'binary',
|
||||
// operator: '=',
|
||||
// left: {
|
||||
// exprType: 'column',
|
||||
// columnName,
|
||||
// source: {
|
||||
// alias: 'basetbl',
|
||||
// },
|
||||
// },
|
||||
// right: {
|
||||
// exprType: 'value',
|
||||
// value: row[columnName],
|
||||
// },
|
||||
// })),
|
||||
// };
|
||||
// }
|
||||
|
||||
// getPrimaryKeyOperatorCondition(operator): Condition {
|
||||
// if (!this.config.formViewKey) return null;
|
||||
// const conditions = [];
|
||||
|
||||
// const { primaryKey } = this.gridDisplay.baseTable;
|
||||
// if (!primaryKey) return null;
|
||||
// for (let index = 0; index < primaryKey.columns.length; index++) {
|
||||
// conditions.push({
|
||||
// conditionType: 'and',
|
||||
// conditions: [
|
||||
// ...primaryKey.columns.slice(0, index).map(({ columnName }) => ({
|
||||
// conditionType: 'binary',
|
||||
// operator: '=',
|
||||
// left: {
|
||||
// exprType: 'column',
|
||||
// columnName,
|
||||
// source: {
|
||||
// alias: 'basetbl',
|
||||
// },
|
||||
// },
|
||||
// right: {
|
||||
// exprType: 'value',
|
||||
// value: this.config.formViewKey[columnName],
|
||||
// },
|
||||
// })),
|
||||
// ...primaryKey.columns.slice(index).map(({ columnName }) => ({
|
||||
// conditionType: 'binary',
|
||||
// operator: operator,
|
||||
// left: {
|
||||
// exprType: 'column',
|
||||
// columnName,
|
||||
// source: {
|
||||
// alias: 'basetbl',
|
||||
// },
|
||||
// },
|
||||
// right: {
|
||||
// exprType: 'value',
|
||||
// value: this.config.formViewKey[columnName],
|
||||
// },
|
||||
// })),
|
||||
// ],
|
||||
// });
|
||||
// }
|
||||
|
||||
// if (conditions.length == 1) {
|
||||
// return conditions[0];
|
||||
// }
|
||||
|
||||
// return {
|
||||
// conditionType: 'or',
|
||||
// conditions,
|
||||
// };
|
||||
// }
|
||||
|
||||
// getSelect() {
|
||||
// if (!this.driver) return null;
|
||||
// const select = this.gridDisplay.createSelect();
|
||||
// if (!select) return null;
|
||||
// select.topRecords = 1;
|
||||
// return select;
|
||||
// }
|
||||
|
||||
// getCurrentRowQuery() {
|
||||
// const select = this.getSelect();
|
||||
// if (!select) return null;
|
||||
|
||||
// select.where = mergeConditions(select.where, this.getPrimaryKeyEqualCondition());
|
||||
// return select;
|
||||
// }
|
||||
|
||||
// getCountSelect() {
|
||||
// const select = this.getSelect();
|
||||
// if (!select) return null;
|
||||
// select.orderBy = null;
|
||||
// select.columns = [
|
||||
// {
|
||||
// exprType: 'raw',
|
||||
// sql: 'COUNT(*)',
|
||||
// alias: 'count',
|
||||
// },
|
||||
// ];
|
||||
// select.topRecords = null;
|
||||
// return select;
|
||||
// }
|
||||
|
||||
// getCountQuery() {
|
||||
// if (!this.driver) return null;
|
||||
// const select = this.getCountSelect();
|
||||
// if (!select) return null;
|
||||
// return select;
|
||||
// }
|
||||
|
||||
// getBeforeCountQuery() {
|
||||
// if (!this.driver) return null;
|
||||
// const select = this.getCountSelect();
|
||||
// if (!select) return null;
|
||||
// select.where = mergeConditions(select.where, this.getPrimaryKeyOperatorCondition('<'));
|
||||
// return select;
|
||||
// }
|
||||
|
||||
// navigate(row) {
|
||||
// const formViewKey = this.extractKey(row);
|
||||
// this.setConfig(cfg => ({
|
||||
// ...cfg,
|
||||
// formViewKey,
|
||||
// }));
|
||||
// }
|
||||
|
||||
// isLoadedCurrentRow(row) {
|
||||
// if (!row) return false;
|
||||
// const formViewKey = this.extractKey(row);
|
||||
// return stableStringify(formViewKey) == stableStringify(this.config.formViewKey);
|
||||
// }
|
||||
|
||||
// navigateRowQuery(commmand: 'begin' | 'previous' | 'next' | 'end') {
|
||||
// if (!this.driver) return null;
|
||||
// const select = this.gridDisplay.createSelect();
|
||||
// if (!select) return null;
|
||||
// const { primaryKey } = this.gridDisplay.baseTable;
|
||||
|
||||
// function getOrderBy(direction): OrderByExpression[] {
|
||||
// return primaryKey.columns.map(({ columnName }) => ({
|
||||
// exprType: 'column',
|
||||
// columnName,
|
||||
// direction,
|
||||
// }));
|
||||
// }
|
||||
|
||||
// select.topRecords = 1;
|
||||
// switch (commmand) {
|
||||
// case 'begin':
|
||||
// select.orderBy = getOrderBy('ASC');
|
||||
// break;
|
||||
// case 'end':
|
||||
// select.orderBy = getOrderBy('DESC');
|
||||
// break;
|
||||
// case 'previous':
|
||||
// select.orderBy = getOrderBy('DESC');
|
||||
// select.where = mergeConditions(select.where, this.getPrimaryKeyOperatorCondition('<'));
|
||||
// break;
|
||||
// case 'next':
|
||||
// select.orderBy = getOrderBy('ASC');
|
||||
// select.where = mergeConditions(select.where, this.getPrimaryKeyOperatorCondition('>'));
|
||||
// break;
|
||||
// }
|
||||
|
||||
// return select;
|
||||
// }
|
||||
|
||||
// getChangeSetRow(row): ChangeSetRowDefinition {
|
||||
// if (!this.baseTable) return null;
|
||||
// return {
|
||||
// pureName: this.baseTable.pureName,
|
||||
// schemaName: this.baseTable.schemaName,
|
||||
// condition: this.extractKey(row),
|
||||
// };
|
||||
// }
|
||||
|
||||
// getChangeSetField(row, uniqueName): ChangeSetFieldDefinition {
|
||||
// const col = this.columns.find(x => x.uniqueName == uniqueName);
|
||||
// if (!col) return null;
|
||||
// if (!this.baseTable) return null;
|
||||
// if (this.baseTable.pureName != col.pureName || this.baseTable.schemaName != col.schemaName) return null;
|
||||
// return {
|
||||
// ...this.getChangeSetRow(row),
|
||||
// uniqueName: uniqueName,
|
||||
// columnName: col.columnName,
|
||||
// };
|
||||
// }
|
||||
|
||||
// toggleExpandedColumn(uniqueName: string, value?: boolean) {
|
||||
// this.gridDisplay.toggleExpandedColumn(uniqueName, value);
|
||||
// this.gridDisplay.reload();
|
||||
// }
|
||||
|
||||
// isExpandedColumn(uniqueName: string) {
|
||||
// return this.gridDisplay.isExpandedColumn(uniqueName);
|
||||
// }
|
||||
|
||||
// get editable() {
|
||||
// return this.gridDisplay.editable;
|
||||
// }
|
||||
// }
|
||||
@@ -1,96 +0,0 @@
|
||||
// import type { ChangeSet, ChangeSetRowDefinition } from 'dbgate-datalib';
|
||||
// import {
|
||||
// changeSetContainsChanges,
|
||||
// changeSetInsertNewRow,
|
||||
// createChangeSet,
|
||||
// deleteChangeSetRows,
|
||||
// findExistingChangeSetItem,
|
||||
// getChangeSetInsertedRows,
|
||||
// TableFormViewDisplay,
|
||||
// revertChangeSetRowChanges,
|
||||
// setChangeSetValue,
|
||||
// } from 'dbgate-datalib';
|
||||
// import Former from './Former';
|
||||
|
||||
// export default class ChangeSetFormer extends Former {
|
||||
// public changeSet: ChangeSet;
|
||||
// public setChangeSet: Function;
|
||||
// private batchChangeSet: ChangeSet;
|
||||
// public rowDefinition: ChangeSetRowDefinition;
|
||||
// public rowStatus;
|
||||
// public rowData: {};
|
||||
|
||||
// constructor(
|
||||
// public sourceRow: any,
|
||||
// public changeSetState,
|
||||
// public dispatchChangeSet,
|
||||
// public display: TableFormViewDisplay
|
||||
// ) {
|
||||
// super();
|
||||
// this.changeSet = changeSetState && changeSetState.value;
|
||||
// this.setChangeSet = value => dispatchChangeSet({ type: 'set', value });
|
||||
// this.batchChangeSet = null;
|
||||
// this.rowDefinition = display.getChangeSetRow(sourceRow);
|
||||
// const [matchedField, matchedChangeSetItem] = findExistingChangeSetItem(this.changeSet, this.rowDefinition);
|
||||
// this.rowData = matchedChangeSetItem ? { ...sourceRow, ...matchedChangeSetItem.fields } : sourceRow;
|
||||
// let status = 'regular';
|
||||
// if (matchedChangeSetItem && matchedField == 'updates') status = 'updated';
|
||||
// if (matchedField == 'deletes') status = 'deleted';
|
||||
// this.rowStatus = {
|
||||
// status,
|
||||
// modifiedFields:
|
||||
// matchedChangeSetItem && matchedChangeSetItem.fields ? new Set(Object.keys(matchedChangeSetItem.fields)) : null,
|
||||
// };
|
||||
// }
|
||||
|
||||
// applyModification(changeSetReducer) {
|
||||
// if (this.batchChangeSet) {
|
||||
// this.batchChangeSet = changeSetReducer(this.batchChangeSet);
|
||||
// } else {
|
||||
// this.setChangeSet(changeSetReducer(this.changeSet));
|
||||
// }
|
||||
// }
|
||||
|
||||
// setCellValue(uniqueName: string, value: any) {
|
||||
// const row = this.sourceRow;
|
||||
// const definition = this.display.getChangeSetField(row, uniqueName);
|
||||
// this.applyModification(chs => setChangeSetValue(chs, definition, value));
|
||||
// }
|
||||
|
||||
// deleteRow(index: number) {
|
||||
// this.applyModification(chs => deleteChangeSetRows(chs, this.rowDefinition));
|
||||
// }
|
||||
|
||||
// beginUpdate() {
|
||||
// this.batchChangeSet = this.changeSet;
|
||||
// }
|
||||
// endUpdate() {
|
||||
// this.setChangeSet(this.batchChangeSet);
|
||||
// this.batchChangeSet = null;
|
||||
// }
|
||||
|
||||
// revertRowChanges() {
|
||||
// this.applyModification(chs => revertChangeSetRowChanges(chs, this.rowDefinition));
|
||||
// }
|
||||
// revertAllChanges() {
|
||||
// this.applyModification(chs => createChangeSet());
|
||||
// }
|
||||
// undo() {
|
||||
// this.dispatchChangeSet({ type: 'undo' });
|
||||
// }
|
||||
// redo() {
|
||||
// this.dispatchChangeSet({ type: 'redo' });
|
||||
// }
|
||||
// get editable() {
|
||||
// return this.display.editable;
|
||||
// }
|
||||
// get canUndo() {
|
||||
// return this.changeSetState.canUndo;
|
||||
// }
|
||||
// get canRedo() {
|
||||
// return this.changeSetState.canRedo;
|
||||
// }
|
||||
// get containsChanges() {
|
||||
// return changeSetContainsChanges(this.changeSet);
|
||||
// }
|
||||
// }
|
||||
@@ -1,53 +0,0 @@
|
||||
// // export interface GriderRowStatus {
|
||||
// // status: 'regular' | 'updated' | 'deleted' | 'inserted';
|
||||
// // modifiedFields?: Set<string>;
|
||||
// // insertedFields?: Set<string>;
|
||||
// // deletedFields?: Set<string>;
|
||||
// // }
|
||||
|
||||
// export default abstract class Former {
|
||||
// public rowData: any;
|
||||
|
||||
// // getRowStatus(index): GriderRowStatus {
|
||||
// // const res: GriderRowStatus = {
|
||||
// // status: 'regular',
|
||||
// // };
|
||||
// // return res;
|
||||
// // }
|
||||
// beginUpdate() {}
|
||||
// endUpdate() {}
|
||||
// setCellValue(uniqueName: string, value: any) {}
|
||||
// revertRowChanges() {}
|
||||
// revertAllChanges() {}
|
||||
// undo() {}
|
||||
// redo() {}
|
||||
// get editable() {
|
||||
// return false;
|
||||
// }
|
||||
// get canInsert() {
|
||||
// return false;
|
||||
// }
|
||||
// get allowSave() {
|
||||
// return this.containsChanges;
|
||||
// }
|
||||
// get canUndo() {
|
||||
// return false;
|
||||
// }
|
||||
// get canRedo() {
|
||||
// return false;
|
||||
// }
|
||||
// get containsChanges() {
|
||||
// return false;
|
||||
// }
|
||||
// get disableLoadNextPage() {
|
||||
// return false;
|
||||
// }
|
||||
// get errors() {
|
||||
// return null;
|
||||
// }
|
||||
// updateRow(changeObject) {
|
||||
// for (const key of Object.keys(changeObject)) {
|
||||
// this.setCellValue(key, changeObject[key]);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@@ -1,51 +0,0 @@
|
||||
<!-- <script lang="ts">
|
||||
import ColumnLabel from '../elements/ColumnLabel.svelte';
|
||||
import InlineButton from '../buttons/InlineButton.svelte';
|
||||
|
||||
import FontIcon from '../icons/FontIcon.svelte';
|
||||
import keycodes from '../utility/keycodes';
|
||||
|
||||
export let column;
|
||||
export let baseTable;
|
||||
export let formDisplay;
|
||||
|
||||
let domEditor;
|
||||
$: value = formDisplay.getKeyValue(column.columnName);
|
||||
|
||||
const applyFilter = () => {
|
||||
formDisplay.requestKeyValue(column.columnName, domEditor.value);
|
||||
};
|
||||
|
||||
const cancelFilter = () => {
|
||||
formDisplay.cancelRequestKey();
|
||||
formDisplay.reload();
|
||||
};
|
||||
|
||||
const handleKeyDown = ev => {
|
||||
if (ev.keyCode == keycodes.enter) {
|
||||
applyFilter();
|
||||
}
|
||||
if (ev.keyCode == keycodes.escape) {
|
||||
cancelFilter();
|
||||
}
|
||||
};
|
||||
|
||||
$: if (domEditor) domEditor.value = value;
|
||||
</script>
|
||||
|
||||
<div class="m-1">
|
||||
<div class="space-between">
|
||||
<div>
|
||||
<FontIcon icon="img primary-key" />
|
||||
<ColumnLabel {...baseTable.columns.find(x => x.columnName == column.columnName)} />
|
||||
</div>
|
||||
{#if formDisplay.config.formViewKeyRequested}
|
||||
<InlineButton square on:click={cancelFilter}>
|
||||
<FontIcon icon="icon delete" />
|
||||
</InlineButton>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="flex">
|
||||
<input bind:this={domEditor} type="text" on:blur={applyFilter} on:keydown={handleKeyDown} />
|
||||
</div>
|
||||
</div> -->
|
||||
@@ -36,13 +36,11 @@
|
||||
let isLoadedCount = false;
|
||||
let loadedTime = new Date().getTime();
|
||||
let allRowCount = null;
|
||||
let rowCountBefore = null;
|
||||
let errorMessage = null;
|
||||
|
||||
const handleLoadCurrentRow = async () => {
|
||||
if (isLoadingData) return;
|
||||
let newLoadedRow = false;
|
||||
// if (_.isNumber(display.config.formViewRecordNumber)) {
|
||||
isLoadingData = true;
|
||||
const row = await loadRow($$props, display.getPageQuery(display.config.formViewRecordNumber || 0, 1));
|
||||
isLoadingData = false;
|
||||
@@ -50,13 +48,6 @@
|
||||
rowData = row;
|
||||
loadedTime = new Date().getTime();
|
||||
newLoadedRow = row;
|
||||
// }
|
||||
// if (formDisplay.config.formViewKeyRequested && newLoadedRow) {
|
||||
// formDisplay.cancelRequestKey(newLoadedRow);
|
||||
// }
|
||||
// if (!newLoadedRow && !formDisplay.config.formViewKeyRequested) {
|
||||
// await handleNavigate('first');
|
||||
// }
|
||||
};
|
||||
|
||||
const handleLoadRowCount = async () => {
|
||||
@@ -67,24 +58,10 @@
|
||||
isLoadedCount = true;
|
||||
isLoadingCount = false;
|
||||
allRowCount = countRow ? parseInt(countRow.count) : null;
|
||||
// rowCountBefore = countBeforeRow ? parseInt(countBeforeRow.count) : null;
|
||||
};
|
||||
|
||||
const handleNavigate = async command => {
|
||||
display.formViewNavigate(command, allRowCount);
|
||||
|
||||
// isLoadingData = true;
|
||||
// const row = await loadRow($$props, formDisplay.navigateRowQuery(command));
|
||||
// if (row) {
|
||||
// formDisplay.navigate(row);
|
||||
// }
|
||||
// isLoadingData = false;
|
||||
// isLoadedData = true;
|
||||
// isLoadedCount = false;
|
||||
// allRowCount = null;
|
||||
// rowCountBefore = null;
|
||||
// rowData = row;
|
||||
// loadedTime = new Date().getTime();
|
||||
};
|
||||
|
||||
export function reload() {
|
||||
@@ -95,7 +72,6 @@
|
||||
rowData = null;
|
||||
loadedTime = new Date().getTime();
|
||||
allRowCount = null;
|
||||
rowCountBefore = null;
|
||||
errorMessage = null;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user