Sort packages by availability and tidy availability-related displays

- Make the Verfügbarkeit column sortable from fully online through partial and unchecked down to fully offline, reversing on the second click
- Show partially available packages in the warning color as soon as one link is online and one is offline
- Switch the package order instantly on column sorts instead of sliding rows
- Keep offline links out of the package status error count
- Show queue volumes of one terabyte or more as grouped gigabytes with one decimal per language

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01MxAH7rSv8MgfKEPwMkR8N2
This commit is contained in:
Sucukdeluxe
2026-09-04 00:19:37 +02:00
co-authored by Claude Fable 5.1
parent 65084bd6d2
commit 558d6ca4f4
11 changed files with 264 additions and 41 deletions
+31
View File
@@ -1,7 +1,38 @@
import { describe, expect, it } from "vitest";
import { sortPackageOrderByService } from "../src/renderer/App";
import { sortPackageOrderByAvailability } from "../src/renderer/package-order";
describe("download package sorting", () => {
it("sorts the Verfügbarkeit column from fully online through partial and unchecked down to fully offline", () => {
const packages = {
offline: { id: "offline", itemIds: ["offline-1", "offline-2"] },
partialLow: { id: "partialLow", itemIds: ["low-1", "low-2", "low-3", "low-4"] },
unchecked: { id: "unchecked", itemIds: ["unchecked-1"] },
online: { id: "online", itemIds: ["online-1", "online-2"] },
partialHigh: { id: "partialHigh", itemIds: ["high-1", "high-2", "high-3", "high-4"] },
empty: { id: "empty", itemIds: [] }
} as any;
const items = {
"offline-1": { status: "queued", onlineStatus: "offline" },
"offline-2": { status: "queued", onlineStatus: "offline" },
"low-1": { status: "queued", onlineStatus: "online" },
"low-2": { status: "queued", onlineStatus: "offline" },
"low-3": { status: "queued", onlineStatus: "offline" },
"low-4": { status: "queued", onlineStatus: "offline" },
"unchecked-1": { status: "queued", onlineStatus: undefined },
"online-1": { status: "queued", onlineStatus: "online" },
"online-2": { status: "completed", onlineStatus: undefined },
"high-1": { status: "queued", onlineStatus: "online" },
"high-2": { status: "queued", onlineStatus: "online" },
"high-3": { status: "queued", onlineStatus: "online" },
"high-4": { status: "queued", onlineStatus: "offline" }
} as any;
const order = ["offline", "partialLow", "unchecked", "online", "partialHigh", "empty"];
expect(sortPackageOrderByAvailability(order, packages, items, false)).toEqual(["online", "partialHigh", "partialLow", "unchecked", "empty", "offline"]);
expect(sortPackageOrderByAvailability(order, packages, items, true)).toEqual(["offline", "unchecked", "empty", "partialLow", "partialHigh", "online"]);
});
it("sorts the Service column by its visible provider labels", () => {
const packages = {
a: { id: "a", itemIds: ["item-a"] },