Purism-Calls/src/ui/account-overview.ui

<?xml version="1.0" encoding="UTF-8"?>
<interface>
  <requires lib="gtk+" version="3.24"/>
  <requires lib="libhandy" version="1.0"/>
  <template class="CallsAccountOverview" parent="HdyWindow">
    <property name="visible">True</property>
    <property name="default-width">380</property>
    <property name="default-height">660</property>
    <signal name="delete-event" handler="gtk_widget_hide_on_delete"/>
    <child>
      <object class="GtkBox">
        <property name="visible">True</property>
        <property name="orientation">vertical</property>
        <child>
          <object class="HdyHeaderBar">
            <property name="title" translatable="yes">VoIP Accounts</property>
            <property name="show-close-button">True</property>
            <property name="visible">True</property>
            <child>
              <object class="GtkSpinner" id="spinner">
                <property name="visible">True</property>
              </object>
              <packing>
                <property name="pack_type">end</property>
              </packing>
            </child>

          </object>
        </child>

        <child>
          <object class="GtkOverlay">
            <property name="visible">True</property>
            <child type="overlay">
              <object class="CallsInAppNotification" id="in_app_notification">
                <property name="visible">True</property>
              </object>
            </child>
            <child>
              <object class="GtkStack" id="stack">
                <property name="visible">True</property>
                <property name="vexpand">True</property>
                <property name="transition-type">crossfade</property>

                <!-- First child type: No accounts present: Show a blurb and a Add button -->
                <child>
                  <object class="HdyStatusPage" id="intro">
                    <property name="visible">True</property>
                    <property name="title" translatable="yes">Add VoIP Accounts</property>
                    <property name="icon-name">system-users-symbolic</property>
                    <property name="description" translatable="yes">You can add VoIP account here. It will allow you to place and receive VoIP calls using the SIP protocol. This feature is still relatively new and not yet feature complete (i.e. no encrypted media).</property>
                    <child>
                      <object class="GtkButton" id="add_btn">
                        <property name="visible">True</property>
                        <property name="margin">6</property>
                        <property name="halign">center</property>
                        <property name="use-underline">True</property>
                        <property name="label" translatable="yes">_Add Account</property>
                        <signal name="clicked" handler="on_add_account_clicked" swapped="yes"/>
                        <style>
                          <class name="suggested-action"/>
                        </style>
                      </object>
                    </child>
                  </object>
                  <packing>
                    <property name="name">intro-page</property>
                  </packing>
                </child>

                <!-- Second child type: Some accounts present: Show a Listbox to manage accounts -->
                <child>
                  <object class="GtkListBox" id="overview">
                    <property name="visible">True</property>
                    <property name="selection-mode">none</property>
                    <property name="margin-top">18</property>
                    <property name="margin-bottom">18</property>
                    <property name="margin-start">12</property>
                    <property name="margin-end">12</property>
                    <signal name="row-activated" handler="on_account_row_activated" swapped="no"/>
                    <!-- placeholder -->
                    <child type="placeholder"/>
                    <style>
                      <class name="content"/>
                    </style>
                  </object>
                  <packing>
                    <property name="name">overview-page</property>
                  </packing>
                </child>

              </object>
            </child>

          </object>
        </child>
      </object>
    </child>
  </template>

  <object class="GtkListBoxRow" id="add_row">
    <property name="visible">True</property>
    <child>
      <object class="GtkLabel">
        <property name="visible">True</property>
        <property name="label" translatable="yes">_Add Account</property>
        <property name="use-underline">True</property>
        <property name="margin-top">9</property>
        <property name="margin-bottom">9</property>
      </object>
    </child>
  </object>


  <object class="HdyWindow" id="account_window">
    <property name="visible">False</property>
    <property name="default-width">380</property>
    <property name="default-height">660</property>
    <signal name="delete-event" handler="gtk_widget_hide_on_delete"/>
  </object>

  </interface>