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/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/webaudioeditor.css" type="text/css"?>
michael@0: <?xml-stylesheet href="chrome://browser/content/devtools/widgets.css" type="text/css"?>
michael@0: <!DOCTYPE window [
michael@0:   <!ENTITY % debuggerDTD SYSTEM "chrome://browser/locale/devtools/webaudioeditor.dtd">
michael@0:   %debuggerDTD;
michael@0: ]>
michael@0: 
michael@0: <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
michael@0: 
michael@0:   <script type="application/javascript;version=1.8"
michael@0:           src="chrome://browser/content/devtools/theme-switching.js"/>
michael@0: 
michael@0:   <script type="application/javascript" src="d3.js"/>
michael@0:   <script type="application/javascript" src="dagre-d3.js"/>
michael@0:   <script type="application/javascript" src="webaudioeditor-controller.js"/>
michael@0:   <script type="application/javascript" src="webaudioeditor-view.js"/>
michael@0: 
michael@0:   <vbox class="theme-body" 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="requests-menu-reload-notice-button"
michael@0:               class="devtools-toolbarbutton"
michael@0:               label="&webAudioEditorUI.reloadNotice1;"
michael@0:               oncommand="gFront.setup({ reload: true });"/>
michael@0:       <label id="requests-menu-reload-notice-label"
michael@0:              class="plain"
michael@0:              value="&webAudioEditorUI.reloadNotice2;"/>
michael@0:     </hbox>
michael@0:     <hbox id="waiting-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 id="requests-menu-waiting-notice-label"
michael@0:              class="plain"
michael@0:              value="&webAudioEditorUI.emptyNotice;"/>
michael@0:     </hbox>
michael@0: 
michael@0:     <box id="content"
michael@0:          class="devtools-responsive-container"
michael@0:          flex="1"
michael@0:          hidden="true">
michael@0:       <vbox id="web-audio-inspector">
michael@0:         <vbox id="web-audio-inspector-content" flex="1"></vbox>
michael@0:       </vbox>
michael@0:       <splitter class="devtools-side-splitter"/>
michael@0:       <box id="web-audio-graph" class="devtools-responsive-container" flex="1">
michael@0:         <vbox flex="1">
michael@0:           <svg id="graph-svg" flex="1" viewBox="0 0 1000 500"
michael@0:               xmlns="http://www.w3.org/2000/svg"
michael@0:               xmlns:xlink="http://www.w3.org/1999/xlink">
michael@0:             <g id="graph-target" transform="translate(20,20)"/>
michael@0:           </svg>
michael@0:         </vbox>
michael@0:       </box>
michael@0:     </box>
michael@0:   </vbox>
michael@0: 
michael@0: </window>