musicus/res/ui/player_bar.ui

<?xml version="1.0" encoding="UTF-8"?>
<interface>
  <requires lib="gtk" version="4.0"/>
  <object class="GtkImage" id="play_image">
    <property name="icon-name">media-playback-start-symbolic</property>
  </object>
  <object class="GtkRevealer" id="widget">
    <property name="transition-type">slide-up</property>
    <child>
      <object class="GtkBox">
        <property name="orientation">vertical</property>
        <child>
          <object class="GtkSeparator"/>
        </child>
        <child>
          <object class="GtkBox">
            <property name="margin-top">6</property>
            <property name="margin-bottom">6</property>
            <property name="margin-start">6</property>
            <property name="margin-end">6</property>
            <property name="spacing">12</property>
            <child>
              <object class="GtkBox">
                <property name="valign">center</property>
                <property name="spacing">6</property>
                <child>
                  <object class="GtkButton" id="previous_button">
                    <property name="sensitive">False</property>
                    <child>
                      <object class="GtkImage">
                        <property name="icon-name">media-skip-backward-symbolic</property>
                      </object>
                    </child>
                  </object>
                </child>
                <child>
                  <object class="GtkButton" id="play_button">
                    <child>
                      <object class="GtkImage" id="pause_image">
                        <property name="icon-name">media-playback-pause-symbolic</property>
                      </object>
                    </child>
                  </object>
                </child>
                <child>
                  <object class="GtkButton" id="next_button">
                    <property name="sensitive">False</property>
                    <property name="receives-default">True</property>
                    <child>
                      <object class="GtkImage">
                        <property name="icon-name">media-skip-forward-symbolic</property>
                      </object>
                    </child>
                  </object>
                </child>
              </object>
            </child>
            <child>
              <object class="GtkBox">
                <property name="orientation">vertical</property>
                <property name="hexpand">True</property>
                <child>
                  <object class="GtkLabel" id="title_label">
                    <property name="halign">start</property>
                    <property name="label" translatable="yes">Title</property>
                    <property name="ellipsize">end</property>
                    <attributes>
                      <attribute name="weight" value="bold"/>
                    </attributes>
                  </object>
                </child>
                <child>
                  <object class="GtkLabel" id="subtitle_label">
                    <property name="halign">start</property>
                    <property name="label" translatable="yes">Subtitle</property>
                    <property name="ellipsize">end</property>
                  </object>
                </child>
              </object>
            </child>
            <child>
              <object class="GtkBox">
                <property name="spacing">2</property>
                <child>
                  <object class="GtkLabel" id="position_label">
                    <property name="label" translatable="yes">0:00</property>
                  </object>
                </child>
                <child>
                  <object class="GtkLabel">
                    <property name="label" translatable="yes">/</property>
                  </object>
                </child>
                <child>
                  <object class="GtkLabel" id="duration_label">
                    <property name="label" translatable="yes">0:00</property>
                  </object>
                </child>
              </object>
            </child>
            <child>
              <object class="GtkButton" id="playlist_button">
                <property name="valign">center</property>
                <child>
                  <object class="GtkImage">
                    <property name="icon-name">view-list-bullet-symbolic</property>
                  </object>
                </child>
              </object>
            </child>
          </object>
        </child>
      </object>
    </child>
  </object>
</interface>