mirrors/dbgate
1
0
Fork 0
mirror of https://github.com/dbgate/dbgate synced 2024-11-07 20:26:23 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

abilit to split whole group

Browse Source
This commit is contained in:
Jan Prochazka 2023-03-05 16:59:41 +01:00
parent aa4406942f
commit d1bdebb4ed
1 changed files with 28 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
packages/web/src/tabpanel/TabsPanel.svelte
View File

@ -91,13 +91,22 @@
function splitTab(multiTabIndex) {
openedTabs.update(tabs =>
tabs.map((x, i) => ({
tabs.map(x => ({
...x,
multiTabIndex: x.selected ? 1 - multiTabIndex : x.multiTabIndex,
}))
);
}
function splitTabGroup(tabGroupTabs, multiTabIndex) {
openedTabs.update(tabs =>
tabs.map(x => ({
...x,
multiTabIndex: tabGroupTabs.find(y => x.tabid == y.tabid) ? 1 - multiTabIndex : x.multiTabIndex,
}))
);
}
const closeTab = closeTabFunc((x, active) => x.tabid == active.tabid);
const closeAll = async () => {
const closeCandidates = getOpenedTabs()
@ -510,11 +519,21 @@
<FontIcon icon="icon lock" />
{/if}
</div>
<div
class="close-button-right tabCloseButton"
on:click={e => closeMultipleTabs(tab => tabGroup.tabs.find(x => x.tabid == tab.tabid))}
>
<FontIcon icon="icon close" />
<div class="tab-group-buttons">
{#if allowSplitTab}
<div
class="tab-group-button tabCloseButton"
on:click={e => splitTabGroup(tabGroup.tabs, multiTabIndex)}
>
<FontIcon icon="icon split" />
</div>
{/if}
<div
class="tab-group-button tabCloseButton"
on:click={e => closeMultipleTabs(tab => tabGroup.tabs.find(x => x.tabid == tab.tabid))}
>
<FontIcon icon="icon close" />
</div>
</div>
</div>
{/if}
@ -673,13 +692,14 @@
white-space: nowrap;
flex-grow: 1;
}
.close-button-right {
.tab-group-buttons {
margin-left: 5px;
margin-right: 5px;
color: var(--theme-font-3);
display: flex;
}
.close-button-right:hover {
.tab-group-button:hover {
color: var(--theme-font-1);
}
</style>