patrick/chitai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
hiperman
2025-12-04 00:33:37 -05:00
commit 7ca0a21283
798 changed files with 190424 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/lib/components/view/batch-operations-toolbar.svelte
+200
View File
@@ -0,0 +1,200 @@
<script lang="ts">
import { buttonVariants } from '$lib/components/ui/button/button.svelte';
import * as Tooltip from '$lib/components/ui/tooltip/index';
import { BookOpenCheck, Download, Trash2, SquareCheckBig, X, Album, PlusIcon } from '@lucide/svelte';
import * as DropdownMenu from '$lib/components/ui/dropdown-menu/index';
import { getBookOperationsState } from '$lib/state/bookOperations.svelte';
import { getBookSelectionState } from '$lib/state/bookSelection.svelte';
import { getBookCollectionState } from '$lib/state/bookCollection.svelte';
import { getLibraryState } from '$lib/state/library.svelte';
import { getBookshelfState } from '$lib/state/bookshelf.svelte';
import { invalidate } from '$app/navigation';
import ShelfCreateDialog from '../forms/shelf-create-dialog.svelte';
const libraryState = getLibraryState();
const bookshelfState = getBookshelfState();
const selectionState = getBookSelectionState();
const bookOps = getBookOperationsState();
const collectionState = getBookCollectionState();
let selectedBooks = $derived(selectionState.getSelectedBooks())
let createShelfDialogOpen = $state(false)
</script>
<!-- Mark selected as finished button -->
<Tooltip.Provider>
<Tooltip.Root ignoreNonKeyboardFocus>
<Tooltip.Trigger
onclick={async () => {
await bookOps.markBooksAsComplete(selectionState.getSelectedIds());
selectionState.deselectAll();
}}
class={buttonVariants({ variant: 'ghost', size: 'icon' })}
>
<BookOpenCheck />
</Tooltip.Trigger>
<Tooltip.Content>
<p>Mark as finished</p>
</Tooltip.Content>
</Tooltip.Root>
</Tooltip.Provider>
<!-- Add to shelf button -->
<Tooltip.Provider>
<Tooltip.Root ignoreNonKeyboardFocus>
<Tooltip.Trigger>
{#snippet child({ props })}
<DropdownMenu.Root>
<DropdownMenu.Trigger
{...props}
class={buttonVariants({
variant: 'ghost',
size: 'icon'
})}
>
<Album />
</DropdownMenu.Trigger>
<DropdownMenu.Content>
<DropdownMenu.Group>
<DropdownMenu.GroupHeading>Shelves</DropdownMenu.GroupHeading>
<DropdownMenu.Separator />
{#each bookshelfState.getBookshelves(libraryState.activeLibrary!.id) as shelf}
<DropdownMenu.CheckboxItem
checked={selectedBooks.every(
(book) => book.lists.findIndex((sh) => sh.id === shelf.id) !== -1
)}
onclick={async () => {
// Check if all books are in the shelf
const allBooksInShelf = selectedBooks.every((book) =>
book.lists.find((sh) => sh.id === shelf.id)
);
if (allBooksInShelf) {
// Remove all books from the shelf
const bookIds = selectedBooks.map((book) => book.id);
await bookshelfState.removeBooksFromShelf(shelf.id, bookIds);
selectedBooks.forEach((book) => {
book.lists = book.lists.filter((sh) => sh.id !== shelf.id);
});
} else {
// Add all books to the shelf
const bookIds = selectedBooks.map((book) => book.id);
await bookshelfState.addBooksToShelf(shelf.id, bookIds);
selectedBooks.forEach((book) => {
if (!book.lists.find((sh) => sh.id === shelf.id)) {
book.lists.push(shelf);
}
});
}
selectionState.deselectAll();
}}
>
{shelf.title}
</DropdownMenu.CheckboxItem>
{/each}
</DropdownMenu.Group>
<DropdownMenu.Separator />
<DropdownMenu.Item
onclick={() => createShelfDialogOpen = true}
class="text-muted-foreground ">
<PlusIcon class="size-4" />
New Shelf
</DropdownMenu.Item>
</DropdownMenu.Content>
</DropdownMenu.Root>
{/snippet}
</Tooltip.Trigger>
<Tooltip.Content side="bottom">
<p>Add/Remove from shelf</p>
</Tooltip.Content>
</Tooltip.Root>
</Tooltip.Provider>
<!-- Download selected button -->
<Tooltip.Provider>
<Tooltip.Root ignoreNonKeyboardFocus>
<Tooltip.Trigger
onclick={() => {
bookOps.downloadBooks(selectionState.getSelectedIds());
}}
class={buttonVariants({ variant: 'ghost', size: 'icon' })}
>
<Download />
</Tooltip.Trigger>
<Tooltip.Content>
<p>Download selected</p>
</Tooltip.Content>
</Tooltip.Root>
</Tooltip.Provider>
<!-- Delete selected button -->
<Tooltip.Provider>
<Tooltip.Root ignoreNonKeyboardFocus>
<Tooltip.Trigger
onclick={() => {
bookOps.deleteDialogTitle = `Delete ${selectionState.getSelectedIds().length} books?`;
bookOps.deleteFn = async (deleteFiles: boolean) => {
await bookOps.deleteBooks(selectionState.getSelectedIds(), deleteFiles);
libraryState.activeLibrary!.total! -= selectedBooks.length
bookshelfState.deletedBooks(selectedBooks)
selectionState.deselectAll();
};
bookOps.deleteDialogOpen = true;
}}
class={buttonVariants({ variant: 'ghost', size: 'icon' })}
>
<Trash2 />
</Tooltip.Trigger>
<Tooltip.Content>
<p>Delete selected</p>
</Tooltip.Content>
</Tooltip.Root>
</Tooltip.Provider>
<!-- Select all button -->
<Tooltip.Provider>
<Tooltip.Root ignoreNonKeyboardFocus>
<Tooltip.Trigger
onclick={() => {
selectionState.selectAll(collectionState.books);
}}
class={buttonVariants({ variant: 'ghost', size: 'icon' })}
>
<SquareCheckBig />
</Tooltip.Trigger>
<Tooltip.Content>
<p>Select all</p>
</Tooltip.Content>
</Tooltip.Root>
</Tooltip.Provider>
<!-- Deselect all button -->
<Tooltip.Provider>
<Tooltip.Root ignoreNonKeyboardFocus>
<Tooltip.Trigger
onclick={() => {
selectionState.deselectAll();
}}
class={buttonVariants({ variant: 'ghost', size: 'icon' })}
>
<X />
</Tooltip.Trigger>
<Tooltip.Content>
<p>Deselect all</p>
</Tooltip.Content>
</Tooltip.Root>
</Tooltip.Provider>
<ShelfCreateDialog
bind:open={createShelfDialogOpen}
onSubmit={async (name: string) => {
const bookshelf = await bookshelfState.addBookshelf(name, libraryState.activeLibrary!.id, selectionState.getSelectedIds())
selectedBooks.forEach(book => book.lists.push(bookshelf))
selectionState.deselectAll()
createShelfDialogOpen = false
}}
/>