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

code cleanup

Browse Source
This commit is contained in:
Jan Prochazka
2022-07-31 15:30:06 +02:00
parent bf51f45934
commit ac07b7e1ba
3 changed files with 9 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
packages/web/src/perspectives/PerspectiveIntersectionObserver.svelte
View File

@@ -1,34 +0,0 @@
<script lang="ts">
import { onMount } from 'svelte';
export let rootNode;
export let onLoadNext;
export let incompleteRowsIndicator;
let domObserved;
function handleObserver(entries) {
// // console.log('HANDLE OBSERVER', loadedRows.length);
// if (isLoading || loadedRows.length == 0) return;
// loadNextData();
const [entry] = entries;
if (entry.isIntersecting) {
onLoadNext();
}
}
onMount(() => {
const observer = new IntersectionObserver(handleObserver, {
root: rootNode,
rootMargin: '100px',
threshold: 0.1,
});
observer.observe(domObserved);
return () => {
observer.disconnect();
};
});
</script>
<div bind:this={domObserved} on:click={onLoadNext}>... data to be loaded {incompleteRowsIndicator.join(',')}</div>

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

@@ -16,7 +16,6 @@
import _, { values } from 'lodash';
import { onMount, tick } from 'svelte';
import resizeObserver from '../utility/resizeObserver';
import PerspectiveIntersectionObserver from './PerspectiveIntersectionObserver.svelte';
import debug from 'debug';
import contextMenu from '../utility/contextMenu';
import DataFilterControl from '../datagrid/DataFilterControl.svelte';
@@ -257,34 +256,15 @@
<tbody>
{#each display.rows as row}
<tr>
{#if row.incompleteRowsIndicator}
<td colspan={display.columns.length}
><PerspectiveIntersectionObserver
rootNode={domWrapper}
incompleteRowsIndicator={row.incompleteRowsIndicator}
onLoadNext={() => {
dbg('load next', row.incompleteRowsIndicator);
loadedCounts.update(counts => {
const res = { ...counts };
for (const id of row.incompleteRowsIndicator) {
res[id] = (res[id] || PERSPECTIVE_PAGE_SIZE) + PERSPECTIVE_PAGE_SIZE;
}
return res;
});
}}
/></td
>
{:else}
{#each display.columns as column}
{#if !row.rowCellSkips[column.columnIndex]}
<PerspectiveCell
value={row.rowData[column.columnIndex]}
rowSpan={row.rowSpans[column.columnIndex]}
rowData={row.rowData}
/>
{/if}
{/each}
{/if}
{#each display.columns as column}
{#if !row.rowCellSkips[column.columnIndex]}
<PerspectiveCell
value={row.rowData[column.columnIndex]}
rowSpan={row.rowSpans[column.columnIndex]}
rowData={row.rowData}
/>
{/if}
{/each}
</tr>
{/each}
</tbody>