feat(web-ui): add per-download detail panel to Downloads page - #461
Merged
Conversation
Clicking a download in the Downloads table opens a detail panel in the lower
half of the page, separated from the table by a draggable splitter; the page
fills the viewport and scrolls its regions internally (app-like) instead of
scrolling the whole page. On phones the detail opens as a full-screen
drill-down sheet over the list (below the top bar) with a pinned close button,
so the tap clearly changes the screen and the info is reachable.
The panel consumes the enriched GET /downloads/{hash} endpoint and updates live
while open (re-fetches on each store tick; ETag-cached).
Top of the panel:
- Completion progress bar.
- Canvas pieces graph mirroring the aMule GUI: green = complete, red = missing,
blue = available with an intensity gradient by source count (theme-tuned via
CSS vars). A compact one-line legend shows per-state counts, the total piece
count, and the availability scale '(fewer -- more)'.
- Copy ED2K link / Copy magnet link buttons on the file-name row. The magnet URI
matches CamuleAppCommon::CreateMagnetLink; clipboard write falls back to
execCommand on non-secure origins.
Fields below, ordered by usefulness (status/progress first, technical last) and
each with an explanatory tooltip:
- Transfer: Status, Completed (bytes + %), Speed, Remaining, Sources, Size,
Transferred.
- Activity: Active time, Last received, Last seen complete, Clients on queue.
- Media / Comment when present.
- Parts: Available parts, Saved by ICH (in packages), Lost to corruption,
Gained by compression.
- Identity: Hash (uppercase), Met file.
Also: add onRowClick to the shared VirtualTable, a 'copy' icon, widen the
content cap to 1760px, move the Clients nav tab after Shared Files, and the
en/es i18n strings.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Clicking a download in the Downloads table opens a detail panel in the lower half of the page, separated from the table by a draggable splitter; the page fills the viewport and scrolls its regions internally (app-like) instead of scrolling the whole page. On phones the detail opens as a full-screen drill-down sheet over the list (below the top bar) with a pinned close button, so the tap clearly changes the screen and the info is reachable.
The panel consumes the enriched GET /downloads/{hash} endpoint and updates live while open (re-fetches on each store tick; ETag-cached).
Top of the panel:
Fields below, ordered by usefulness (status/progress first, technical last) and each with an explanatory tooltip:
Also: add onRowClick to the shared VirtualTable, a 'copy' icon, widen the content cap to 1760px, move the Clients nav tab after Shared Files, and the en/es i18n strings.