<interface domain="gtk40">
  <object class="GtkSingleSelection" id="selection">
    <signal name="notify::selected" handler="recording_selected"/>
    <property name="model">
      <object class="GListStore" id="recordings"/>
    </property>
  </object>
  <template class="GtkInspectorRecorder" parent="GtkWidget">
    <child>
      <object class="GtkBox" id="box">
        <property name="orientation">vertical</property>
        <child>
          <object class="GtkBox">
            <style>
              <class name="toolbar"/>
            </style>
            <child>
              <object class="GtkMenuButton">
                <property name="child">
                  <object class="GtkImage">
                    <property name="paintable">
                      <object class="GtkSvg">
                        <property name="resource">/org/gtk/libgtk/icons/open-menu-symbolic.svg</property>
                      </object>
                    </property>
                  </object>
                </property>
                <property name="tooltip-text" translatable="yes">Recording Options</property>
                <property name="menu-model">
                  <menu>
                    <item>
                      <attribute name="label" translatable="yes">Record events</attribute>
                      <attribute name="action">record.record-events</attribute>
                    </item>
                    <item>
                      <attribute name="label" translatable="yes">Add debug nodes</attribute>
                      <attribute name="action">record.debug-nodes</attribute>
                    </item>
                    <item>
                      <attribute name="label" translatable="yes">Highlight event sequences</attribute>
                      <attribute name="action">record.highlight-sequences</attribute>
                    </item>
                  </menu>
                </property>
              </object>
            </child>
            <child>
              <object class="GtkToggleButton">
                <property name="child">
                  <object class="GtkImage">
                    <property name="paintable">
                      <object class="GtkSvg">
                        <property name="resource">/org/gtk/libgtk/icons/media-record-symbolic.svg</property>
                      </object>
                    </property>
                  </object>
                </property>
                <property name="tooltip-text" translatable="yes">Record frames</property>
                <property name="active" bind-source="GtkInspectorRecorder" bind-property="recording" bind-flags="bidirectional|sync-create"/>
              </object>
            </child>
            <child>
              <object class="GtkButton">
                <property name="child">
                  <object class="GtkImage">
                    <property name="paintable">
                      <object class="GtkSvg">
                        <property name="resource">/org/gtk/libgtk/icons/edit-clear-all-symbolic.svg</property>
                      </object>
                    </property>
                  </object>
                </property>
                <property name="tooltip-text" translatable="yes">Clear recorded frames</property>
                <signal name="clicked" handler="recordings_clear_all"/>
                <property name="hexpand">true</property>
                <property name="halign">start</property>
              </object>
            </child>
            <child>
              <object class="GtkDropDown" id="rendering_mode_dropdown">
                <property name="sensitive">false</property>
                <property name="tooltip-text" translatable="yes">Profiling overlay (requires GSK_DEBUG=profile)</property>
                <property name="model">
                  <object class="GtkStringList">
                    <!-- Keep in sync with enum in nodewrapper.h -->
                    <items>
                      <item>None</item>
                      <item>GPU times</item>
                      <item>Offscreens</item>
                      <item>Uploads</item>
                    </items>
                  </object>
                </property>
                <signal name="notify::selected" handler="rendering_mode_update"/>
              </object>
            </child>
            <child>
              <object class="GtkToggleButton" id="dark_mode_button">
                <property name="child">
                  <object class="GtkImage">
                    <property name="paintable">
                      <object class="GtkSvg">
                        <property name="resource">/org/gtk/libgtk/icons/display-brightness-symbolic.svg</property>
                      </object>
                    </property>
                  </object>
                </property>
                <property name="tooltip-text" translatable="yes">Use a dark background</property>
                <property name="action-name">record.toggle-dark</property>
              </object>
            </child>
            <child>
              <object class="GtkButton" id="render_node_save_button">
                <property name="sensitive">0</property>
                <property name="child">
                  <object class="GtkImage">
                    <property name="paintable">
                      <object class="GtkSvg">
                        <property name="resource">/org/gtk/libgtk/icons/document-save-as-symbolic.svg</property>
                      </object>
                    </property>
                  </object>
                </property>
                <property name="tooltip-text" translatable="yes">Save selected node</property>
                <signal name="clicked" handler="render_node_save"/>
              </object>
            </child>
            <child>
              <object class="GtkButton" id="render_node_clip_button">
                <property name="sensitive">0</property>
                <property name="child">
                  <object class="GtkImage">
                    <property name="paintable">
                      <object class="GtkSvg">
                        <property name="resource">/org/gtk/libgtk/icons/edit-copy-symbolic.svg</property>
                      </object>
                    </property>
                  </object>
                </property>
                <property name="tooltip-text" translatable="yes">Copy to clipboard</property>
                <signal name="clicked" handler="render_node_clip"/>
              </object>
            </child>
          </object>
        </child>
        <child>
          <object class="GtkSeparator" />
        </child>
        <child>
          <object class="GtkBox">
            <style>
              <class name="view"/>
            </style>
            <child>
              <object class="GtkScrolledWindow">
                <property name="hscrollbar-policy">never</property>
                <property name="propagate-natural-width">1</property>
                <child>
                  <object class="GtkListView" id="recordings_list">
                    <property name="vexpand">1</property>
                    <property name="model">selection</property>
                    <property name="tab-behavior">item</property>
                  </object>
                </child>
              </object>
            </child>
            <child>
              <object class="GtkSeparator"/>
            </child>
            <child>
              <object class="GtkStack" id="recording_data_stack">
                <child>
                  <object class="GtkStackPage">
                    <property name="name">no_data</property>
                    <property name="child">
                      <object class="GtkLabel">
                        <property name="label">No data.</property>
                        <property name="halign">center</property>
                        <property name="valign">center</property>
                      </object>
                    </property>
                  </object>
                </child>
                <child>
                  <object class="GtkStackPage">
                    <property name="name">frame_data</property>
                    <property name="child">
                      <object class="GtkPaned">
                        <property name="position">400</property>
                        <property name="wide-handle">1</property>
                        <child>
                          <object class="GtkScrolledWindow">
                            <property name="propagate-natural-width">1</property>
                            <child>
                              <object class="GtkListView" id="render_node_list">
                                <property name="vexpand">1</property>
                                <property name="hexpand">1</property>
                                <property name="tab-behavior">item</property>
                              </object>
                            </child>
                          </object>
                        </child>
                        <child>
                          <object class="GtkPaned" id="render_paned">
                            <property name="orientation">vertical</property>
                            <property name="position">200</property>
                            <property name="wide-handle">1</property>
                            <child>
                              <object class="GtkScrolledWindow">
                                <property name="propagate-natural-width">1</property>
                                <child>
                                  <object class="GtkColumnView" id="node_property_tree">
                                    <property name="tab-behavior">item</property>
                                    <style>
                                      <class name="data-table"/>
                                      <class name="list"/>
                                    </style>
                                    <child>
                                      <object class="GtkColumnViewColumn">
                                        <property name="title" translatable="yes">Property</property>
                                      </object>
                                    </child>
                                    <child>
                                      <object class="GtkColumnViewColumn">
                                        <property name="title" translatable="yes">Value</property>
                                        <property name="expand">1</property>
                                      </object>
                                    </child>
                                  </object>
                                </child>
                              </object>
                            </child>
                            <child>
                              <object class="GtkPicture" id="render_node_view">
                                <property name="hexpand">1</property>
                                <property name="vexpand">1</property>
                              </object>
                            </child>
                          </object>
                        </child>
                      </object>
                    </property>
                  </object>
                </child>
                <child>
                  <object class="GtkStackPage">
                    <property name="name">event_data</property>
                    <property name="child">
                      <object class="GtkPaned">
                        <property name="position">400</property>
                        <property name="wide-handle">1</property>
                        <child>
                          <object class="GtkScrolledWindow">
                            <property name="propagate-natural-width">1</property>
                            <child>
                              <object class="GtkColumnView" id="event_property_tree">
                                <property name="tab-behavior">item</property>
                                <style>
                                  <class name="data-table"/>
                                  <class name="list"/>
                                </style>
                                <child>
                                  <object class="GtkColumnViewColumn">
                                    <property name="title" translatable="yes">Property</property>
                                  </object>
                                </child>
                                <child>
                                  <object class="GtkColumnViewColumn">
                                    <property name="title" translatable="yes">Value</property>
                                    <property name="expand">1</property>
                                  </object>
                                </child>
                              </object>
                            </child>
                          </object>
                        </child>
                        <child>
                          <object class="GtkPicture" id="event_view">
                            <property name="hexpand">1</property>
                            <property name="vexpand">1</property>
                          </object>
                        </child>
                      </object>
                    </property>
                  </object>
                </child>
              </object>
            </child>
          </object>
        </child>
      </object>
    </child>
  </template>
</interface>