[feat] new sidebar

2023-07-26 00:13:56 +09:00
parent 9d0c48574d
commit 5e9683a5e4
22 changed files with 186 additions and 57 deletions
--- a/src/lib/SideBars/SideChatList.svelte
+++ b/src/lib/SideBars/SideChatList.svelte
@@ -0,0 +1,93 @@
+<script lang="ts">
+    import type { character, groupChat } from "src/ts/storage/database";
+    import { DataBase } from "src/ts/storage/database";
+    import TextInput from "../UI/GUI/TextInput.svelte";
+    import { DownloadIcon, TrashIcon } from "lucide-svelte";
+    import { exportChat } from "src/ts/characters";
+    import { alertConfirm, alertError } from "src/ts/alert";
+    import { language } from "src/lang";
+    import Button from "../UI/GUI/Button.svelte";
+    import { findCharacterbyId } from "src/ts/util";
+    import CheckInput from "../UI/GUI/CheckInput.svelte";
+    export let chara:character|groupChat
+    let editMode = false
+</script>
+<div class="flex flex-col w-full h-[calc(100%-2rem)] max-h-[calc(100%-2rem)]">
+
+    <Button className="relative bottom-2" on:click={() => {
+        const cha = chara
+        const len = chara.chats.length
+        let chats = chara.chats
+        chats.unshift({
+            message:[], note:'', name:`New Chat ${len + 1}`, localLore:[]
+        })
+        if(cha.type === 'group'){
+            cha.characters.map((c) => {
+                chats[len].message.push({
+                    saying: c,
+                    role: 'char',
+                    data: findCharacterbyId(c).firstMessage
+                })
+            })
+        }
+        chara.chats = chats
+        chara.chatPage = 0
+    }}>New Chat</Button>
+    <div class="flex flex-col w-full mt-2 overflow-y-auto flex-grow">
+    
+        {#each chara.chats as chat, i}
+        <button on:click={() => {
+            if(!editMode){
+                chara.chatPage = i
+            }
+        }} class="flex items-center text-neutral-200  border-solid border-0 border-gray-600 p-2 cursor-pointer rounded-md"class:bg-selected={i === chara.chatPage}>
+            {#if editMode}
+                <TextInput bind:value={chara.chats[i].name} padding={false}/>
+            {:else}
+                <span>{chat.name}</span>
+            {/if}
+            <div class="flex-grow flex justify-end">
+                <button class="text-gray-500 hover:text-green-500 mr-2 cursor-pointer" on:click={async (e) => {
+                    e.stopPropagation()
+                    exportChat(i)
+                }}>
+                    <DownloadIcon size={18}/>
+                </button>
+                <button class="text-gray-500 hover:text-green-500 cursor-pointer" on:click={async (e) => {
+                    e.stopPropagation()
+                    if(chara.chats.length === 1){
+                        alertError(language.errors.onlyOneChat)
+                        return
+                    }
+                    const d = await alertConfirm(`${language.removeConfirm}${chat.name}`)
+                    if(d){
+                        chara.chatPage = 0
+                        let chats = chara.chats
+                        chats.splice(i, 1)
+                        chara.chats = chats
+                    }
+                }}>
+                    <TrashIcon size={18}/>
+                </button>
+            </div>
+        </button>
+    {/each}
+    </div>
+    <div class="border-t border-selected mt-2">
+        <div class="flex mt-2 items-center">
+            <CheckInput bind:check={$DataBase.jailbreakToggle} name={language.jailbreakToggle}/>
+        </div>
+        
+        {#if $DataBase.supaMemoryType !== 'none'}
+            <div class="flex mt-2 items-center">
+                <CheckInput bind:check={chara.supaMemory} name={language.ToggleSuperMemory}/>
+            </div>
+        {/if}
+    </div>
+
+    {#if chara.type === 'group'}
+        <div class="flex mt-2 items-center">
+            <CheckInput bind:check={chara.orderByOrder} name={language.orderByOrder}/>
+        </div>
+    {/if}
+</div>