{$i18n.t('Notes')} • {$WEBUI

{#if query}

{/if}

{ if (e.deltaY !== 0) { e.preventDefault(); e.currentTarget.scrollLeft += e.deltaY; } }} >

{ if (value) { localStorage.noteViewOption = value; } else { delete localStorage.noteViewOption; } }} /> {#if [null, 'shared'].includes(viewOption)} {/if}

{ if (displayOption) { localStorage.noteDisplayOption = displayOption; } else { delete localStorage.noteDisplayOption; } }} />

{#if (items ?? []).length > 0} {@const notes = groupNotes(items)}

{#each Object.keys(notes) as timeRange, idx}

{$i18n.t(timeRange)}

{#if displayOption === null}

{#each notes[timeRange] as note, idx (note.id)}

{note.title}

{dayjs(note.updated_at / 1000000).fromNow()}

{$i18n.t('By {{name}}', { name: capitalizeFirstLetter( note?.user?.name ?? note?.user?.email ?? $i18n.t('Deleted User') ) })}

{ selectedNote = note; downloadHandler(type); }} onCopyLink={async () => { const baseUrl = window.location.origin; const res = await copyToClipboard( `${baseUrl}/notes/${note.id}` ); if (res) { toast.success($i18n.t('Copied link to clipboard')); } else { toast.error($i18n.t('Failed to copy link')); } }} onDelete={() => { selectedNote = note; showDeleteConfirm = true; }} >

{/each}

{:else if displayOption === 'grid'}

{#each notes[timeRange] as note, idx (note.id)}

{note.title}

{#if note.data?.content?.md} {note.data?.content?.md} {:else} {$i18n.t('No content')} {/if}

{dayjs(note.updated_at / 1000000).fromNow()}

{$i18n.t('By {{name}}', { name: capitalizeFirstLetter( note?.user?.name ?? note?.user?.email ?? $i18n.t('Deleted User') ) })}

{/each}

{/if} {/each} {#if !allItemsLoaded} { if (!itemsLoading) { loadMoreItems(); } }} >

{$i18n.t('Loading...')}

{/if}

{:else}

{$i18n.t('No Notes')}

{$i18n.t('Create your first note by clicking on the plus button below.')}

{/if}