Change DataBase inside svelte to DBState for performance
This commit is contained in:
@@ -2,14 +2,12 @@
|
||||
import { PlusIcon, TrashIcon } from "lucide-svelte";
|
||||
import { language } from "src/lang";
|
||||
import { alertConfirm } from "src/ts/alert";
|
||||
import { DataBase } from "src/ts/storage/database";
|
||||
import { DBState } from "src/ts/storage/database.svelte";
|
||||
import { importPlugin } from "src/ts/plugins/plugins";
|
||||
import Check from "src/lib/UI/GUI/CheckInput.svelte";
|
||||
import TextInput from "src/lib/UI/GUI/TextInput.svelte";
|
||||
import NumberInput from "src/lib/UI/GUI/NumberInput.svelte";
|
||||
import SelectInput from "src/lib/UI/GUI/SelectInput.svelte";
|
||||
import OptionInput from "src/lib/UI/GUI/OptionInput.svelte";
|
||||
import Help from "src/lib/Others/Help.svelte";
|
||||
|
||||
</script>
|
||||
<h2 class="mb-2 text-2xl font-bold mt-2">{language.plugin}</h2>
|
||||
@@ -18,22 +16,22 @@
|
||||
|
||||
|
||||
<div class="border-solid border-darkborderc p-2 flex flex-col border-1">
|
||||
{#if !$DataBase.plugins || $DataBase.plugins?.length === 0}
|
||||
{#if !DBState.db.plugins || DBState.db.plugins?.length === 0}
|
||||
<span class="text-textcolor2">{language.noPlugins}</span>
|
||||
{/if}
|
||||
{#each $DataBase.plugins as plugin, i}
|
||||
{#each DBState.db.plugins as plugin, i}
|
||||
<div class="border-darkborderc mt-2 mb-2 w-full border-solid border-b-1 seperator"></div>
|
||||
<div class="flex">
|
||||
<span class="font-bold flex-grow">{plugin.displayName ?? plugin.name}</span>
|
||||
<button class="textcolor2 hover:gray-200 cursor-pointer" onclick={async () => {
|
||||
const v = await alertConfirm(language.removeConfirm + (plugin.displayName ?? plugin.name))
|
||||
if(v){
|
||||
if($DataBase.currentPluginProvider === plugin.name){
|
||||
$DataBase.currentPluginProvider = ''
|
||||
if(DBState.db.currentPluginProvider === plugin.name){
|
||||
DBState.db.currentPluginProvider = ''
|
||||
}
|
||||
let plugins = $DataBase.plugins ?? []
|
||||
let plugins = DBState.db.plugins ?? []
|
||||
plugins.splice(i, 1)
|
||||
$DataBase.plugins = plugins
|
||||
DBState.db.plugins = plugins
|
||||
}
|
||||
}}>
|
||||
<TrashIcon />
|
||||
@@ -44,15 +42,15 @@
|
||||
{#each Object.keys(plugin.arguments) as arg}
|
||||
<span>{arg}</span>
|
||||
{#if Array.isArray(plugin.arguments[arg])}
|
||||
<SelectInput className="mt-2 mb-4" bind:value={$DataBase.plugins[i].realArg[arg]}>
|
||||
<SelectInput className="mt-2 mb-4" bind:value={DBState.db.plugins[i].realArg[arg] as string}>
|
||||
{#each plugin.arguments[arg] as a}
|
||||
<OptionInput value={a}>a</OptionInput>
|
||||
{/each}
|
||||
</SelectInput>
|
||||
{:else if plugin.arguments[arg] === 'string'}
|
||||
<TextInput bind:value={$DataBase.plugins[i].realArg[arg]} />
|
||||
<TextInput bind:value={DBState.db.plugins[i].realArg[arg] as string} />
|
||||
{:else if plugin.arguments[arg] === 'int'}
|
||||
<NumberInput bind:value={$DataBase.plugins[i].realArg[arg]} />
|
||||
<NumberInput bind:value={DBState.db.plugins[i].realArg[arg] as number} />
|
||||
{/if}
|
||||
{/each}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user