musicus/res/ui/login_dialog.ui

<?xml version="1.0" encoding="UTF-8"?>
<interface>
  <requires lib="gtk" version="4.0"/>
  <requires lib="libhandy" version="1.0"/>
  <object class="HdyWindow" id="window">
    <property name="modal">True</property>
    <property name="default-width">350</property>
    <child>
      <object class="GtkStack" id="stack">
        <property name="transition-type">crossfade</property>
        <child>
          <object class="GtkStackPage">
            <property name="name">content</property>
            <property name="child">
              <object class="GtkBox">
                <property name="orientation">vertical</property>
                <child>
                  <object class="HdyHeaderBar">
                    <property name="show-start-title-buttons">false</property>
                    <property name="show-end-title-buttons">false</property>
                    <property name="title-widget">
                      <object class="GtkLabel">
                        <property name="label" translatable="yes">Login</property>
                        <style>
                          <class name="title"/>
                        </style>
                      </object>
                    </property>
                    <child>
                      <object class="GtkButton" id="cancel_button">
                        <property name="label" translatable="yes">Cancel</property>
                      </object>
                    </child>
                    <child type="end">
                      <object class="GtkButton" id="login_button">
                        <property name="label" translatable="yes">Login</property>
                        <property name="has-default">True</property>
                        <style>
                          <class name="suggested-action"/>
                        </style>
                      </object>
                    </child>
                  </object>
                </child>
                <child>
                  <object class="GtkInfoBar" id="info_bar">
                    <property name="message-type">error</property>
                    <property name="revealed">False</property>
                    <child>
                      <object class="GtkLabel">
                        <property name="label" translatable="yes">The login credentials were wrong!</property>
                      </object>
                    </child>
                  </object>
                </child>
                <child>
                  <object class="GtkListBox">
                    <property name="selection-mode">none</property>
                    <child>
                      <object class="HdyActionRow">
                        <property name="activatable">True</property>
                        <property name="title" translatable="yes">Username</property>
                        <property name="activatable-widget">username_entry</property>
                        <child>
                          <object class="GtkEntry" id="username_entry">
                            <property name="valign">center</property>
                            <property name="hexpand">True</property>
                          </object>
                        </child>
                      </object>
                    </child>
                    <child>
                      <object class="HdyActionRow">
                        <property name="activatable">True</property>
                        <property name="title" translatable="yes">Password</property>
                        <property name="activatable-widget">password_entry</property>
                        <child>
                          <object class="GtkEntry" id="password_entry">
                            <property name="valign">center</property>
                            <property name="hexpand">True</property>
                            <property name="visibility">False</property>
                            <property name="activates-default">True</property>
                            <property name="input-purpose">password</property>
                          </object>
                        </child>
                      </object>
                    </child>
                  </object>
                </child>
              </object>
            </property>
          </object>
        </child>
        <child>
          <object class="GtkStackPage">
            <property name="name">loading</property>
            <property name="child">
              <object class="GtkBox">
                <property name="orientation">vertical</property>
                <child>
                  <object class="HdyHeaderBar">
                    <property name="show-start-title-buttons">false</property>
                    <property name="show-end-title-buttons">false</property>
                    <property name="title-widget">
                      <object class="GtkLabel">
                        <property name="label" translatable="yes">Login</property>
                        <style>
                          <class name="title"/>
                        </style>
                      </object>
                    </property>
                  </object>
                </child>
                <child>
                  <object class="GtkSpinner">
                    <property name="spinning">True</property>
                    <property name="hexpand">true</property>
                    <property name="vexpand">true</property>
                    <property name="halign">center</property>
                    <property name="valign">center</property>
                  </object>
                </child>
              </object>
            </property>
          </object>
        </child>
      </object>
    </child>
  </object>
  <object class="GtkSizeGroup">
    <widgets>
      <widget name="username_entry"/>
      <widget name="password_entry"/>
    </widgets>
  </object>
</interface>