Administrator/Multi-Debrid-Downloader
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 596 Wiki Activity

Fix disclosure fading and global package toggles

Browse Source 
Fade the shared virtual item group from transparent to opaque while expanding and reverse the opacity while collapsing, preserving the clipping row as the geometry owner.

Move the downloads package toggle to the far toolbar edge and add a collector toolbar toggle backed by raw unfiltered package IDs.

Cover opacity endpoints, intermediate frame geometry, toolbar ordering, and filter-independent collector toggle semantics.
This commit is contained in:
Sucukdeluxe
2026-08-22 11:18:05 +02:00
parent f57b513625
commit a101bd0bed
9 changed files with 195 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/downloads-view.test.tsx
+19 -2
View File
@@ -371,7 +371,7 @@ describe("virtualisierte Paketanimation", () => {
expect(prepared.animated).toBe(true);
expect(prepared.rows.map((row) => [row.id, row.height, row.disclosurePhase, row.disclosureOpacity])).toEqual([
["package-a", 40, "stable", 1],
["package-a:items", 0, "entering", 1],
["package-a:items", 0, "entering", 0],
["package-b", 40, "stable", 1],
["b-1", 38, "stable", 1]
]);
@@ -411,7 +411,7 @@ describe("virtualisierte Paketanimation", () => {
expect(preparedGroup?.type === "item-group" ? preparedGroup.items.map((row) => row.height) : []).toEqual([38, 38]);
expect(activateDownloadDisclosureTransition(prepared.rows).map((row) => [row.id, row.height, row.disclosureOpacity])).toEqual([
["package-a", 40, 1],
["package-a:items", 0, 1],
["package-a:items", 0, 0],
["package-b", 40, 1],
["b-1", 38, 1]
]);
@@ -1098,6 +1098,23 @@ describe("downloads view", () => {
expect(toolbar).not.toContain("downloads-search-input");
});
it("places the global package disclosure action at the right toolbar edge", () => {
let toggles = 0;
const model = withRuntime(createInput({ filter: "paused" }));
const actions = createActions({ onToggleAllPackages: () => { toggles += 1; } });
const sidebar = renderToStaticMarkup(<DownloadsSidebar actions={actions} model={model} />);
const toolbar = DownloadsToolbar({ actions, model });
const toolbarButtons: ReactElement[] = [];
visitElements(toolbar, (element) => {
if (element.type === "button") toolbarButtons.push(element);
});
expect(sidebar).not.toContain("Alle ein-/ausklappen");
expect(toolbarButtons.at(-1)?.props.children).toBe("Alle ein-/ausklappen");
findButton(toolbar, "Alle ein-/ausklappen").props.onClick();
expect(toggles).toBe(1);
});
it("blocks native package dragging while preserving explicit reorder actions", () => {
const model = withRuntime(createInput());
const component = PackageCardContent({