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/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"/>

  <vbox class="theme-body" flex="1">
    <toolbar id="performance-toolbar" class="devtools-toolbar">
      <hbox id="performance-toolbar-controls-recordings" class="devtools-toolbarbutton-group">
        <toolbarbutton id="record-button"
                       class="devtools-toolbarbutton"
                       tooltiptext="&profilerUI.recordButton.tooltip;"/>
        <toolbarbutton id="clear-button"
                       class="devtools-toolbarbutton"
                       label="&profilerUI.clearButton;"/>
      </hbox>
      <spacer flex="1"></spacer>
      <hbox id="performance-toolbar-controls-storage" class="devtools-toolbarbutton-group">
        <toolbarbutton id="import-button"
                       class="devtools-toolbarbutton"
                       label="&profilerUI.importButton;"/>
      </hbox>
    </toolbar>
    <box id="overview-pane"
         class="devtools-responsive-container">
      <vbox id="time-framerate" flex="1"/>
    </box>
    <toolbar id="details-toolbar" class="devtools-toolbar">
      <hbox class="devtools-toolbarbutton-group">
        <toolbarbutton id="select-waterfall-view"
                       class="devtools-toolbarbutton"
                       tooltiptext="waterfall"
                       data-view="waterfall" />
        <toolbarbutton id="select-calltree-view"
                       class="devtools-toolbarbutton"
                       tooltiptext="calltree"
                       data-view="calltree" />
      </hbox>
    </toolbar>
    <deck id="details-pane" flex="1">
      <hbox id="waterfall-view">
        <vbox id="waterfall-graph" flex="1" />
        <splitter class="devtools-side-splitter"/>
        <vbox id="waterfall-details"
              class="theme-sidebar"
              width="150"
              height="150"/>
      </hbox>

      <vbox id="calltree-view" class="call-tree" 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>
    </deck>
  </vbox>
</window>