audrey/resources/play_queue.blp

using Gtk 4.0;
using Adw 1;

template $AudreyUiPlayQueue: Adw.Bin {
  child: Stack {
    visible-child-name: bind $visible_child_name(template.model as <$GListStore>.n-items) as <string>;

    StackPage {
      name: "empty";

      child: Adw.StatusPage {
        icon-name: "list-remove-all";
        title: "No songs queued";
      };
    }

    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;

          Overlay {
            valign: center;

            [overlay]
            ProgressBar pulse_bar {
              styles [
                "osd"
              ]

              valign: start;
            }

            child: Picture {
              styles [
                "playing-cover-art"
              ]

              valign: center;
              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;

            ListView view {
              single-click-activate: true;
              activate => $on_row_activated() swapped;

              model: NoSelection {
                model: bind template.model;
              };

              factory: SignalListItemFactory {
                setup => $on_song_list_setup() swapped;
                bind => $on_song_list_bind() swapped;
                unbind => $on_song_list_unbind() swapped;
              };
            }
          };
        }
      };
    }
  };
}