UniqAI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2024-11-17 22:12:51 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

feat: edit tool spinner

Browse Source
This commit is contained in:
Timothy J. Baek 2024-06-10 21:47:25 -07:00
parent ca8be1ee4a
commit 25c0eca414
3 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/lib/components/workspace/Tools.svelte
View File

@ -77,9 +77,12 @@
class=" flex space-x-4 cursor-pointer w-full px-3 py-2 dark:hover:bg-white/5 hover:bg-black/5 rounded-xl" class=" flex space-x-4 cursor-pointer w-full px-3 py-2 dark:hover:bg-white/5 hover:bg-black/5 rounded-xl"
> >
<div class=" flex flex-1 space-x-4 cursor-pointer w-full"> <div class=" flex flex-1 space-x-4 cursor-pointer w-full">
<a href={`/workspace/tools/edit?id=${encodeURIComponent(tool.id)}`}> <a
href={`/workspace/tools/edit?id=${encodeURIComponent(tool.id)}`}
class="flex items-center"
>
<div class=" flex-1 self-center pl-5"> <div class=" flex-1 self-center pl-5">
<div class=" font-bold flex items-center gap-1.5"> <div class=" font-semibold flex items-center gap-1.5">
<div> <div>
{tool.name} {tool.name}
</div> </div>

4
src/lib/components/workspace/Tools/ToolkitEditor.svelte
View File

@ -21,7 +21,7 @@
}; };
export let content = ''; export let content = '';
$: if (name) { $: if (name && !edit) {
id = name.replace(/\s+/g, '_').toLowerCase(); id = name.replace(/\s+/g, '_').toLowerCase();
} }
@ -96,7 +96,7 @@
/> />
<input <input
class="w-full px-3 py-2 text-sm font-medium bg-gray-50 dark:bg-gray-850 dark:text-gray-200 rounded-lg outline-none" class="w-full px-3 py-2 text-sm font-medium disabled:text-gray-300 dark:disabled:text-gray-700 bg-gray-50 dark:bg-gray-850 dark:text-gray-200 rounded-lg outline-none"
type="text" type="text"
placeholder="Toolkit ID (e.g. my_toolkit)" placeholder="Toolkit ID (e.g. my_toolkit)"
bind:value={id} bind:value={id}

7
src/routes/(app)/workspace/tools/edit/+page.svelte
View File

@ -2,6 +2,7 @@
import { goto } from '$app/navigation'; import { goto } from '$app/navigation';
import { page } from '$app/stores'; import { page } from '$app/stores';
import { getToolById, getTools, updateToolById } from '$lib/apis/tools'; import { getToolById, getTools, updateToolById } from '$lib/apis/tools';
import Spinner from '$lib/components/common/Spinner.svelte';
import ToolkitEditor from '$lib/components/workspace/Tools/ToolkitEditor.svelte'; import ToolkitEditor from '$lib/components/workspace/Tools/ToolkitEditor.svelte';
import { tools } from '$lib/stores'; import { tools } from '$lib/stores';
import { onMount } from 'svelte'; import { onMount } from 'svelte';
@ -54,4 +55,10 @@
saveHandler(e.detail); saveHandler(e.detail);
}} }}
/> />
{:else}
<div class="flex items-center justify-center h-full">
<div class=" pb-16">
<Spinner />
</div>
</div>
{/if} {/if}