how

resources/play_queue.blp

@@ -2,8 +2,6 @@ using Gtk 4.0;
 using Adw 1;
 
 template $AudreyUiPlayQueue: Adw.Bin {
-  name: "play-queue";
-
   child: Stack {
     visible-child-name: bind $visible_child_name(template.model as <$GListStore>.n-items) as <string>;
 
@@ -19,6 +17,38 @@ template $AudreyUiPlayQueue: Adw.Bin {
     StackPage {
       name: "not-empty";
 
+      child: Box {
+        name: "play-queue-page";
+        homogeneous: true;
+
+        Adw.Clamp {
+          halign: center;
+          margin-top: 24;
+          margin-bottom: 24;
+          margin-start: 24;
+          margin-end: 24;
+
+          Picture {
+            valign: center;
+
+            styles [
+              "frame"
+            ]
+
+            halign: center;
+            paintable: bind template.playing-cover-art;
+          }
+        }
+
+        Adw.Bin {
+          name: "play-queue";
+          hexpand: true;
+          halign: fill;
+          margin-top: 48;
+          margin-bottom: 48;
+          margin-start: 24;
+          margin-end: 24;
+
           child: ScrolledWindow {
             hexpand: true;
             hscrollbar-policy: never;
@@ -40,4 +70,6 @@ template $AudreyUiPlayQueue: Adw.Bin {
           };
         }
       };
+    }
+  };
 }

resources/play_queue_song.blp

@@ -6,7 +6,6 @@ template $AudreyUiPlayQueueSong: Box {
 
   Box {
     margin-start: 6;
-
     width-request: 36;
     focusable: false;
     homogeneous: true;

resources/playbar.blp

@@ -8,6 +8,7 @@ template $AudreyUiPlaybar: Adw.Bin {
       styles [
         "osd"
       ]
+
       visible: bind template.show-pulse-bar;
       valign: start;
     }

resources/window.blp

@@ -7,7 +7,6 @@ template $AudreyUiWindow: Adw.ApplicationWindow {
   default-height: 600;
 
   Adw.ToolbarView {
-
     [top]
     Adw.HeaderBar {
       [start]
@@ -84,7 +83,10 @@ template $AudreyUiWindow: Adw.ApplicationWindow {
                 vexpand: true;
 
                 GridView {
-                  styles [ "albums" ]
+                  styles [
+                    "albums"
+                  ]
+
                   single-click-activate: true;
 
                   model: NoSelection {
@@ -140,41 +142,11 @@ template $AudreyUiWindow: Adw.ApplicationWindow {
         title: _("Play queue");
         name: "play-queue";
 
-        child: Box {
+        child: $AudreyUiPlayQueue play_queue {
-          name: "play-queue-page";
-          homogeneous: true;
-
-          Adw.Clamp {
-            halign: center;
-            margin-top: 24;
-            margin-bottom: 24;
-            margin-start: 24;
-            margin-end: 24;
-
-            Picture {
-              valign: center;
-
-              styles [
-                "frame"
-              ]
-
-              halign: center;
-              paintable: bind template.playing_cover_art;
-            }
-          }
-
-          $AudreyUiPlayQueue play_queue {
-            hexpand: true;
-            halign: fill;
-            margin-top: 48;
-            margin-bottom: 48;
-            margin-start: 24;
-            margin-end: 24;
-
           model: bind template.playlist_model;
           playlist-pos: bind template.playlist-pos;
           // playbin: bind template.playbin;
-          }
+          playing-cover-art: bind template.playing-cover-art;
         };
       }
     };

src/ui/play_queue.rs

@@ -2,9 +2,9 @@ pub mod song;
 pub use song::Song;
 
 mod imp {
-    use adw::{gio, glib, prelude::*, subclass::prelude::*};
+    use adw::{gdk, gio, glib, prelude::*, subclass::prelude::*};
     use glib::{subclass::InitializingObject, WeakRef};
-    use std::cell::Cell;
+    use std::cell::{Cell, RefCell};
     use tracing::{event, Level};
 
     #[derive(gtk::CompositeTemplate, glib::Properties, Default)]
@@ -15,6 +15,8 @@ mod imp {
         pub(super) model: WeakRef<gio::ListModel>,
         #[property(get, set)]
         _playlist_pos: Cell<i64>,
+        #[property(get, set)]
+        playing_cover_art: RefCell<Option<gdk::Paintable>>,
     }
 
     #[glib::object_subclass]

src/ui/window.rs

@@ -193,6 +193,7 @@ mod imp {
                             match window.imp().state.get() {
                                 State::Idle | State::FileLoading | State::Seeking => {}
                                 State::Active => window.notify("time-pos"),
+                                State::FileEnded => {}
                                 other => unreachable!("{other:?}"),
                             }
                             glib::ControlFlow::Continue