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

show selected tab in multitab

Browse Source
This commit is contained in:
Jan Prochazka
2023-03-05 12:20:07 +01:00
parent d283429f40
commit f5d41c89e6
3 changed files with 32 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
packages/web/src/tabpanel/TabsContainer.svelte
View File

@@ -1,15 +1,34 @@
<script lang='ts'>
<script lang="ts">
import TabRegister from './TabRegister.svelte';
import TabsPanel from './TabsPanel.svelte';
import _ from 'lodash';
import { currentDatabase, lockedDatabaseMode, openedTabs, TabDefinition } from '../stores';
import { shouldShowTab } from './TabsPanel.svelte';
export let multiTabIndex;
function findShownTab(tabs: TabDefinition[], multiTabIndex, lockedDbMode, currentDb) {
const selectedTab = tabs.find(x => x.selected && x.closedTime == null && (x.multiTabIndex || 0) == multiTabIndex);
if (selectedTab) {
return selectedTab;
}
const selectedIndex = _.findLastIndex(
tabs,
x => (x.multiTabIndex || 0) == multiTabIndex && shouldShowTab(x, lockedDbMode, currentDb)
);
return tabs[selectedIndex];
}
$: shownTab = findShownTab($openedTabs, multiTabIndex, $lockedDatabaseMode, $currentDatabase);
</script>
<div class="tabs">
<TabsPanel {multiTabIndex} />
<TabsPanel {multiTabIndex} {shownTab} />
</div>
<div class="content">
<TabRegister {multiTabIndex} />
<TabRegister {multiTabIndex} {shownTab} />
</div>
<style>