johrpan/musicus
1
0
Fork 0
mirror of https://github.com/johrpan/musicus.git synced 2025-10-26 03:47:23 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

New search page

Browse source
This commit is contained in:
Elias Projahn 2025-03-02 08:03:31 +01:00
parent a6e0935df8
commit cff489f43e
12 changed files with 830 additions and 793 deletions
Download patch file Download diff file Expand all files Collapse all files

90
data/ui/album_page.blp Normal file
View file

@ -0,0 +1,90 @@
using Gtk 4.0;
using Adw 1;
template $MusicusAlbumPage: Adw.NavigationPage {
title: _("Album");
Adw.ToolbarView {
[top]
Adw.HeaderBar {
show-title: false;
}
Gtk.ScrolledWindow {
Adw.Clamp {
Gtk.Box {
orientation: vertical;
margin-bottom: 24;
margin-start: 12;
margin-end: 12;
Gtk.Box {
spacing: 12;
margin-top: 24;
Gtk.Box {
orientation: vertical;
hexpand: true;
Gtk.Label title_label {
wrap: true;
xalign: 0.0;
styles [
"title-1",
]
}
Gtk.Label subtitle_label {
wrap: true;
xalign: 0.0;
}
}
Gtk.Button {
icon-name: "document-edit-symbolic";
valign: center;
clicked => $edit_button_clicked() swapped;
styles [
"flat",
]
}
Gtk.Button {
icon-name: "media-playback-start-symbolic";
label: _("_Play album");
use-underline: true;
valign: center;
clicked => $play_button_clicked() swapped;
styles [
"pill",
"suggested-action",
]
}
}
Gtk.Label {
label: _("Recordings");
xalign: 0;
margin-top: 24;
styles [
"heading",
]
}
Gtk.FlowBox recordings_flow_box {
margin-top: 12;
column-spacing: 12;
row-spacing: 12;
homogeneous: true;
selection-mode: none;
child-activated => $recording_selected() swapped;
}
}
}
}
}
}

32
data/ui/search_entry.blp
View file

@ -1,32 +0,0 @@
using Gtk 4.0;
template $MusicusSearchEntry : Gtk.Box {
styles ["searchbar"]
margin-start: 12;
margin-end: 12;
margin-top: 6;
margin-bottom: 6;
Gtk.Image {
icon-name: "system-search-symbolic";
}
Gtk.Box tags_box {
valign: center;
}
Gtk.Text text {
placeholder-text: _("Enter composers, performers, works…");
hexpand: true;
activate => $activate() swapped;
backspace => $backspace() swapped;
changed => $text_changed() swapped;
}
Gtk.Image clear_icon {
visible: false;
icon-name: "edit-clear-symbolic";
tooltip-text: _("Clear entry");
}
}

148
data/ui/home_page.blp → data/ui/search_page.blp
View file

