dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-19 11:56:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

perspective display test WIP

Browse Source
This commit is contained in:
Jan Prochazka
2022-07-31 08:11:04 +02:00
parent 27b2fdb507
commit d686206fe2
11 changed files with 2094 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
packages/web/src/perspectives/PerspectiveTable.svelte
View File

@@ -1,3 +1,16 @@
<script lang="ts" context="module">
const getCurrentEditor = () => getActiveComponent('PerspectiveTable');
registerCommand({
id: 'perspective.openJson',
category: 'Perspective',
name: 'Open JSON',
isRelatedToTab: true,
testEnabled: () => getCurrentEditor()?.openJsonEnabled(),
onClick: () => getCurrentEditor().openJson(),
});
</script>
<script lang="ts">
import { PerspectiveDisplay, PerspectiveTreeNode } from 'dbgate-datalib';
import _ from 'lodash';
@@ -9,8 +22,12 @@
import DataFilterControl from '../datagrid/DataFilterControl.svelte';
import ErrorInfo from '../elements/ErrorInfo.svelte';
import FormStyledButton from '../buttons/FormStyledButton.svelte';
import registerCommand from '../commands/registerCommand';
import createActivator, { getActiveComponent } from '../utility/createActivator';
import { openJsonDocument } from '../tabs/JsonTab.svelte';
const dbg = debug('dbgate:PerspectivaTable');
export const activator = createActivator('PerspectiveTable', true);
export let root: PerspectiveTreeNode;
export let loadedCounts;
@@ -104,6 +121,14 @@
// }
}
export function openJson() {
openJsonDocument(dataRows);
}
export function openJsonEnabled() {
return dataRows != null;
}
onMount(() => {});
$: loadData(root, $loadedCounts);
@@ -114,6 +139,9 @@
{
command: 'perspective.refresh',
},
{
command: 'perspective.openJson',
},
];
}
</script>
@@ -129,7 +157,7 @@
<th rowspan={column.rowSpan}>{column.title}</th>
{/if}
{#if column.showParent(columnLevel)}
<th colspan={column.getColSpan(columnLevel)} class='tableName'>{column.getParentName(columnLevel)}</th>
<th colspan={column.getColSpan(columnLevel)} class="tableName">{column.getParentName(columnLevel)}</th>
{/if}
{/each}
</tr>
@@ -169,10 +197,12 @@
{:else}
{#each display.columns as column}
<!-- <td>{row.rowSpans[column.columnIndex]} {row.rowData[column.columnIndex]}</td> -->
{#if row.rowData[column.columnIndex] === undefined}
<td />
{:else if !row.rowData[column.columnIndex]?.__perspective_skip_cell__}
<td rowspan={row.rowSpans[column.columnIndex]}>{row.rowData[column.columnIndex]}</td>
{#if !row.rowCellSkips[column.columnIndex]}
{#if row.rowData[column.columnIndex] === undefined}
<td />
{:else}
<td rowspan={row.rowSpans[column.columnIndex]}>{row.rowData[column.columnIndex]}</td>
{/if}
{/if}
{/each}
{/if}