liz/PluralKit
liz/PluralKit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: starting on a specific tab on the dash uses url params now

Browse Source
This commit is contained in:
Spectralitree 2021-12-15 13:56:36 +01:00
parent b0db6cb178
commit f31e3ec577
2 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/Navigation.svelte
View File

@ -40,8 +40,8 @@ import { get } from 'svelte/store';
<Dropdown nav inNavbar>
<DropdownToggle color="transparent">Dash</DropdownToggle>
<DropdownMenu end>
<Link style="text-decoration: none;" to="/dash" state={{tab: "system"}}><DropdownItem>System</DropdownItem></Link>
<Link style="text-decoration: none;" to="/dash" state={{tab: "members"}}><DropdownItem>Members</DropdownItem></Link>
<Link style="text-decoration: none;" to="/dash?tab=system"><DropdownItem>System</DropdownItem></Link>
<Link style="text-decoration: none;" to="/dash?tab=members"><DropdownItem>Members</DropdownItem></Link>
<DropdownItem divider />
<DropdownItem on:click={logout}>Log out</DropdownItem>
</DropdownMenu>

15
src/pages/Dash.svelte
View File

@ -6,14 +6,19 @@
import System from '../lib/system/Main.svelte';
import PKAPI from '../api';
import Sys from '../api/system';
import List from '../lib/member/List.svelte';
let isPublic = false;
// get the state from the navigator so that we know which tab to start on
let location = useLocation();
let tabPane = $location.state && $location.state.tab;
// if there is no state, default to system
if (tabPane === undefined) {
let params = $location.search && new URLSearchParams($location.search);
let tabPane: string;
if (params) {
tabPane = params.get("tab");
}
if (!tabPane) {
tabPane = "system";
}
@ -70,10 +75,10 @@
<Col class="mx-auto" xs={12} lg={10}>
<TabContent class="mt-3">
<TabPane tabId="system" tab="System" active={tabPane === "system"}>
<System bind:user={user} bind:isPublic={isPublic} />
<System bind:user={user} bind:isPublic />
</TabPane>
<TabPane tabId="members" tab="Members" active={tabPane === "members"}>
alo
<List bind:isPublic />
</TabPane>
</TabContent>
</Col>