michael@0: <?xml version="1.0" encoding="utf-8"?>
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/content/devtools/netmonitor.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/netmonitor.css" type="text/css"?>
michael@0: <!DOCTYPE window [
michael@0:   <!ENTITY % netmonitorDTD SYSTEM "chrome://browser/locale/devtools/netmonitor.dtd">
michael@0:   %netmonitorDTD;
michael@0: ]>
michael@0: 
michael@0: <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
michael@0:         xmlns:html="http://www.w3.org/1999/xhtml">
michael@0: 
michael@0:   <script type="application/javascript;version=1.8"
michael@0:           src="chrome://browser/content/devtools/theme-switching.js"/>
michael@0:   <script type="text/javascript" src="netmonitor-controller.js"/>
michael@0:   <script type="text/javascript" src="netmonitor-view.js"/>
michael@0: 
michael@0:   <popupset id="networkPopupSet">
michael@0:     <menupopup id="network-request-popup">
michael@0:       <menuitem id="request-menu-context-newtab"
michael@0:                 label="&netmonitorUI.context.newTab;"
michael@0:                 accesskey="&netmonitorUI.context.newTab.accesskey;"/>
michael@0:       <menuitem id="request-menu-context-copy-url"
michael@0:                 label="&netmonitorUI.context.copyUrl;"
michael@0:                 accesskey="&netmonitorUI.context.copyUrl.accesskey;"/>
michael@0:       <menuitem id="request-menu-context-copy-as-curl"
michael@0:                 label="&netmonitorUI.context.copyAsCurl;"
michael@0:                 oncommand="NetMonitorView.RequestsMenu.copyAsCurl();"/>
michael@0:       <menuitem id="request-menu-context-copy-image-as-data-uri"
michael@0:                 label="&netmonitorUI.context.copyImageAsDataUri;"
michael@0:                 accesskey="&netmonitorUI.context.copyImageAsDataUri.accesskey;"/>
michael@0:       <menuitem id="request-menu-context-resend"
michael@0:                 label="&netmonitorUI.summary.editAndResend;"
michael@0:                 accesskey="&netmonitorUI.summary.editAndResend.accesskey;"/>
michael@0:       <menuseparator/>
michael@0:       <menuitem id="request-menu-context-perf"
michael@0:                 label="&netmonitorUI.context.perfTools;"
michael@0:                 accesskey="&netmonitorUI.context.perfTools.accesskey;"/>
michael@0:     </menupopup>
michael@0:   </popupset>
michael@0: 
michael@0:   <deck id="body" class="theme-sidebar" flex="1">
michael@0: 
michael@0:     <vbox id="network-inspector-view" flex="1">
michael@0:       <hbox id="network-table-and-sidebar"
michael@0:             class="devtools-responsive-container"
michael@0:             flex="1">
michael@0:         <vbox id="network-table" flex="1">
michael@0:           <toolbar id="requests-menu-toolbar"
michael@0:                    class="devtools-toolbar"
michael@0:                    align="center">
michael@0:             <hbox id="toolbar-labels" flex="1">
michael@0:               <hbox id="requests-menu-status-and-method-header-box"
michael@0:                     class="requests-menu-header requests-menu-status-and-method"
michael@0:                     align="center">
michael@0:                 <button id="requests-menu-status-button"
michael@0:                         class="requests-menu-header-button requests-menu-status"
michael@0:                         data-key="status"
michael@0:                         label="&netmonitorUI.toolbar.status2;">
michael@0:                 </button>
michael@0:                 <button id="requests-menu-method-button"
michael@0:                         class="requests-menu-header-button requests-menu-method"
michael@0:                         data-key="method"
michael@0:                         label="&netmonitorUI.toolbar.method;"
michael@0:                         flex="1">
michael@0:                 </button>
michael@0:               </hbox>
michael@0:               <hbox id="requests-menu-icon-and-file-header-box"
michael@0:                     class="requests-menu-header requests-menu-icon-and-file"
michael@0:                     align="center">
michael@0:                 <button id="requests-menu-file-button"
michael@0:                         class="requests-menu-header-button requests-menu-file"
michael@0:                         data-key="file"
michael@0:                         label="&netmonitorUI.toolbar.file;"
michael@0:                         flex="1">
michael@0:                 </button>
michael@0:               </hbox>
michael@0:               <hbox id="requests-menu-domain-header-box"
michael@0:                     class="requests-menu-header requests-menu-domain"
michael@0:                     align="center">
michael@0:                 <button id="requests-menu-domain-button"
michael@0:                         class="requests-menu-header-button requests-menu-domain"
michael@0:                         data-key="domain"
michael@0:                         label="&netmonitorUI.toolbar.domain;"
michael@0:                         flex="1">
michael@0:                 </button>
michael@0:               </hbox>
michael@0:               <hbox id="requests-menu-type-header-box"
michael@0:                     class="requests-menu-header requests-menu-type"
michael@0:                     align="center">
michael@0:                 <button id="requests-menu-type-button"
michael@0:                         class="requests-menu-header-button requests-menu-type"
michael@0:                         data-key="type"
michael@0:                         label="&netmonitorUI.toolbar.type;"
michael@0:                         flex="1">
michael@0:                 </button>
michael@0:               </hbox>
michael@0:               <hbox id="requests-menu-size-header-box"
michael@0:                     class="requests-menu-header requests-menu-size"
michael@0:                     align="center">
michael@0:                 <button id="requests-menu-size-button"
michael@0:                         class="requests-menu-header-button requests-menu-size"
michael@0:                         data-key="size"
michael@0:                         label="&netmonitorUI.toolbar.size;"
michael@0:                         flex="1">
michael@0:                 </button>
michael@0:               </hbox>
michael@0:               <hbox id="requests-menu-waterfall-header-box"
michael@0:                     class="requests-menu-header requests-menu-waterfall"
michael@0:                     align="center"
michael@0:                     flex="1">
michael@0:                 <button id="requests-menu-waterfall-button"
michael@0:                         class="requests-menu-header-button requests-menu-waterfall"
michael@0:                         data-key="waterfall"
michael@0:                         pack="start"
michael@0:                         flex="1">
michael@0:                   <label id="requests-menu-waterfall-label"
michael@0:                          class="plain requests-menu-waterfall"
michael@0:                          value="&netmonitorUI.toolbar.waterfall;"/>
michael@0:                 </button>
michael@0:               </hbox>
michael@0:             </hbox>
michael@0:             <toolbarbutton id="details-pane-toggle"
michael@0:                            class="devtools-toolbarbutton"
michael@0:                            tooltiptext="&netmonitorUI.panesButton.tooltip;"
michael@0:                            disabled="true"
michael@0:                            tabindex="0"/>
michael@0:           </toolbar>
michael@0: 
michael@0:           <vbox id="requests-menu-empty-notice"
michael@0:                 class="side-menu-widget-empty-text">
michael@0:             <hbox id="notice-perf-message" align="center">
michael@0:               <label value="&netmonitorUI.perfNotice1;"/>
michael@0:               <button id="requests-menu-perf-notice-button"
michael@0:                       class="devtools-toolbarbutton"/>
michael@0:               <label value="&netmonitorUI.perfNotice2;"/>
michael@0:             </hbox>
michael@0:             <hbox id="notice-reload-message" align="center">
michael@0:               <label value="&netmonitorUI.emptyNotice3;"/>
michael@0:             </hbox>
michael@0:           </vbox>
michael@0: 
michael@0:           <vbox id="requests-menu-contents" flex="1" context="network-request-popup">
michael@0:             <hbox id="requests-menu-item-template" hidden="true">
michael@0:               <hbox class="requests-menu-subitem requests-menu-status-and-method"
michael@0:                     align="center">
michael@0:                 <box class="requests-menu-status"/>
michael@0:                 <label class="plain requests-menu-status-code"
michael@0:                        crop="end"/>
michael@0:                 <label class="plain requests-menu-method"
michael@0:                        crop="end"
michael@0:                        flex="1"/>
michael@0:               </hbox>
michael@0:               <hbox class="requests-menu-subitem requests-menu-icon-and-file"
michael@0:                     align="center">
michael@0:                 <image class="requests-menu-icon" hidden="true"/>
michael@0:                 <label class="plain requests-menu-file"
michael@0:                        crop="end"
michael@0:                        flex="1"/>
michael@0:               </hbox>
michael@0:               <label class="plain requests-menu-subitem requests-menu-domain"
michael@0:                      crop="end"/>
michael@0:               <label class="plain requests-menu-subitem requests-menu-type"
michael@0:                      crop="end"/>
michael@0:               <label class="plain requests-menu-subitem requests-menu-size"
michael@0:                      crop="end"/>
michael@0:               <hbox class="requests-menu-subitem requests-menu-waterfall"
michael@0:                     align="center"
michael@0:                     flex="1">
michael@0:                 <hbox class="requests-menu-timings"
michael@0:                       align="center">
michael@0:                   <label class="plain requests-menu-timings-total"/>
michael@0:                 </hbox>
michael@0:               </hbox>
michael@0:             </hbox>
michael@0:           </vbox>
michael@0:         </vbox>
michael@0: 
michael@0:         <splitter id="network-inspector-view-splitter"
michael@0:                   class="devtools-side-splitter"/>
michael@0: 
michael@0:         <deck id="details-pane"
michael@0:               hidden="true">
michael@0:           <vbox id="custom-pane"
michael@0:                 class="tabpanel-content">
michael@0:             <hbox align="baseline">
michael@0:               <label value="&netmonitorUI.custom.newRequest;"
michael@0:                      class="plain tabpanel-summary-label
michael@0:                             custom-header"/>
michael@0:               <hbox flex="1" pack="end">
michael@0:                 <button id="custom-request-send-button"
michael@0:                         class="devtools-toolbarbutton"
michael@0:                         label="&netmonitorUI.custom.send;"/>
michael@0:                 <button id="custom-request-close-button"
michael@0:                         class="devtools-toolbarbutton"
michael@0:                         label="&netmonitorUI.custom.cancel;"/>
michael@0:               </hbox>
michael@0:             </hbox>
michael@0:             <hbox id="custom-method-and-url"
michael@0:                   class="tabpanel-summary-container"
michael@0:                   align="center">
michael@0:               <textbox id="custom-method-value"
michael@0:                        data-key="method"/>
michael@0:               <textbox id="custom-url-value"
michael@0:                        flex="1"
michael@0:                        data-key="url"/>
michael@0:             </hbox>
michael@0:             <vbox id="custom-query"
michael@0:                   class="tabpanel-summary-container custom-section">
michael@0:               <label class="plain tabpanel-summary-label"
michael@0:                      value="&netmonitorUI.custom.query;"/>
michael@0:               <textbox id="custom-query-value"
michael@0:                        class="tabpanel-summary-input"
michael@0:                        multiline="true"
michael@0:                        rows="4"
michael@0:                        wrap="off"
michael@0:                        data-key="query"/>
michael@0:             </vbox>
michael@0:             <vbox id="custom-headers"
michael@0:                   class="tabpanel-summary-container custom-section">
michael@0:               <label class="plain tabpanel-summary-label"
michael@0:                      value="&netmonitorUI.custom.headers;"/>
michael@0:               <textbox id="custom-headers-value"
michael@0:                        class="tabpanel-summary-input"
michael@0:                        multiline="true"
michael@0:                        rows="8"
michael@0:                        wrap="off"
michael@0:                        data-key="headers"/>
michael@0:             </vbox>
michael@0:             <vbox id="custom-postdata"
michael@0:                   class="tabpanel-summary-container custom-section">
michael@0:               <label class="plain tabpanel-summary-label"
michael@0:                      value="&netmonitorUI.custom.postData;"/>
michael@0:               <textbox id="custom-postdata-value"
michael@0:                        class="tabpanel-summary-input"
michael@0:                        multiline="true"
michael@0:                        rows="6"
michael@0:                        wrap="off"
michael@0:                        data-key="body"/>
michael@0:             </vbox>
michael@0:           </vbox>
michael@0:           <tabbox id="event-details-pane"
michael@0:                   class="devtools-sidebar-tabs"
michael@0:                   handleCtrlTab="false">
michael@0:             <tabs>
michael@0:               <tab id="headers-tab"
michael@0:                    label="&netmonitorUI.tab.headers;"/>
michael@0:               <tab id="cookies-tab"
michael@0:                    label="&netmonitorUI.tab.cookies;"/>
michael@0:               <tab id="params-tab"
michael@0:                    label="&netmonitorUI.tab.params;"/>
michael@0:               <tab id="response-tab"
michael@0:                    label="&netmonitorUI.tab.response;"/>
michael@0:               <tab id="timings-tab"
michael@0:                    label="&netmonitorUI.tab.timings;"/>
michael@0:               <tab id="preview-tab"
michael@0:                    label="&netmonitorUI.tab.preview;"/>
michael@0:             </tabs>
michael@0:             <tabpanels flex="1">
michael@0:               <tabpanel id="headers-tabpanel"
michael@0:                         class="tabpanel-content">
michael@0:                 <vbox flex="1">
michael@0:                   <hbox id="headers-summary-url"
michael@0:                         class="tabpanel-summary-container"
michael@0:                         align="center">
michael@0:                     <label class="plain tabpanel-summary-label"
michael@0:                            value="&netmonitorUI.summary.url;"/>
michael@0:                     <label id="headers-summary-url-value"
michael@0:                            class="plain tabpanel-summary-value devtools-monospace"
michael@0:                            crop="end"
michael@0:                            flex="1"/>
michael@0:                   </hbox>
michael@0:                   <hbox id="headers-summary-method"
michael@0:                         class="tabpanel-summary-container"
michael@0:                         align="center">
michael@0:                     <label class="plain tabpanel-summary-label"
michael@0:                            value="&netmonitorUI.summary.method;"/>
michael@0:                     <label id="headers-summary-method-value"
michael@0:                            class="plain tabpanel-summary-value devtools-monospace"
michael@0:                            crop="end"
michael@0:                            flex="1"/>
michael@0:                   </hbox>
michael@0:                   <hbox id="headers-summary-status"
michael@0:                         class="tabpanel-summary-container"
michael@0:                         align="center">
michael@0:                     <label class="plain tabpanel-summary-label"
michael@0:                            value="&netmonitorUI.summary.status;"/>
michael@0:                     <box id="headers-summary-status-circle"
michael@0:                          class="requests-menu-status"/>
michael@0:                     <label id="headers-summary-status-value"
michael@0:                            class="plain tabpanel-summary-value devtools-monospace"
michael@0:                            crop="end"
michael@0:                            flex="1"/>
michael@0:                     <button id="headers-summary-resend"
michael@0:                             class="devtools-toolbarbutton"
michael@0:                             label="&netmonitorUI.summary.editAndResend;"/>
michael@0:                   </hbox>
michael@0:                   <hbox id="headers-summary-version"
michael@0:                         class="tabpanel-summary-container"
michael@0:                         align="center">
michael@0:                     <label class="plain tabpanel-summary-label"
michael@0:                            value="&netmonitorUI.summary.version;"/>
michael@0:                     <label id="headers-summary-version-value"
michael@0:                            class="plain tabpanel-summary-value devtools-monospace"
michael@0:                            crop="end"
michael@0:                            flex="1"/>
michael@0:                   </hbox>
michael@0:                   <vbox id="all-headers" flex="1"/>
michael@0:                 </vbox>
michael@0:               </tabpanel>
michael@0:               <tabpanel id="cookies-tabpanel"
michael@0:                         class="tabpanel-content">
michael@0:                 <vbox flex="1">
michael@0:                   <vbox id="all-cookies" flex="1"/>
michael@0:                 </vbox>
michael@0:               </tabpanel>
michael@0:               <tabpanel id="params-tabpanel"
michael@0:                         class="tabpanel-content">
michael@0:                 <vbox flex="1">
michael@0:                   <vbox id="request-params-box" flex="1" hidden="true">
michael@0:                     <vbox id="request-params" flex="1"/>
michael@0:                   </vbox>
michael@0:                   <vbox id="request-post-data-textarea-box" flex="1" hidden="true">
michael@0:                     <vbox id="request-post-data-textarea" flex="1"/>
michael@0:                   </vbox>
michael@0:                 </vbox>
michael@0:               </tabpanel>
michael@0:               <tabpanel id="response-tabpanel"
michael@0:                         class="tabpanel-content">
michael@0:                 <vbox flex="1">
michael@0:                   <label id="response-content-info-header"/>
michael@0:                   <vbox id="response-content-json-box" flex="1" hidden="true">
michael@0:                     <vbox id="response-content-json" flex="1"/>
michael@0:                   </vbox>
michael@0:                   <vbox id="response-content-textarea-box" flex="1" hidden="true">
michael@0:                     <vbox id="response-content-textarea" flex="1"/>
michael@0:                   </vbox>
michael@0:                   <vbox id="response-content-image-box" flex="1" hidden="true">
michael@0:                     <image id="response-content-image"/>
michael@0:                     <hbox>
michael@0:                       <label class="plain tabpanel-summary-label"
michael@0:                              value="&netmonitorUI.response.name;"/>
michael@0:                       <label id="response-content-image-name-value"
michael@0:                              class="plain tabpanel-summary-value devtools-monospace"
michael@0:                              crop="end"
michael@0:                              flex="1"/>
michael@0:                     </hbox>
michael@0:                     <hbox>
michael@0:                       <label class="plain tabpanel-summary-label"
michael@0:                              value="&netmonitorUI.response.dimensions;"/>
michael@0:                       <label id="response-content-image-dimensions-value"
michael@0:                              class="plain tabpanel-summary-value devtools-monospace"
michael@0:                              crop="end"
michael@0:                              flex="1"/>
michael@0:                     </hbox>
michael@0:                     <hbox>
michael@0:                       <label class="plain tabpanel-summary-label"
michael@0:                              value="&netmonitorUI.response.mime;"/>
michael@0:                       <label id="response-content-image-mime-value"
michael@0:                              class="plain tabpanel-summary-value devtools-monospace"
michael@0:                              crop="end"
michael@0:                              flex="1"/>
michael@0:                     </hbox>
michael@0:                     <hbox>
michael@0:                       <label class="plain tabpanel-summary-label"
michael@0:                              value="&netmonitorUI.response.encoding;"/>
michael@0:                       <label id="response-content-image-encoding-value"
michael@0:                              class="plain tabpanel-summary-value devtools-monospace"
michael@0:                              crop="end"
michael@0:                              flex="1"/>
michael@0:                     </hbox>
michael@0:                   </vbox>
michael@0:                 </vbox>
michael@0:               </tabpanel>
michael@0:               <tabpanel id="timings-tabpanel"
michael@0:                         class="tabpanel-content">
michael@0:                 <vbox flex="1">
michael@0:                   <hbox id="timings-summary-blocked"
michael@0:                         class="tabpanel-summary-container"
michael@0:                         align="center">
michael@0:                     <label class="plain tabpanel-summary-label"
michael@0:                            value="&netmonitorUI.timings.blocked;"/>
michael@0:                     <hbox class="requests-menu-timings-box blocked"/>
michael@0:                     <label class="plain requests-menu-timings-total"/>
michael@0:                   </hbox>
michael@0:                   <hbox id="timings-summary-dns"
michael@0:                         class="tabpanel-summary-container"
michael@0:                         align="center">
michael@0:                     <label class="plain tabpanel-summary-label"
michael@0:                            value="&netmonitorUI.timings.dns;"/>
michael@0:                     <hbox class="requests-menu-timings-box dns"/>
michael@0:                     <label class="plain requests-menu-timings-total"/>
michael@0:                   </hbox>
michael@0:                   <hbox id="timings-summary-connect"
michael@0:                         class="tabpanel-summary-container"
michael@0:                         align="center">
michael@0:                     <label class="plain tabpanel-summary-label"
michael@0:                            value="&netmonitorUI.timings.connect;"/>
michael@0:                     <hbox class="requests-menu-timings-box connect"/>
michael@0:                     <label class="plain requests-menu-timings-total"/>
michael@0:                   </hbox>
michael@0:                   <hbox id="timings-summary-send"
michael@0:                         class="tabpanel-summary-container"
michael@0:                         align="center">
michael@0:                     <label class="plain tabpanel-summary-label"
michael@0:                            value="&netmonitorUI.timings.send;"/>
michael@0:                     <hbox class="requests-menu-timings-box send"/>
michael@0:                     <label class="plain requests-menu-timings-total"/>
michael@0:                   </hbox>
michael@0:                   <hbox id="timings-summary-wait"
michael@0:                         class="tabpanel-summary-container"
michael@0:                         align="center">
michael@0:                     <label class="plain tabpanel-summary-label"
michael@0:                            value="&netmonitorUI.timings.wait;"/>
michael@0:                     <hbox class="requests-menu-timings-box wait"/>
michael@0:                     <label class="plain requests-menu-timings-total"/>
michael@0:                   </hbox>
michael@0:                   <hbox id="timings-summary-receive"
michael@0:                         class="tabpanel-summary-container"
michael@0:                         align="center">
michael@0:                     <label class="plain tabpanel-summary-label"
michael@0:                            value="&netmonitorUI.timings.receive;"/>
michael@0:                     <hbox class="requests-menu-timings-box receive"/>
michael@0:                     <label class="plain requests-menu-timings-total"/>
michael@0:                   </hbox>
michael@0:                 </vbox>
michael@0:               </tabpanel>
michael@0:               <tabpanel id="preview-tabpanel"
michael@0:                         class="tabpanel-content">
michael@0:                 <html:iframe id="response-preview"
michael@0:                              frameborder="0"
michael@0:                              sandbox=""/>
michael@0:               </tabpanel>
michael@0:             </tabpanels>
michael@0:           </tabbox>
michael@0:         </deck>
michael@0:       </hbox>
michael@0: 
michael@0:       <hbox id="requests-menu-footer">
michael@0:         <button id="requests-menu-filter-all-button"
michael@0:                 class="requests-menu-filter-button requests-menu-footer-button"
michael@0:                 checked="true"
michael@0:                 data-key="all"
michael@0:                 label="&netmonitorUI.footer.filterAll;">
michael@0:         </button>
michael@0:         <button id="requests-menu-filter-html-button"
michael@0:                 class="requests-menu-filter-button requests-menu-footer-button"
michael@0:                 data-key="html"
michael@0:                 label="&netmonitorUI.footer.filterHTML;">
michael@0:         </button>
michael@0:         <button id="requests-menu-filter-css-button"
michael@0:                 class="requests-menu-filter-button requests-menu-footer-button"
michael@0:                 data-key="css"
michael@0:                 label="&netmonitorUI.footer.filterCSS;">
michael@0:         </button>
michael@0:         <button id="requests-menu-filter-js-button"
michael@0:                 class="requests-menu-filter-button requests-menu-footer-button"
michael@0:                 data-key="js"
michael@0:                 label="&netmonitorUI.footer.filterJS;">
michael@0:         </button>
michael@0:         <button id="requests-menu-filter-xhr-button"
michael@0:                 class="requests-menu-filter-button requests-menu-footer-button"
michael@0:                 data-key="xhr"
michael@0:                 label="&netmonitorUI.footer.filterXHR;">
michael@0:         </button>
michael@0:         <button id="requests-menu-filter-fonts-button"
michael@0:                 class="requests-menu-filter-button requests-menu-footer-button"
michael@0:                 data-key="fonts"
michael@0:                 label="&netmonitorUI.footer.filterFonts;">
michael@0:         </button>
michael@0:         <button id="requests-menu-filter-images-button"
michael@0:                 class="requests-menu-filter-button requests-menu-footer-button"
michael@0:                 data-key="images"
michael@0:                 label="&netmonitorUI.footer.filterImages;">
michael@0:         </button>
michael@0:         <button id="requests-menu-filter-media-button"
michael@0:                 class="requests-menu-filter-button requests-menu-footer-button"
michael@0:                 data-key="media"
michael@0:                 label="&netmonitorUI.footer.filterMedia;">
michael@0:         </button>
michael@0:         <button id="requests-menu-filter-flash-button"
michael@0:                 class="requests-menu-filter-button requests-menu-footer-button"
michael@0:                 data-key="flash"
michael@0:                 label="&netmonitorUI.footer.filterFlash;">
michael@0:         </button>
michael@0:         <button id="requests-menu-filter-other-button"
michael@0:                 class="requests-menu-filter-button requests-menu-footer-button"
michael@0:                 data-key="other"
michael@0:                 label="&netmonitorUI.footer.filterOther;">
michael@0:         </button>
michael@0:         <spacer id="requests-menu-spacer"
michael@0:                 class="requests-menu-footer-spacer"
michael@0:                 flex="100"/>
michael@0:         <button id="requests-menu-network-summary-button"
michael@0:                 class="requests-menu-footer-button"
michael@0:                 tooltiptext="&netmonitorUI.footer.perf;"/>
michael@0:         <label id="requests-menu-network-summary-label"
michael@0:                class="plain requests-menu-footer-label"
michael@0:                crop="end"
michael@0:                tooltiptext="&netmonitorUI.footer.perf;"/>
michael@0:         <button id="requests-menu-clear-button"
michael@0:                 class="requests-menu-footer-button"
michael@0:                 label="&netmonitorUI.footer.clear;"/>
michael@0:       </hbox>
michael@0: 
michael@0:     </vbox>
michael@0: 
michael@0:     <box id="network-statistics-view">
michael@0:       <toolbar id="network-statistics-toolbar"
michael@0:                class="devtools-toolbar">
michael@0:         <button id="network-statistics-back-button"
michael@0:                 class="devtools-toolbarbutton"
michael@0:                 label="&netmonitorUI.backButton;"/>
michael@0:       </toolbar>
michael@0:       <box id="network-statistics-charts"
michael@0:            class="devtools-responsive-container"
michael@0:            flex="1">
michael@0:         <vbox id="primed-cache-chart" pack="center" flex="1"/>
michael@0:         <splitter id="network-statistics-view-splitter"
michael@0:                   class="devtools-side-splitter"/>
michael@0:         <vbox id="empty-cache-chart" pack="center" flex="1"/>
michael@0:       </box>
michael@0:     </box>
michael@0: 
michael@0:   </deck>
michael@0: 
michael@0: </window>