mincomk/risuai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[feat] add automark

Browse Source
This commit is contained in:
kwaroran
2023-07-18 00:28:44 +09:00
parent 44c81e10f9
commit 1d84f0cae1
5 changed files with 69 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
src/lib/Setting/Pages/PluginSettings.svelte
View File

@@ -4,56 +4,58 @@
import { alertConfirm } from "src/ts/alert";
import { DataBase } from "src/ts/storage/database";
import { importPlugin } from "src/ts/plugins/plugins";
import Check from "src/lib/Others/Check.svelte";
</script>
<h2 class="mb-2 text-2xl font-bold mt-2">{language.plugin}</h2>
<span class="text-draculared text-xs mb-4">{language.pluginWarn}</span>
<div class="border-solid border-borderc p-2 flex flex-col border-1">
{#if $DataBase.plugins.length === 0}
<span class="text-gray-500">No Plugins</span>
{:else}
{#each $DataBase.plugins as plugin, i}
{#if i !== 0}
<div class="border-borderc mt-2 mb-2 w-full border-solid border-b-1 seperator"></div>
{/if}
<div class="flex">
<span class="font-bold flex-grow">{plugin.displayName ?? plugin.name}</span>
<button class="gray-500 hover:gray-200 cursor-pointer" on:click={async () => {
const v = await alertConfirm(language.removeConfirm + (plugin.displayName ?? plugin.name))
if(v){
if($DataBase.currentPluginProvider === plugin.name){
$DataBase.currentPluginProvider = ''
}
let plugins = $DataBase.plugins
plugins.splice(i, 1)
$DataBase.plugins = plugins
}
}}>
<TrashIcon />
</button>
</div>
{#if Object.keys(plugin.arguments).length > 0}
<div class="flex flex-col mt-2 bg-dark-900 bg-opacity-50 p-3">
{#each Object.keys(plugin.arguments) as arg}
<span>{arg}</span>
{#if Array.isArray(plugin.arguments[arg])}
<select class="bg-transparent input-text mt-2 mb-4 text-gray-200 appearance-none" bind:value={$DataBase.plugins[i].realArg[arg]}>
{#each plugin.arguments[arg] as a}
<option value={a} class="bg-darkbg appearance-none">a</option>
{/each}
</select>
{:else if plugin.arguments[arg] === 'string'}
<input class="text-neutral-200 p-2 bg-transparent input-text focus:bg-selected" bind:value={$DataBase.plugins[i].realArg[arg]}>
{:else if plugin.arguments[arg] === 'int'}
<input class="text-neutral-200 p-2 bg-transparent input-text focus:bg-selected" type="number" bind:value={$DataBase.plugins[i].realArg[arg]}>
{/if}
{/each}
</div>
{/if}
{/each}
{/if}
<div class="flex">
<span class="font-bold flex-grow">AutoMark <span class="text-green-500 italic">(Official Plugin)</span></span>
</div>
<div class="flex items-center mt-2">
<Check bind:check={$DataBase.officialplugins.automark} name={language.able}/>
</div>
{#each $DataBase.plugins as plugin, i}
<div class="border-borderc 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="gray-500 hover:gray-200 cursor-pointer" on:click={async () => {
const v = await alertConfirm(language.removeConfirm + (plugin.displayName ?? plugin.name))
if(v){
if($DataBase.currentPluginProvider === plugin.name){
$DataBase.currentPluginProvider = ''
}
let plugins = $DataBase.plugins
plugins.splice(i, 1)
$DataBase.plugins = plugins
}
}}>
<TrashIcon />
</button>
</div>
{#if Object.keys(plugin.arguments).length > 0}
<div class="flex flex-col mt-2 bg-dark-900 bg-opacity-50 p-3">
{#each Object.keys(plugin.arguments) as arg}
<span>{arg}</span>
{#if Array.isArray(plugin.arguments[arg])}
<select class="bg-transparent input-text mt-2 mb-4 text-gray-200 appearance-none" bind:value={$DataBase.plugins[i].realArg[arg]}>
{#each plugin.arguments[arg] as a}
<option value={a} class="bg-darkbg appearance-none">a</option>
{/each}
</select>
{:else if plugin.arguments[arg] === 'string'}
<input class="text-neutral-200 p-2 bg-transparent input-text focus:bg-selected" bind:value={$DataBase.plugins[i].realArg[arg]}>
{:else if plugin.arguments[arg] === 'int'}
<input class="text-neutral-200 p-2 bg-transparent input-text focus:bg-selected" type="number" bind:value={$DataBase.plugins[i].realArg[arg]}>
{/if}
{/each}
</div>
{/if}
{/each}
</div>
<div class="text-gray-500 mt-2 flex">
<button on:click={() => {