OpenWebUI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-06-26 18:26:48 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

enh: folder delete confirmation

Browse Source 
Co-Authored-By: silentoplayz <50341825+silentoplayz@users.noreply.github.com>
This commit is contained in:
Timothy J. Baek 2024-10-17 19:19:26 -07:00
parent 351c29917b
commit b877bc0086
1 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/lib/components/layout/Sidebar/RecursiveFolder.svelte
View File

@ -1,5 +1,6 @@
<script> <script>
import { getContext, createEventDispatcher, onMount, onDestroy, tick } from 'svelte'; import { getContext, createEventDispatcher, onMount, onDestroy, tick } from 'svelte';
import DOMPurify from 'dompurify';
const i18n = getContext('i18n'); const i18n = getContext('i18n');
const dispatch = createEventDispatcher(); const dispatch = createEventDispatcher();
@ -21,6 +22,7 @@
import { updateChatFolderIdById } from '$lib/apis/chats'; import { updateChatFolderIdById } from '$lib/apis/chats';
import ChatItem from './ChatItem.svelte'; import ChatItem from './ChatItem.svelte';
import FolderMenu from './Folders/FolderMenu.svelte'; import FolderMenu from './Folders/FolderMenu.svelte';
import DeleteConfirmDialog from '$lib/components/common/ConfirmDialog.svelte';
export let open = false; export let open = false;
@ -181,6 +183,8 @@
} }
}); });
let showDeleteConfirm = false;
const deleteHandler = async () => { const deleteHandler = async () => {
const res = await deleteFolderById(localStorage.token, folderId).catch((error) => { const res = await deleteFolderById(localStorage.token, folderId).catch((error) => {
toast.error(error); toast.error(error);
@ -259,6 +263,22 @@
}; };
</script> </script>
<DeleteConfirmDialog
bind:show={showDeleteConfirm}
title={$i18n.t('Delete folder?')}
on:confirm={() => {
deleteHandler();
}}
>
<div class=" text-sm text-gray-700 dark:text-gray-300 flex-1 line-clamp-3">
{@html DOMPurify.sanitize(
$i18n.t('This will delete <strong>{{NAME}}</strong> and <strong>all its contents</strong>.', {
NAME: folders[folderId].name
})
)}
</div>
</DeleteConfirmDialog>
{#if dragged && x && y} {#if dragged && x && y}
<DragGhost {x} {y}> <DragGhost {x} {y}>
<div class=" bg-black/80 backdrop-blur-2xl px-2 py-1 rounded-lg w-fit max-w-40"> <div class=" bg-black/80 backdrop-blur-2xl px-2 py-1 rounded-lg w-fit max-w-40">
@ -347,7 +367,7 @@
editHandler(); editHandler();
}} }}
on:delete={() => { on:delete={() => {
deleteHandler(); showDeleteConfirm = true;
}} }}
> >
<button class="p-0.5 dark:hover:bg-gray-850 rounded-lg touch-auto" on:click={(e) => {}}> <button class="p-0.5 dark:hover:bg-gray-850 rounded-lg touch-auto" on:click={(e) => {}}>