Add mechanism to show playlist page

This commit is contained in:
Elias Projahn 2023-09-24 11:57:16 +02:00
parent 5fd958644e
commit d0cf77888c
8 changed files with 135 additions and 8 deletions

View file

@ -4,6 +4,7 @@ gnome = import('gnome')
blueprints = custom_target('blueprints',
input: files(
'home_page.blp',
'playlist_page.blp',
'tile.blp',
'welcome_page.blp',
'window.blp'

View file

@ -3,6 +3,7 @@
<gresource prefix="/de/johrpan/musicus">
<file preprocess="xml-stripblanks">icons/scalable/actions/playlist-symbolic.svg</file>
<file preprocess="xml-stripblanks">home_page.ui</file>
<file preprocess="xml-stripblanks">playlist_page.ui</file>
<file preprocess="xml-stripblanks">tile.ui</file>
<file preprocess="xml-stripblanks">welcome_page.ui</file>
<file preprocess="xml-stripblanks">window.ui</file>

View file

@ -0,0 +1,28 @@
using Gtk 4.0;
using Adw 1;
template $MusicusPlaylistPage : Adw.Bin {
Adw.ToolbarView {
[top]
Adw.HeaderBar {
title-widget: Adw.WindowTitle {
title: _("Playlist");
};
[start]
Gtk.Button close_button {
icon-name: "go-down-symbolic";
clicked => $close() swapped;
}
}
Gtk.ScrolledWindow {
hscrollbar-policy: never;
Adw.Clamp {
maximum-size: 1000;
tightening-threshold: 600;
}
}
}
}

View file

@ -5,17 +5,31 @@ template $MusicusWindow : Adw.ApplicationWindow {
title: _("Musicus");
Adw.ToolbarView {
Adw.NavigationView navigation_view {
$MusicusWelcomePage {
folder-selected => $set_library_folder() swapped;
}
Gtk.Stack stack {
transition-type: over_up_down;
$MusicusHomePage {}
Gtk.StackPage {
name: "navigation";
child: Adw.NavigationView navigation_view {
$MusicusWelcomePage {
folder-selected => $set_library_folder() swapped;
}
$MusicusHomePage {}
};
}
Gtk.StackPage {
name: "playlist";
child: $MusicusPlaylistPage {
close => $hide_playlist() swapped;
};
}
}
[bottom]
Gtk.Revealer player_bar_revealer {
reveal-child: false;
reveal-child: true;
transition-type: slide_up;
Gtk.Box {
@ -55,10 +69,11 @@ template $MusicusWindow : Adw.ApplicationWindow {
label: "00:00 / 01:00";
}
Gtk.Button {
Gtk.ToggleButton playlist_button {
styles ["flat"]
valign: center;
icon-name: "playlist-symbolic";
toggled => $show_playlist() swapped;
}
}
}