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

some stuff

Browse source
This commit is contained in:
Spectralitree 2021-12-18 20:10:02 +01:00
parent daed5e744b
commit 537a4d45cc
4 changed files with 248 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/lib/member/List.svelte
View file

@ -5,6 +5,7 @@
import FaSearch from 'svelte-icons/fa/FaSearch.svelte'
import { useParams } from 'svelte-navigator';
import type Member from '../../api/member';
import type Group from '../../api/group'
import PKAPI from '../../api';
import CardsHeader from '../CardsHeader.svelte';
import ListPagination from '../ListPagination.svelte';
@ -12,7 +13,7 @@
export let isPublic: boolean;
let itemLoading = false;
let list: Member[] = [];
export let list: Member[] = [];
let token = localStorage.getItem("pk-token");
let listLoading = true;
let err: string;
@ -53,29 +54,29 @@
$: {searchValue; privacyFilter; currentPage = 1};
$: searchedList = list.filter((member) => {
$: searchedList = list.filter((item) => {
if (!searchValue) return true;
switch (searchBy) {
case "name": if (member.name.toLowerCase().includes(searchValue.toLowerCase())) return true;
case "name": if (item.name.toLowerCase().includes(searchValue.toLowerCase())) return true;
break;
case "display name": if (member.display_name && member.display_name.toLowerCase().includes(searchValue.toLowerCase())) return true;
case "display name": if (item.display_name && item.display_name.toLowerCase().includes(searchValue.toLowerCase())) return true;
break;
case "description": if (member.description && member.description.toLowerCase().includes(searchValue.toLowerCase())) return true;
case "description": if (item.description && item.description.toLowerCase().includes(searchValue.toLowerCase())) return true;
break;
case "ID": if (member.id.toLowerCase().includes(searchValue.toLowerCase())) return true;
case "ID": if (item.id.toLowerCase().includes(searchValue.toLowerCase())) return true;
break;
default: if (member.name.toLowerCase().includes(searchValue.toLowerCase())) return true;
default: if (item.name.toLowerCase().includes(searchValue.toLowerCase())) return true;
break;
}
return false;
})
$: filteredList = searchedList.filter((member) => {
$: filteredList = searchedList.filter((item) => {
if (privacyFilter === "all") return true;
if (privacyFilter === "public" && member.privacy.visibility === "public") return true;
if (privacyFilter === "private" && member.privacy.visibility === "private") return true;
if (privacyFilter === "public" && item.privacy.visibility === "public") return true;
if (privacyFilter === "private" && item.privacy.visibility === "private") return true;
return false;
});
@ -101,7 +102,7 @@
}
}
$: if (sortOrder === "descending") sortedList = sortedList.reverse();
$:{sortOrder; if (sortOrder === "descending") sortedList = sortedList.reverse();}
$: indexOfLastItem = currentPage * itemsPerPage;
$: indexOfFirstItem = indexOfLastItem - itemsPerPage;
@ -150,7 +151,7 @@
<Input bind:value={sortBy} type="select">
<option>name</option>
<option>display name</option>
<option>creation date</option>
{#if !isPublic}<option>creation date</option>{/if}
<option>ID</option>
</Input>
</InputGroup>
@ -164,7 +165,8 @@
</Input>
</InputGroup>
</Col>
<Col xs={12} lg={3} class="mb-2">
{#if !isPublic}
<Col xs={12} lg={4} class="mb-2">
<InputGroup>
<InputGroupText>Only show</InputGroupText>
<Input bind:value={privacyFilter} type="select">
@ -174,6 +176,7 @@
</Input>
</InputGroup>
</Col>
{/if}
</Row>
</CardBody>
</Card>
@ -188,10 +191,10 @@
{:else}
<Row>
<Col xs={12} lg={10} class="mb-2 mb-lg-0">
<Col xs={12} lg={10}>
<Input class="mb-3" bind:value={searchValue} placeholder="search by {searchBy}..."/>
</Col>
<Col xs={12} lg={2}>
<Col xs={12} lg={2} class="mb-3 mb-lg-0">
<Button class="w-100" color="primary" on:click={fetchMembers}>Refresh</Button>
</Col>
</Row>