Emil_Shanaty/open-webui-ai4me
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refac

Browse Source
This commit is contained in:
Timothy Jaeryang Baek
2026-02-11 17:26:25 -06:00
parent 96c07f44a8
commit 97331bf11d
2 changed files with 96 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/workspace/Models.svelte
+5 -6
View File
@@ -462,7 +462,7 @@
<div <div
class="flex transition rounded-2xl w-full p-2.5 {model.write_access class="flex transition rounded-2xl w-full p-2.5 {model.write_access
? 'cursor-pointer dark:hover:bg-gray-850/50 hover:bg-gray-50' ? 'cursor-pointer dark:hover:bg-gray-850/50 hover:bg-gray-50'
: 'cursor-not-allowed opacity-60'}" : 'dark:hover:bg-gray-850/50 hover:bg-gray-50'}"
id="model-item-{model.id}" id="model-item-{model.id}"
on:click={() => { on:click={() => {
if (model.write_access) { if (model.write_access) {
@@ -507,10 +507,9 @@
</div> </div>
{/if} {/if}
{#if model.write_access || $user?.role === 'admin'} <div class="flex {model.is_active ? '' : 'text-gray-500'}">
<div class="flex {model.is_active ? '' : 'text-gray-500'}">
<div class="flex items-center gap-0.5"> <div class="flex items-center gap-0.5">
{#if shiftKey} {#if shiftKey && model.write_access}
<Tooltip <Tooltip
content={model?.meta?.hidden content={model?.meta?.hidden
? $i18n.t('Show') ? $i18n.t('Show')
@@ -548,6 +547,7 @@
<ModelMenu <ModelMenu
user={$user} user={$user}
{model} {model}
writeAccess={model.write_access}
editHandler={() => { editHandler={() => {
goto( goto(
`/workspace/models/edit?id=${encodeURIComponent(model.id)}` `/workspace/models/edit?id=${encodeURIComponent(model.id)}`
@@ -584,9 +584,8 @@
</div> </div>
</ModelMenu> </ModelMenu>
{/if} {/if}
</div>
</div> </div>
{/if} </div>
{#if model.write_access} {#if model.write_access}
<button <button
src/lib/components/workspace/Models/ModelMenu.svelte
+91 -79
View File
@@ -35,6 +35,8 @@
export let deleteHandler: Function; export let deleteHandler: Function;
export let onClose: Function; export let onClose: Function;
export let writeAccess: boolean = true;
let show = false; let show = false;
</script> </script>
@@ -65,67 +67,71 @@
align="start" align="start"
transition={flyAndScale} transition={flyAndScale}
> >
<DropdownMenu.Item {#if writeAccess}
class="flex gap-2 items-center px-3 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-xl" <DropdownMenu.Item
on:click={() => { class="flex gap-2 items-center px-3 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-xl"
editHandler(); on:click={() => {
}} editHandler();
> }}
<Pencil /> >
<div class="flex items-center">{$i18n.t('Edit')}</div> <Pencil />
</DropdownMenu.Item> <div class="flex items-center">{$i18n.t('Edit')}</div>
</DropdownMenu.Item>
{/if}
<DropdownMenu.Item {#if writeAccess}
class="flex gap-2 items-center px-3 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-xl" <DropdownMenu.Item
on:click={() => { class="flex gap-2 items-center px-3 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-xl"
hideHandler(); on:click={() => {
}} hideHandler();
> }}
{#if model?.meta?.hidden ?? false} >
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="size-4"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88"
/>
</svg>
{:else}
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="size-4"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"
/>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
/>
</svg>
{/if}
<div class="flex items-center">
{#if model?.meta?.hidden ?? false} {#if model?.meta?.hidden ?? false}
{$i18n.t('Show Model')} <svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="size-4"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88"
/>
</svg>
{:else} {:else}
{$i18n.t('Hide Model')} <svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="size-4"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"
/>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
/>
</svg>
{/if} {/if}
</div>
</DropdownMenu.Item> <div class="flex items-center">
{#if model?.meta?.hidden ?? false}
{$i18n.t('Show Model')}
{:else}
{$i18n.t('Hide Model')}
{/if}
</div>
</DropdownMenu.Item>
{/if}
<DropdownMenu.Item <DropdownMenu.Item
class="flex gap-2 items-center px-3 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-xl" class="flex gap-2 items-center px-3 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-xl"
@@ -148,18 +154,22 @@
</div> </div>
</DropdownMenu.Item> </DropdownMenu.Item>
<DropdownMenu.Item {#if writeAccess}
class="flex gap-2 items-center px-3 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-xl" <DropdownMenu.Item
on:click={() => { class="flex gap-2 items-center px-3 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-xl"
cloneHandler(); on:click={() => {
}} cloneHandler();
> }}
<DocumentDuplicate /> >
<DocumentDuplicate />
<div class="flex items-center">{$i18n.t('Clone')}</div> <div class="flex items-center">{$i18n.t('Clone')}</div>
</DropdownMenu.Item> </DropdownMenu.Item>
{/if}
<hr class="border-gray-50/30 dark:border-gray-800/30 my-1" /> {#if writeAccess}
<hr class="border-gray-50/30 dark:border-gray-800/30 my-1" />
{/if}
<DropdownMenu.Item <DropdownMenu.Item
class="flex gap-2 items-center px-3 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-xl" class="flex gap-2 items-center px-3 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-xl"
@@ -172,7 +182,7 @@
<div class="flex items-center">{$i18n.t('Copy Link')}</div> <div class="flex items-center">{$i18n.t('Copy Link')}</div>
</DropdownMenu.Item> </DropdownMenu.Item>
{#if $currentUser?.role === 'admin' || $currentUser?.permissions?.workspace?.models_export} {#if writeAccess && ($currentUser?.role === 'admin' || $currentUser?.permissions?.workspace?.models_export)}
<DropdownMenu.Item <DropdownMenu.Item
class="flex gap-2 items-center px-3 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-xl" class="flex gap-2 items-center px-3 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-xl"
on:click={() => { on:click={() => {
@@ -185,7 +195,7 @@
</DropdownMenu.Item> </DropdownMenu.Item>
{/if} {/if}
{#if $config?.features.enable_community_sharing} {#if writeAccess && $config?.features.enable_community_sharing}
<DropdownMenu.Item <DropdownMenu.Item
class="flex gap-2 items-center px-3 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-xl" class="flex gap-2 items-center px-3 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-xl"
on:click={() => { on:click={() => {
@@ -197,17 +207,19 @@
</DropdownMenu.Item> </DropdownMenu.Item>
{/if} {/if}
<hr class="border-gray-50/30 dark:border-gray-800/30 my-1" /> {#if writeAccess}
<hr class="border-gray-50/30 dark:border-gray-800/30 my-1" />
<DropdownMenu.Item <DropdownMenu.Item
class="flex gap-2 items-center px-3 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-xl" class="flex gap-2 items-center px-3 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-xl"
on:click={() => { on:click={() => {
deleteHandler(); deleteHandler();
}} }}
> >
<GarbageBin /> <GarbageBin />
<div class="flex items-center">{$i18n.t('Delete')}</div> <div class="flex items-center">{$i18n.t('Delete')}</div>
</DropdownMenu.Item> </DropdownMenu.Item>
{/if}
</DropdownMenu.Content> </DropdownMenu.Content>
</div> </div>
</Dropdown> </Dropdown>