From 08f04c8a0cdcd4f028dff5a2157c9ccc957d2e3c Mon Sep 17 00:00:00 2001
From: Draconizations <jake.fulminated@gmail.com>
Date: Mon, 25 Apr 2022 19:12:01 +0200
Subject: [PATCH] feat: expanded cards and links in member list

---
 src/lib/member/List.svelte     | 54 +++++++++++++++++++++++++++++++++-
 src/pages/profiles/Main.svelte |  2 +-
 2 files changed, 54 insertions(+), 2 deletions(-)
diff --git a/src/lib/member/List.svelte b/src/lib/member/List.svelte
index 4bec8857..1a9c4656 100644
--- a/src/lib/member/List.svelte
+++ b/src/lib/member/List.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+    import { Link } from 'svelte-navigator';
     import { Card, CardHeader, CardBody, CardTitle, Alert, Accordion, AccordionItem, InputGroupText, InputGroup, Input, Row, Col, Spinner, Button, Tooltip, Label } from 'sveltestrap';
     import FaUserCircle from 'svelte-icons/fa/FaUserCircle.svelte'
     import { onMount } from 'svelte';
@@ -18,6 +19,7 @@
 
     export let list: Member[] = [];
     export let groups: Group[] = [];
+    export let isMainDash = true;
 
     $: grouplist = groups && groups.map(function(group) { return {name: group.name, shortid: group.id, id: group.uuid, members: group.members, display_name: group.display_name}; }).sort((a, b) => a.name.localeCompare(b.name));
 
@@ -25,7 +27,9 @@
     let listLoading = true;
     let err: string;
 
-    let itemsPerPageValue = "25";
+    let settings = JSON.parse(localStorage.getItem("pk-settings"));
+
+    let itemsPerPageValue = settings && settings.accessibility && settings.accessibility.expandedcards ? "10" : "25";
     $: itemsPerPage = parseInt(itemsPerPageValue);
 
     let searchBy = "name";
@@ -289,6 +293,7 @@
 {#if !isPublic}
 <NewMember on:create={addMemberToList} />
 {/if}
+{#if settings && settings.accessibility && !(settings.accessibility.pagelinks || settings.accessibility.expandedcards)}
 <Accordion class="my-3" stayOpen>
     {#each slicedList as member, index (member.id)}
             {#if (!isPublic && member.privacy.visibility === "public") || isPublic}
@@ -308,5 +313,52 @@
             {/if}
     {/each}
 </Accordion>
+{:else if settings.accessibility.expandedcards}
+    {#each slicedList as member, index (member.id)}
+    {#if (!isPublic && member.privacy.visibility === "public") || isPublic}
+    <Card>
+        <CardHeader>
+            <CardsHeader bind:item={member}>
+                <FaUserCircle slot="icon" />
+            </CardsHeader>
+        </CardHeader>
+        <CardBody>
+            <Body on:deletion={updateDelete} on:update={updateList} on:updateGroups={updateGroups} bind:isPublic bind:groups bind:member />
+        </CardBody>
+    </Card>
+    {:else}
+    <Card>
+        <CardHeader>
+            <CardsHeader bind:item={member}>
+                <FaLock slot="icon" />
+            </CardsHeader>
+        </CardHeader>
+        <CardBody>
+            <Body on:deletion={updateDelete} on:update={updateList} on:updateGroups={updateGroups} bind:isPublic bind:groups bind:member />
+        </CardBody>
+    </Card>
+    {/if}
+    {/each}
+{:else}
+    {#each slicedList as member, index (member.id)}
+    {#if (!isPublic && member.privacy.visibility === "public") || isPublic}
+    <Card>
+        <Link class="accordion-button collapsed" style="text-decoration: none;" to={isMainDash ? `/dash/m/${member.id}` : `/profile/m/${member.id}`}>
+            <CardsHeader bind:item={member}>
+                <FaUserCircle slot="icon" />
+            </CardsHeader>
+        </Link>
+    </Card>
+    {:else}
+    <Card>
+        <Link class="accordion-button collapsed" style="text-decoration: none;" to={isMainDash ? `/dash/m/${member.id}` : `/profile/m/${member.id}`}>
+            <CardsHeader bind:item={member}>
+                <FaLock slot="icon" />
+            </CardsHeader>
+        </Link>
+    </Card>
+    {/if}
+    {/each}
+{/if}
 <ListPagination bind:currentPage bind:pageAmount />
 {/if}
\ No newline at end of file
diff --git a/src/pages/profiles/Main.svelte b/src/pages/profiles/Main.svelte
index e7eee05f..b88e0839 100644
--- a/src/pages/profiles/Main.svelte
+++ b/src/pages/profiles/Main.svelte
@@ -73,7 +73,7 @@
                         <SystemMain bind:user bind:isPublic />
                 </TabPane>
                 <TabPane tabId="members" tab="Members" active={tabPane === "members"}>
-                        <MemberList bind:list={members} bind:isPublic/>
+                        <MemberList bind:list={members} bind:isPublic isMainDash={!isPublic} />
                 </TabPane>
                 <TabPane tabId="groups" tab="Groups" active={tabPane === "groups"}>
                     <GroupList bind:members={members} bind:list={groups} bind:isPublic/>
