vicrodh
82129cff35
Ephemeral folders: open / browse / play a folder without indexing it — album-grouped pane, CUE seek fast-path (no full re-decode per virtual track), folder-path persistence + rehydrate, "already playing" add-vs-replace choice dialog (ephemeral-only), and now-playing / queue / menu gating so an ephemeral track exposes no persistence actions. Folders tree brought 1:1 with Tauri: - Rail header: select-mode, collapse-all, open-ephemeral, tree search. - Resizable rail (default ~20% narrower; drag handle, min 50% default / max 50% of the content area). - Subfolder cover grid + grid/list toggle, recursive track count, name search; compact icon bulk bar (folder-check / play-next / queue / playlist / clear). - Tree is the default mode; circular checkboxes homologated with TrackRow; compact rows (smaller type + icon, no ambiguous trailing count). - Flat/Tree icon toggle (disc-album / folder-tree), floated right. Per-source TrackRow context menu (logic, not a blanket trim): Qobuz/offline = full; local = play/next/queue + add-to-playlist; plex/ephemeral = play/next/ queue only. App-wide standard: Math.round pixel-snap on icon centering across the UI to kill sub-pixel blur (CircleAction, header back/forward/collapse, and the rest). NowPlayingBar context icon -> turntable (frees disc-album for the Folders toggle). New assets: folder-check, folder-tree, turntable. cc
80 lines
2.5 KiB
Plaintext
80 lines
2.5 KiB
Plaintext
// Horizontal integer slider primitive — dark-themed, draggable.
|
|
//
|
|
// Like the other primitives it does not own its value: it emits
|
|
// `changed(new-value)` and the caller updates the bound state. The thumb
|
|
// position is derived from `value`, clamped to [minimum, maximum].
|
|
|
|
import { Theme } from "../foundation/semantic-colors.slint";
|
|
|
|
export component QbzSlider inherits Rectangle {
|
|
in property <int> minimum: 0;
|
|
in property <int> maximum: 10;
|
|
in property <int> value: 0;
|
|
callback changed(int);
|
|
|
|
width: 200px;
|
|
height: 22px;
|
|
|
|
// Fraction of the track the current value sits at, clamped to [0, 1].
|
|
property <float> fraction: root.maximum > root.minimum
|
|
? max(0.0, min(1.0, (root.value - root.minimum) / (root.maximum - root.minimum)))
|
|
: 0.0;
|
|
property <length> thumb-size: 16px;
|
|
// Travel range for the thumb centre.
|
|
property <length> travel: root.width - root.thumb-size;
|
|
|
|
// Track.
|
|
Rectangle {
|
|
y: Math.round((parent.height - self.height) / 2 / 1px) * 1px;
|
|
height: 4px;
|
|
border-radius: 2px;
|
|
background: Theme.surface-elevated;
|
|
}
|
|
|
|
// Accent fill.
|
|
Rectangle {
|
|
x: 0;
|
|
y: Math.round((parent.height - self.height) / 2 / 1px) * 1px;
|
|
width: root.thumb-size / 2 + root.fraction * root.travel;
|
|
height: 4px;
|
|
border-radius: 2px;
|
|
background: Theme.accent;
|
|
}
|
|
|
|
// Thumb.
|
|
Rectangle {
|
|
x: root.fraction * root.travel;
|
|
y: Math.round((parent.height - self.height) / 2 / 1px) * 1px;
|
|
width: root.thumb-size;
|
|
height: root.thumb-size;
|
|
border-radius: root.thumb-size / 2;
|
|
background: Theme.text-primary;
|
|
}
|
|
|
|
// Map a pointer x to a clamped, rounded integer value.
|
|
function value-from-x(px: length) -> int {
|
|
root.minimum + round(
|
|
max(0.0, min(1.0, (px - root.thumb-size / 2) / max(1px, root.travel)))
|
|
* (root.maximum - root.minimum)
|
|
)
|
|
}
|
|
|
|
ta := TouchArea {
|
|
mouse-cursor: pointer;
|
|
|
|
// Jump to the click point on press-down.
|
|
pointer-event(e) => {
|
|
if (e.kind == PointerEventKind.down
|
|
&& root.value-from-x(self.mouse-x) != root.value) {
|
|
root.changed(root.value-from-x(self.mouse-x));
|
|
}
|
|
}
|
|
// Continuous drag while held.
|
|
moved => {
|
|
if (root.value-from-x(self.mouse-x) != root.value) {
|
|
root.changed(root.value-from-x(self.mouse-x));
|
|
}
|
|
}
|
|
}
|
|
}
|