Files
qbz/crates/qbz-slint/ui/state.slint
T
vicrodh 7eb9627eab feat(slint): context menus for album cards and track rows
Add a first cut of context menus, opened from the "more" (ellipsis)
button on Discover album cards and on album track rows.

- ContextMenu / ContextMenuItem primitives (PopupWindow-hosted panel)
- AlbumCard: the overlay action buttons are now interactive (they gate
  their pointer handling so non-hovered cards still open on click); the
  more button opens a menu — Open album, Play, Add to queue, Add to
  favorites
- TrackRow: a hover-revealed more button opens a menu — Play, Add to
  queue, Add to favorites; AlbumTrackItem and TrackData carry the
  track id
- Menu actions bubble up as a single media-action(kind, id, action)
  callback through the shell; main.rs logs it for now — playback and
  favorites wiring lands with the playback session
- user and list-plus icons

cc
2026-05-18 17:32:56 -06:00

119 lines
3.8 KiB
Plaintext

// Shared UI state — structs and globals the Rust controllers populate.
//
// The Rust side builds these models on a worker thread, then sets them
// on the global from the Slint event loop (see src/home.rs, src/main.rs).
export struct AlbumCardItem {
id: string,
title: string,
artist: string,
genre: string, // shown in the hover overlay
year: string, // shown in the hover overlay
quality-tier: string, // "hires" | "cd" | "" — drives the badge icon
quality-label: string, // "Hi-Res: 24-bit / 96 kHz" — badge hover tooltip
ribbon: string,
ribbon-kind: string, // "press" | "qobuzissime" | "albumOfTheWeek" | ""
artwork-url: string,
artwork: image, // empty until the artwork pipeline resolves it
}
export struct DiscoverSection {
title: string,
albums: [AlbumCardItem],
}
// Compact "slim" card item — a small thumbnail with a title/subtitle,
// optionally rank-numbered (Popular albums, Recently Played).
export struct SlimItem {
id: string,
title: string,
subtitle: string,
rank: string, // "" = no rank
artwork-url: string,
artwork: image,
}
// Discover / Home screen state.
export global HomeState {
in property <[DiscoverSection]> sections: [];
in property <[SlimItem]> popular: [];
in property <bool> loading: false;
}
export struct AlbumTrackItem {
id: string,
number: string,
title: string,
artist: string,
duration: string,
quality-tier: string,
explicit: bool,
}
// Album detail screen state.
export global AlbumState {
in property <string> title;
in property <string> artist;
in property <string> artist-id;
in property <string> info-line;
in property <string> quality-tier;
in property <image> artwork;
in property <[AlbumTrackItem]> tracks: [];
in property <bool> loading: false;
}
// Which content view the shell shows.
export enum ContentView { home, album, artist, settings }
// Settings screen state. Audio and Playback preferences are loaded from
// the persistence stores by the Rust settings controller and pushed here;
// changes flow back through the settings-bool / settings-select callbacks.
export global SettingsState {
// Sub-section: 0 = Audio, 1 = Playback.
in-out property <int> section: 0;
in property <bool> loading: true;
// Audio — dropdowns. Each list is paired with a selected index; the
// Rust controller owns the index -> value mapping.
in-out property <[string]> backends: [];
in-out property <int> backend-index: 0;
in-out property <[string]> devices: [];
in-out property <int> device-index: 0;
in-out property <[string]> sample-rates: [];
in-out property <int> sample-rate-index: 0;
// Audio — toggles.
in-out property <bool> exclusive-mode: false;
in-out property <bool> dac-passthrough: false;
in-out property <bool> pw-force-bitperfect: false;
in-out property <bool> gapless: true;
in-out property <bool> normalization: false;
in-out property <bool> allow-quality-fallback: false;
// Playback.
in-out property <[string]> autoplay-modes: [];
in-out property <int> autoplay-index: 0;
in-out property <bool> show-context-icon: false;
in-out property <bool> persist-session: false;
in-out property <bool> resume-position: false;
}
export global NavState {
in-out property <ContentView> view: ContentView.home;
}
// Artist detail screen state.
export global ArtistState {
in property <string> name;
in property <string> bio;
in property <image> artwork;
in property <[AlbumTrackItem]> top-tracks: [];
in property <[AlbumCardItem]> releases: [];
in property <bool> loading: false;
}
// Authenticated user, for the header user element.
export global SessionState {
in property <string> user-name: "";
}