gecko/browser/devtools/performance/performance.xul

<?xml version="1.0" encoding="utf-8"?>
<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<?xml-stylesheet href="chrome://browser/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://browser/content/devtools/widgets.css" type="text/css"?>
<?xml-stylesheet href="chrome://browser/skin/devtools/common.css" type="text/css"?>
<?xml-stylesheet href="chrome://browser/skin/devtools/widgets.css" type="text/css"?>
<?xml-stylesheet href="chrome://browser/skin/devtools/performance.css" type="text/css"?>
<!DOCTYPE window [
  <!ENTITY % profilerDTD SYSTEM "chrome://browser/locale/devtools/profiler.dtd">
  %profilerDTD;
]>

<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  <script src="chrome://browser/content/devtools/theme-switching.js"/>
  <script type="application/javascript" src="performance/performance-controller.js"/>
  <script type="application/javascript" src="performance/performance-view.js"/>
  <script type="application/javascript" src="performance/recording-model.js"/>
  <script type="application/javascript" src="performance/views/overview.js"/>
  <script type="application/javascript" src="performance/views/details.js"/>
  <script type="application/javascript" src="performance/views/details-call-tree.js"/>
  <script type="application/javascript" src="performance/views/details-waterfall.js"/>
  <script type="application/javascript" src="performance/views/details-flamegraph.js"/>
  <script type="application/javascript" src="performance/views/recordings.js"/>

  <hbox class="theme-body" flex="1">
    <vbox id="recordings-pane">
      <toolbar id="recordings-toolbar"
               class="devtools-toolbar">
        <hbox id="recordings-controls"
              class="devtools-toolbarbutton-group">
          <toolbarbutton id="record-button"
                         class="devtools-toolbarbutton"
                         tooltiptext="&profilerUI.recordButton.tooltip;"/>
          <toolbarbutton id="import-button"
                         class="devtools-toolbarbutton"
                         label="&profilerUI.importButton;"/>
          <toolbarbutton id="clear-button"
                         class="devtools-toolbarbutton"
                         label="&profilerUI.clearButton;"/>
        </hbox>
      </toolbar>
      <vbox id="recordings-list" flex="1"/>
    </vbox>
    <vbox flex="1">
      <toolbar id="performance-toolbar" class="devtools-toolbar">
        <hbox id="performance-toolbar-controls-detail-views" class="devtools-toolbarbutton-group">
          <toolbarbutton id="select-waterfall-view"
                         class="devtools-toolbarbutton"
                         data-view="waterfall" />
          <toolbarbutton id="select-calltree-view"
                         class="devtools-toolbarbutton"
                         data-view="calltree" />
          <toolbarbutton id="select-flamegraph-view"
                         class="devtools-toolbarbutton"
                         data-view="flamegraph" />
        </hbox>
        <spacer flex="1"></spacer>
      </toolbar>

      <vbox id="overview-pane">
        <hbox id="markers-overview"/>
        <hbox id="memory-overview"/>
        <hbox id="time-framerate"/>
      </vbox>
      <deck id="details-pane" flex="1">
        <hbox id="waterfall-view" flex="1">
          <vbox id="waterfall-breakdown" flex="1" />
          <splitter class="devtools-side-splitter"/>
          <vbox id="waterfall-details"
                class="theme-sidebar"
                width="150"
                height="150"/>
        </hbox>

        <vbox id="calltree-view" flex="1">
          <hbox class="call-tree-headers-container">
            <label class="plain call-tree-header"
                   type="duration"
                   crop="end"
                   value="&profilerUI.table.totalDuration;"/>
            <label class="plain call-tree-header"
                   type="percentage"
                   crop="end"
                   value="&profilerUI.table.totalPercentage;"/>
            <label class="plain call-tree-header"
                   type="self-duration"
                   crop="end"
                   value="&profilerUI.table.selfDuration;"/>
            <label class="plain call-tree-header"
                   type="self-percentage"
                   crop="end"
                   value="&profilerUI.table.selfPercentage;"/>
            <label class="plain call-tree-header"
                   type="samples"
                   crop="end"
                   value="&profilerUI.table.samples;"/>
            <label class="plain call-tree-header"
                   type="function"
                   crop="end"
                   value="&profilerUI.table.function;"/>
          </hbox>
          <vbox class="call-tree-cells-container" flex="1"/>
        </vbox>
        <hbox id="flamegraph-view" flex="1">
        </hbox>
      </deck>
    </vbox>
  </hbox>
</window>