michael@0: <?xml version="1.0"?>
michael@0: <!-- This Source Code Form is subject to the terms of the Mozilla Public
michael@0:    - License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
michael@0: <?xml-stylesheet href="chrome://browser/skin/" type="text/css"?>
michael@0: <?xml-stylesheet href="chrome://browser/content/devtools/widgets.css" type="text/css"?>
michael@0: <?xml-stylesheet href="chrome://browser/skin/devtools/common.css" type="text/css"?>
michael@0: <?xml-stylesheet href="chrome://browser/skin/devtools/widgets.css" type="text/css"?>
michael@0: <?xml-stylesheet href="chrome://browser/skin/devtools/canvasdebugger.css" type="text/css"?>
michael@0: <!DOCTYPE window [
michael@0:   <!ENTITY % canvasDebuggerDTD SYSTEM "chrome://browser/locale/devtools/canvasdebugger.dtd">
michael@0:   %canvasDebuggerDTD;
michael@0: ]>
michael@0: 
michael@0: <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
michael@0:   <script src="chrome://browser/content/devtools/theme-switching.js"/>
michael@0:   <script type="application/javascript" src="canvasdebugger.js"/>
michael@0: 
michael@0:   <hbox class="theme-body" flex="1">
michael@0:     <vbox id="snapshots-pane">
michael@0:       <toolbar id="snapshots-toolbar"
michael@0:                class="devtools-toolbar">
michael@0:         <hbox id="snapshots-controls"
michael@0:               class="devtools-toolbarbutton-group">
michael@0:           <toolbarbutton id="record-snapshot"
michael@0:                          class="devtools-toolbarbutton"
michael@0:                          oncommand="SnapshotsListView._onRecordButtonClick()"
michael@0:                          tooltiptext="&canvasDebuggerUI.recordSnapshot.tooltip;"
michael@0:                          hidden="true"/>
michael@0:           <toolbarbutton id="import-snapshot"
michael@0:                          class="devtools-toolbarbutton"
michael@0:                          oncommand="SnapshotsListView._onImportButtonClick()"
michael@0:                          label="&canvasDebuggerUI.importSnapshot;"/>
michael@0:           <toolbarbutton id="clear-snapshots"
michael@0:                          class="devtools-toolbarbutton"
michael@0:                          oncommand="SnapshotsListView._onClearButtonClick()"
michael@0:                          label="&canvasDebuggerUI.clearSnapshots;"/>
michael@0:         </hbox>
michael@0:       </toolbar>
michael@0:       <vbox id="snapshots-list" flex="1"/>
michael@0:     </vbox>
michael@0: 
michael@0:     <vbox id="debugging-pane" flex="1">
michael@0:       <hbox id="reload-notice"
michael@0:             class="notice-container"
michael@0:             align="center"
michael@0:             pack="center"
michael@0:             flex="1">
michael@0:         <button id="reload-notice-button"
michael@0:                 class="devtools-toolbarbutton"
michael@0:                 label="&canvasDebuggerUI.reloadNotice1;"
michael@0:                 oncommand="gFront.setup({ reload: true })"/>
michael@0:         <label id="reload-notice-label"
michael@0:                class="plain"
michael@0:                value="&canvasDebuggerUI.reloadNotice2;"/>
michael@0:       </hbox>
michael@0: 
michael@0:       <hbox id="empty-notice"
michael@0:             class="notice-container"
michael@0:             align="center"
michael@0:             pack="center"
michael@0:             flex="1"
michael@0:             hidden="true">
michael@0:         <label value="&canvasDebuggerUI.emptyNotice1;"/>
michael@0:         <button id="canvas-debugging-empty-notice-button"
michael@0:                 class="devtools-toolbarbutton"
michael@0:                 oncommand="SnapshotsListView._onRecordButtonClick()"/>
michael@0:         <label value="&canvasDebuggerUI.emptyNotice2;"/>
michael@0:       </hbox>
michael@0: 
michael@0:       <hbox id="import-notice"
michael@0:             class="notice-container"
michael@0:             align="center"
michael@0:             pack="center"
michael@0:             flex="1"
michael@0:             hidden="true">
michael@0:         <label value="&canvasDebuggerUI.importNotice;"/>
michael@0:       </hbox>
michael@0: 
michael@0:       <box id="debugging-pane-contents"
michael@0:            class="devtools-responsive-container"
michael@0:            flex="1"
michael@0:            hidden="true">
michael@0:         <vbox id="calls-list-container" flex="1">
michael@0:           <toolbar id="debugging-toolbar"
michael@0:                    class="devtools-toolbar">
michael@0:             <hbox id="debugging-controls"
michael@0:                   class="devtools-toolbarbutton-group">
michael@0:               <toolbarbutton id="resume"
michael@0:                              class="devtools-toolbarbutton"
michael@0:                              oncommand="CallsListView._onResume()"/>
michael@0:               <toolbarbutton id="step-over"
michael@0:                              class="devtools-toolbarbutton"
michael@0:                              oncommand="CallsListView._onStepOver()"/>
michael@0:               <toolbarbutton id="step-in"
michael@0:                              class="devtools-toolbarbutton"
michael@0:                              oncommand="CallsListView._onStepIn()"/>
michael@0:               <toolbarbutton id="step-out"
michael@0:                              class="devtools-toolbarbutton"
michael@0:                              oncommand="CallsListView._onStepOut()"/>
michael@0:             </hbox>
michael@0:             <toolbarbutton id="debugging-toolbar-sizer-button"
michael@0:                            class="devtools-toolbarbutton"
michael@0:                            label=""/>
michael@0:             <scale id="calls-slider"
michael@0:                    movetoclick="true"
michael@0:                    flex="100"/>
michael@0:             <textbox id="calls-searchbox"
michael@0:                      class="devtools-searchinput"
michael@0:                      placeholder="&canvasDebuggerUI.searchboxPlaceholder;"
michael@0:                      type="search"
michael@0:                      flex="1"/>
michael@0:           </toolbar>
michael@0:           <vbox id="calls-list" flex="1"/>
michael@0:         </vbox>
michael@0: 
michael@0:         <splitter class="devtools-side-splitter"/>
michael@0: 
michael@0:         <vbox id="screenshot-container"
michael@0:               hidden="true">
michael@0:           <vbox id="screenshot-image" flex="1"/>
michael@0:           <label id="screenshot-dimensions" class="plain"/>
michael@0:         </vbox>
michael@0:       </box>
michael@0: 
michael@0:       <hbox id="snapshot-filmstrip"
michael@0:             hidden="true"/>
michael@0:     </vbox>
michael@0: 
michael@0:   </hbox>
michael@0: </window>