eightball/PluralKit
1
0
Fork 0
mirror of https://github.com/PluralKit/PluralKit.git synced 2026-02-14 09:40:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor(dashboard): revamp how lists work entirely

Browse source
This commit is contained in:
Jake Fulmine 2022-11-27 19:27:07 +01:00
parent a62b6d53e2
commit 39e18704a6
19 changed files with 1090 additions and 613 deletions
Download patch file Download diff file Expand all files Collapse all files

44
dashboard/src/routes/Dash/Dash.svelte
View file

@ -6,8 +6,9 @@
import SystemMain from '../../components/system/Main.svelte';
import List from '../../components/list/List.svelte';
import type { System } from '../../api/types';
import type { System, Member, Group } from '../../api/types';
import api from '../../api';
import { defaultListOptions, defaultPageOptions, type List as Lists, type ListOptions, type PageOptions } from '../../components/list/types';
// get the state from the navigator so that we know which tab to start on
let location = useLocation();
@ -69,9 +70,38 @@
}
}
// some values that get passed from the member to the group components and vice versa
let members = [];
let groups = [];
let memberList: Lists<Member> = {
rawList: [],
processedList: [],
currentPage: [],
shortGroups: [],
shortMembers: [],
}
let groupList: Lists<Group> = {
rawList: [],
processedList: [],
currentPage: [],
shortGroups: [],
shortMembers: [],
}
let groupListOptions: ListOptions = JSON.parse(JSON.stringify(defaultListOptions));
let memberListOptions: ListOptions = JSON.parse(JSON.stringify(defaultListOptions));
let memberListPageOptions: PageOptions = {...defaultPageOptions,
view: listView,
isPublic: false,
type: 'member'
};
let groupListPageOptions: PageOptions = {...defaultPageOptions,
view: listView,
isPublic: false,
type: 'group'
};
</script>
@ -89,11 +119,11 @@
<SystemMain bind:user={user} isPublic={false} />
</TabPane>
<TabPane tabId="members" tab="Members" active={tabPane === "members"}>
<List on:viewChange={(e) => navigateTo("members", e.detail)} bind:groups={groups} bind:members={members} isPublic={false} itemType={"member"} bind:view={listView} isDash={true} />
<List on:viewChange={(e) => navigateTo("members", e.detail)} bind:otherList={groupList} bind:lists={memberList} bind:pageOptions={memberListPageOptions} bind:options={memberListOptions} />
</TabPane>
<TabPane tabId="groups" tab="Groups" active={tabPane === "groups"}>
<List on:viewChange={(e) => navigateTo("members", e.detail)} bind:members={members} bind:groups={groups} isPublic={false} itemType={"group"} bind:view={listView} isDash={true} />
</TabPane>
<List on:viewChange={(e) => navigateTo("members", e.detail)} bind:otherList={memberList} bind:lists={groupList} bind:pageOptions={groupListPageOptions} bind:options={groupListOptions} />
</TabPane>
</TabContent>
</Col>
</Row>