dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-05-01 02:43:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

perspective designer table icon

Browse Source
This commit is contained in:
Jan Prochazka
2022-08-28 13:35:22 +02:00
parent 5f9156995b
commit f7a269383f
3 changed files with 37 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/web/src/designer/DesignerTable.svelte
View File

@@ -64,7 +64,7 @@
$: objectTypeField = table?.objectTypeField; $: objectTypeField = table?.objectTypeField;
$: left = table?.left; $: left = table?.left;
$: top = table?.top; $: top = table?.top;
$: mainIcon = settings?.getMainTableIcon ? settings?.getMainTableIcon(designerId) : null;
export function isSelected() { export function isSelected() {
return table?.isSelectedTable; return table?.isSelectedTable;
} }
@@ -249,6 +249,10 @@
/> />
{/if} {/if}
{#if mainIcon}
<FontIcon icon={mainIcon} />
{/if}
{alias || pureName} {alias || pureName}
</div> </div>
{#if settings?.showTableCloseButton} {#if settings?.showTableCloseButton}

24
packages/web/src/icons/FontIcon.svelte
View File

@@ -115,6 +115,30 @@
'icon no-color': 'mdi mdi-format-color-marker-cancel', 'icon no-color': 'mdi mdi-format-color-marker-cancel',
'icon palette': 'mdi mdi-palette', 'icon palette': 'mdi mdi-palette',
'icon num-0': 'mdi mdi-numeric-0-circle',
'icon num-1': 'mdi mdi-numeric-1-circle',
'icon num-2': 'mdi mdi-numeric-2-circle',
'icon num-3': 'mdi mdi-numeric-3-circle',
'icon num-4': 'mdi mdi-numeric-4-circle',
'icon num-5': 'mdi mdi-numeric-5-circle',
'icon num-6': 'mdi mdi-numeric-6-circle',
'icon num-7': 'mdi mdi-numeric-7-circle',
'icon num-8': 'mdi mdi-numeric-8-circle',
'icon num-9': 'mdi mdi-numeric-9-circle',
'icon num-9-plus': 'mdi mdi-numeric-9-plus-circle',
'icon num-0-outline': 'mdi mdi-numeric-0-circle-outline',
'icon num-1-outline': 'mdi mdi-numeric-1-circle-outline',
'icon num-2-outline': 'mdi mdi-numeric-2-circle-outline',
'icon num-3-outline': 'mdi mdi-numeric-3-circle-outline',
'icon num-4-outline': 'mdi mdi-numeric-4-circle-outline',
'icon num-5-outline': 'mdi mdi-numeric-5-circle-outline',
'icon num-6-outline': 'mdi mdi-numeric-6-circle-outline',
'icon num-7-outline': 'mdi mdi-numeric-7-circle-outline',
'icon num-8-outline': 'mdi mdi-numeric-8-circle-outline',
'icon num-9-outline': 'mdi mdi-numeric-9-circle-outline',
'icon num-9-plus-outline': 'mdi mdi-numeric-9-plus-circle-outline',
'img ok': 'mdi mdi-check-circle color-icon-green', 'img ok': 'mdi mdi-check-circle color-icon-green',
'img ok-inv': 'mdi mdi-check-circle color-icon-inv-green', 'img ok-inv': 'mdi mdi-check-circle color-icon-inv-green',
'img alert': 'mdi mdi-alert-circle color-icon-blue', 'img alert': 'mdi mdi-alert-circle color-icon-blue',

8
packages/web/src/perspectives/PerspectiveDesigner.svelte
View File

@@ -202,6 +202,14 @@
isColumnFiltered: (designerId, columnName) => { isColumnFiltered: (designerId, columnName) => {
return !!config.nodes.find(x => x.designerId == designerId)?.filters?.[columnName]; return !!config.nodes.find(x => x.designerId == designerId)?.filters?.[columnName];
}, },
getMainTableIcon: designerId => {
const node = root?.findNodeByDesignerId(designerId);
if (!node) return null;
const level = node?.level + 1;
if (level == 1) return `icon num-${level}`;
if (level <= 9) return `icon num-${level}-outline`;
return 'icon num-9-plus';
},
}} }}
referenceComponent={QueryDesignerReference} referenceComponent={QueryDesignerReference}
value={createDesignerModel(config, dbInfos)} value={createDesignerModel(config, dbInfos)}