@ -1,98 +1,91 @@
using Gtk 4.0;
using Adw 1;
template $MusicusHomePage: Adw.NavigationPage {
template $MusicusSearchPage: Adw.NavigationPage {
title: _("Musicus");
tag: "home";
Gtk.Overlay {
Adw.ToolbarView {
[top]
Adw.HeaderBar header_bar {
[end]
MenuButton {
icon-name: "open-menu-symbolic";
menu-model: primary_menu;
}
Adw.ToolbarView {
[top]
Adw.HeaderBar header_bar {
[end]
MenuButton {
icon-name: "open-menu-symbolic";
menu-model: primary_menu;
}
}
[top]
Gtk.ScrolledWindow scrolled_window {
Adw.Clamp {
maximum-size: 1000;
tightening-threshold: 600;
Gtk.Box {
orientation: vertical;
$MusicusSearchEntry search_entry {
activate => $select() swapped;
}
margin-bottom: 24;
margin-start: 12;
margin-end: 12;
Gtk.Box header_box {
visible: false;
spacing: 12;
margin-start: 12;
margin-end: 12;
margin-top: 24;
margin-bottom: 12;
Gtk.Button {
styles [
"flat"
]
valign: center;
icon-name: "go-previous-symbolic";
clicked => $back_button_clicked() swapped;
}
Gtk.Box {
orientation: vertical;
hexpand: true;
Gtk.Label title_label {
styles [
"title-1"
]
wrap: true;
xalign: 0.0;
styles [
"title-1",
]
}
Gtk.Label subtitle_label {
wrap: true;
xalign: 0.0;
}
}
Gtk.Button {
styles [
"flat"
]
valign: center;
icon-name: "document-edit-symbolic";
valign: center;
clicked => $edit_button_clicked() swapped;
styles [
"flat",
]
}
Gtk.Button {
icon-name: "media-playback-start-symbolic";
label: _("_Play");
use-underline: true;
valign: center;
clicked => $play_button_clicked() swapped;
styles [
"pill",
"suggested-action",
]
}
}
}
}
Gtk.Stack stack {
Gtk.StackPage {
name: "results";
Gtk.SearchEntry search_entry {
placeholder-text: _("Enter composers, performers, works…");
margin-top: 24;
activate => $select() swapped;
}
child: Gtk.ScrolledWindow {
hscrollbar-policy: never;
Gtk.Stack stack {
Gtk.StackPage {
name: "results";
Adw.Clamp {
maximum-size: 1000;
tightening-threshold: 600;
Gtk.Box {
child: Gtk.Box {
orientation: vertical;
margin-start: 12;
margin-end: 12;
margin-top: 24;
margin-bottom: 68;
Gtk.FlowBox programs_flow_box {
margin-top: 12;
@ -106,7 +99,7 @@ template $MusicusHomePage: Adw.NavigationPage {
Gtk.Label {
styles [
"heading"
"heading",
]
visible: bind composers_flow_box.visible;
@ -126,7 +119,7 @@ template $MusicusHomePage: Adw.NavigationPage {
Gtk.Label {
styles [
"heading"
"heading",
]
visible: bind performers_flow_box.visible;
@ -146,7 +139,7 @@ template $MusicusHomePage: Adw.NavigationPage {
Gtk.Label {
styles [
"heading"
"heading",
]
visible: bind ensembles_flow_box.visible;
@ -166,7 +159,7 @@ template $MusicusHomePage: Adw.NavigationPage {
Gtk.Label {
styles [
"heading"
"heading",
]
visible: bind instruments_flow_box.visible;
@ -186,7 +179,7 @@ template $MusicusHomePage: Adw.NavigationPage {
Gtk.Label {
styles [
"heading"
"heading",
]
visible: bind works_flow_box.visible;
@ -206,7 +199,7 @@ template $MusicusHomePage: Adw.NavigationPage {
Gtk.Label {
styles [
"heading"
"heading",
]
visible: bind recordings_flow_box.visible;
@ -226,7 +219,7 @@ template $MusicusHomePage: Adw.NavigationPage {
Gtk.Label {
styles [
"heading"
"heading",
]
visible: bind albums_flow_box.visible;
@ -243,37 +236,22 @@ template $MusicusHomePage: Adw.NavigationPage {
selection-mode: none;
child-activated => $album_selected() swapped;
}
}
};
}
};
}
Gtk.StackPage {
name: "empty";
Gtk.StackPage {
name: "empty";
child: Adw.StatusPage {
icon-name: "system-search-symbolic";
title: _("Nothing Found");
description: _("Try a different search.");
};
child: Adw.StatusPage {
icon-name: "system-search-symbolic";
title: _("Nothing Found");
description: _("Try a different search.");
};
}
}
}
}
}
[overlay]
Gtk.Button play_button {
styles [
"pill",
"suggested-action"
]
halign: end;
valign: end;
margin-end: 24;
margin-bottom: 24;
label: _("Play music");
clicked => $play() swapped;
}
}
}