gtk-adwaita: Loading screen for server discovery

Changes

2 changed files (+48/-38)

• gtk-adwaita/data/ui/server-list.ui
  • @@ -34,54 +34,64 @@ </child>
    </object> </child> <property name="content"> - <object class="GtkBox"> - <property name="orientation">vertical</property> - <property name="spacing">8</property> + <object class="GtkStack" id="stack"> + <property name="transition-type">slide-up-down</property> <child> - <object class="AdwBanner" id="failure_banner"> - <property name="title">Failed to scan Roon Servers</property> - <property name="button-label">Show Details</property> - <style> - <class name="error" /> - </style> + <object class="GtkStackPage"> + <property name="name">idle</property> + <property name="child"> + <object class="GtkBox"> + <property name="orientation">vertical</property> + <property name="spacing">8</property> + <child> + <object class="AdwBanner" id="failure_banner"> + <property name="title">Failed to scan Roon Servers</property> + <property name="button-label">Show Details</property> + <style> + <class name="error" /> + </style> + </object> + </child> + <child> + <object class="AdwClamp"> + <child> + <object class="GtkListBox" id="servers_list"> + <property name="selection-mode">none</property> + </object> + </child> + </object> + </child> + <child> + <object class="AdwStatusPage" id="empty"> + <property name="visible">false</property> + <property name="title">No Servers Found</property> + <property name="description">Scan again after setting up Roon Server.</property> + <property name="icon-name">arrow-into-box</property> + </object> + </child> + </object> + </property> </object> </child> <child> - <object class="GtkBox"> - <property name="orientation">vertical</property> - <property name="spacing">2</property> - <child> - <object class="GtkBox" id="statusbar_loading"> - <property name="visible">false</property> + <object class="GtkStackPage"> + <property name="name">loading</property> + <property name="child"> + <object class="GtkBox"> + <property name="halign">center</property> + <property name="valign">center</property> <property name="orientation">horizontal</property> - <property name="spacing">2</property> + <property name="spacing">8</property> <child> <object class="AdwSpinner" /> </child> <child> <object class="GtkLabel"> - <property name="label">Scanning Roon Server on local network...</property> + <property name="label">Scanning Roon Servers...</property> </object> </child> </object> - </child> - </object> - </child> - <child> - <object class="AdwClamp"> - <child> - <object class="GtkListBox" id="servers_list"> - <property name="selection-mode">none</property> - </object> - </child> - </object> - </child> - <child> - <object class="AdwStatusPage" id="empty"> - <property name="visible">false</property> - <property name="title">No Servers Found</property> - <property name="description">Scan again after setting up Roon Server.</property> - <property name="icon-name">arrow-into-box</property> + </property> </object> </child> </object>
• gtk-adwaita/src/Application.vala
  • @@ -69,7 +69,7 @@ [GtkChild]
    private unowned Adw.Banner failure_banner; [GtkChild] - private unowned Gtk.Box statusbar_loading; + private unowned Gtk.Stack stack; [GtkChild] private unowned Gtk.Button scan_button;
  • @@ -97,7 +97,7 @@ if (error_detail_hid > 0) {
    failure_banner.disconnect(error_detail_hid); error_detail_hid = 0; } - statusbar_loading.visible = true; + stack.visible_child_name = "loading"; scan_button.set_sensitive(false); scan_servers_async.begin((_obj, res) => {
  • @@ -141,7 +141,7 @@ }
    }); failure_banner.revealed = true; } finally { - statusbar_loading.visible = false; + stack.visible_child_name = "idle"; scan_button.set_sensitive(true); } });