ti.sil/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2025-12-12 04:15:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

refac

Browse source
This commit is contained in:
Timothy Jaeryang Baek 2025-12-09 17:19:42 -05:00
parent 9b24cddef6
commit 307b37d5e2
2 changed files with 26 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/lib/components/common/DropdownOptions.svelte
View file

@ -15,6 +15,8 @@
{ value: 'top', label: $i18n.t('Top') } { value: 'top', label: $i18n.t('Top') }
]; ];
export let onChange: (value: string) => void = () => {};
let open = false; let open = false;
</script> </script>
@ -44,6 +46,7 @@
on:click={() => { on:click={() => {
value = item.value; value = item.value;
open = false; open = false;
onChange(value);
}} }}
> >
{item.label} {item.label}

28
src/lib/components/notes/Notes.svelte
View file

@ -161,10 +161,9 @@
const init = async () => { const init = async () => {
reset(); reset();
await getItemsPage(); await getItemsPage();
loaded = true;
}; };
$: if (query !== undefined && sortKey !== undefined && viewOption !== undefined) { $: if (loaded && query !== undefined && sortKey !== undefined && viewOption !== undefined) {
init(); init();
} }
@ -251,6 +250,11 @@
}; };
onMount(async () => { onMount(async () => {
viewOption = localStorage?.noteViewOption ?? null;
displayOption = localStorage?.noteDisplayOption ?? null;
loaded = true;
const dropzoneElement = document.getElementById('notes-container'); const dropzoneElement = document.getElementById('notes-container');
dropzoneElement?.addEventListener('dragover', onDragOver); dropzoneElement?.addEventListener('dragover', onDragOver);
dropzoneElement?.addEventListener('drop', onDrop); dropzoneElement?.addEventListener('drop', onDrop);
@ -374,6 +378,13 @@
{ value: 'created', label: $i18n.t('Created by you') }, { value: 'created', label: $i18n.t('Created by you') },
{ value: 'shared', label: $i18n.t('Shared with you') } { value: 'shared', label: $i18n.t('Shared with you') }
]} ]}
onChange={(value) => {
if (value) {
localStorage.noteViewOption = value;
} else {
delete localStorage.noteViewOption;
}
}}
/> />
</div> </div>
</div> </div>
@ -386,6 +397,13 @@
{ value: null, label: $i18n.t('List') }, { value: null, label: $i18n.t('List') },
{ value: 'grid', label: $i18n.t('Grid') } { value: 'grid', label: $i18n.t('Grid') }
]} ]}
onChange={() => {
if (displayOption) {
localStorage.noteDisplayOption = displayOption;
} else {
delete localStorage.noteDisplayOption;
}
}}
/> />
</div> </div>
</div> </div>
@ -394,16 +412,16 @@
{@const notes = groupNotes(items)} {@const notes = groupNotes(items)}
<div class="@container h-full py-2 px-2.5"> <div class="@container h-full py-2 px-2.5">
<div class="pb-10"> <div class="">
{#each Object.keys(notes) as timeRange} {#each Object.keys(notes) as timeRange}
<div <div
class="w-full text-xs text-gray-500 dark:text-gray-500 font-medium px-2.5 pb-2.5" class="mb-3 w-full text-xs text-gray-500 dark:text-gray-500 font-medium px-2.5 pb-2.5"
> >
{$i18n.t(timeRange)} {$i18n.t(timeRange)}
</div> </div>
{#if displayOption === null} {#if displayOption === null}
<div class="mb-3 gap-1.5 flex flex-col"> <div class="gap-1.5 flex flex-col">
{#each notes[timeRange] as note, idx (note.id)} {#each notes[timeRange] as note, idx (note.id)}
<div <div
class=" flex cursor-pointer w-full px-3.5 py-1.5 border border-gray-50 dark:border-gray-850/30 bg-transparent dark:hover:bg-gray-850 hover:bg-white rounded-2xl transition" class=" flex cursor-pointer w-full px-3.5 py-1.5 border border-gray-50 dark:border-gray-850/30 bg-transparent dark:hover:bg-gray-850 hover:bg-white rounded-2xl transition"