1 files changed, 86 insertions, 0 deletions
diff --git a/toolkit/devtools/timeline/timeline.xul b/toolkit/devtools/timeline/timeline.xul
new file mode 100644
index 000000000..2d4b8e193
--- /dev/null
+++ b/toolkit/devtools/timeline/timeline.xul
@@ -0,0 +1,86 @@
+<?xml version="1.0"?>
+<!-- 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/widgets.css" type="text/css"?>
+<?xml-stylesheet href="chrome://browser/skin/devtools/common.css" type="text/css"?>
+<?xml-stylesheet href="chrome://browser/skin/devtools/timeline.css" type="text/css"?>
+
+<!DOCTYPE window [
+  <!ENTITY % timelineDTD SYSTEM "chrome://browser/locale/devtools/timeline.dtd">
+  %timelineDTD;
+]>
+
+<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="timeline.js"/>
+
+  <popupset id="timelinePopupset">
+    <menupopup id="timelineFilterPopup" position="after_start"/>
+  </popupset>
+
+  <vbox class="theme-body" flex="1">
+    <toolbar id="timeline-toolbar"
+             class="devtools-toolbar">
+      <hbox id="recordings-controls"
+            class="devtools-toolbarbutton-group"
+            align="center">
+        <toolbarbutton id="record-button"
+                       class="devtools-toolbarbutton"
+                       oncommand="TimelineController.toggleRecording()"
+                       tooltiptext="&timelineUI.recordButton.tooltip;"/>
+        <toolbarbutton id="filter-button"
+                       popup="timelineFilterPopup"
+                       class="devtools-toolbarbutton"
+                       tooltiptext="&timelineUI.filterButton.tooltip;"/>
+        <checkbox id="memory-checkbox"
+                  label="&timelineUI.memoryCheckbox.label;"
+                  oncommand="TimelineController.updateMemoryRecording()"
+                  tooltiptext="&timelineUI.memoryCheckbox.tooltip;"/>
+        <label id="record-label"
+               value="&timelineUI.recordLabel;"/>
+      </hbox>
+    </toolbar>
+
+    <vbox id="markers-overview"/>
+    <vbox id="memory-overview"/>
+
+    <deck id="timeline-pane"
+          flex="1">
+      <hbox id="empty-notice"
+            class="notice-container"
+            align="center"
+            pack="center"
+            flex="1">
+        <label value="&timelineUI.emptyNotice1;"/>
+        <button id="profiling-notice-button"
+                class="devtools-toolbarbutton"
+                standalone="true"
+                oncommand="TimelineController.toggleRecording()"/>
+        <label value="&timelineUI.emptyNotice2;"/>
+      </hbox>
+
+      <hbox id="recording-notice"
+            class="notice-container"
+            align="center"
+            pack="center"
+            flex="1">
+        <label value="&timelineUI.stopNotice1;"/>
+        <button id="profiling-notice-button"
+                class="devtools-toolbarbutton"
+                standalone="true"
+                checked="true"
+                oncommand="TimelineController.toggleRecording()"/>
+        <label value="&timelineUI.stopNotice2;"/>
+      </hbox>
+
+      <hbox id="timeline-waterfall-container" class="devtools-responsive-container" flex="1">
+        <vbox id="timeline-waterfall" flex="1"/>
+        <splitter class="devtools-side-splitter"/>
+        <vbox id="timeline-waterfall-details" class="theme-sidebar" width="150" height="150"/>
+      </hbox>
+    </deck>
+  </vbox>
+</window>