summaryrefslogtreecommitdiffstats
path: root/devtools/client/styleeditor/styleeditor.xul
diff options
context:
space:
mode:
Diffstat (limited to 'devtools/client/styleeditor/styleeditor.xul')
-rw-r--r--devtools/client/styleeditor/styleeditor.xul220
1 files changed, 220 insertions, 0 deletions
diff --git a/devtools/client/styleeditor/styleeditor.xul b/devtools/client/styleeditor/styleeditor.xul
new file mode 100644
index 000000000..1a5926159
--- /dev/null
+++ b/devtools/client/styleeditor/styleeditor.xul
@@ -0,0 +1,220 @@
+<?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/. -->
+<!DOCTYPE window [
+<!ENTITY % styleEditorDTD SYSTEM "chrome://devtools/locale/styleeditor.dtd" >
+ %styleEditorDTD;
+<!ENTITY % editMenuStrings SYSTEM "chrome://global/locale/editMenuOverlay.dtd">
+ %editMenuStrings;
+<!ENTITY % sourceEditorStrings SYSTEM "chrome://devtools/locale/sourceeditor.dtd">
+ %sourceEditorStrings;
+<!ENTITY % csscoverageDTD SYSTEM "chrome://devtools-shared/locale/csscoverage.dtd">
+ %csscoverageDTD;
+]>
+
+<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
+<?xml-stylesheet href="chrome://devtools/content/shared/widgets/widgets.css" type="text/css"?>
+<?xml-stylesheet href="chrome://devtools/content/shared/splitview.css" type="text/css"?>
+<?xml-stylesheet href="chrome://devtools/skin/widgets.css" type="text/css"?>
+<?xml-stylesheet href="chrome://devtools/skin/splitview.css" type="text/css"?>
+<?xml-stylesheet href="chrome://devtools/skin/styleeditor.css" type="text/css"?>
+<?xul-overlay href="chrome://global/content/editMenuOverlay.xul"?>
+
+<xul:window xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ xmlns="http://www.w3.org/1999/xhtml"
+ id="style-editor-chrome-window">
+
+ <script type="application/javascript;version=1.8"
+ src="chrome://devtools/content/shared/theme-switching.js"/>
+ <xul:script type="application/javascript" src="chrome://global/content/globalOverlay.js"/>
+ <xul:script type="application/javascript" src="chrome://browser/content/utilityOverlay.js"/>
+ <xul:script type="application/javascript">
+ function goUpdateSourceEditorMenuItems() {
+ goUpdateGlobalEditMenuItems();
+
+ ['cmd_undo', 'cmd_redo', 'cmd_cut', 'cmd_paste',
+ 'cmd_delete', 'cmd_find', 'cmd_findAgain'].forEach(goUpdateCommand);
+ }
+ </xul:script>
+
+ <xul:popupset id="style-editor-popups">
+ <xul:menupopup id="sourceEditorContextMenu"
+ onpopupshowing="goUpdateSourceEditorMenuItems()">
+ <xul:menuitem id="cMenu_undo"/>
+ <xul:menuseparator/>
+ <xul:menuitem id="cMenu_cut"/>
+ <xul:menuitem id="cMenu_copy"/>
+ <xul:menuitem id="cMenu_paste"/>
+ <xul:menuitem id="cMenu_delete"/>
+ <xul:menuseparator/>
+ <xul:menuitem id="cMenu_selectAll"/>
+ <xul:menuseparator/>
+ <xul:menuitem id="se-menu-find"
+ label="&findCmd.label;" accesskey="&findCmd.accesskey;" command="cmd_find"/>
+ <xul:menuitem id="cMenu_findAgain"/>
+ <xul:menuseparator/>
+ <xul:menuitem id="se-menu-gotoLine"
+ label="&gotoLineCmd.label;"
+ accesskey="&gotoLineCmd.accesskey;"
+ key="key_gotoLine"
+ command="cmd_gotoLine"/>
+ </xul:menupopup>
+ <xul:menupopup id="sidebar-context">
+ <xul:menuitem id="context-openlinknewtab"
+ label="&openLinkNewTab.label;"/>
+ </xul:menupopup>
+ <xul:menupopup id="style-editor-options-popup"
+ position="before_start">
+ <xul:menuitem id="options-origsources"
+ type="checkbox"
+ label="&showOriginalSources.label;"
+ accesskey="&showOriginalSources.accesskey;"/>
+ <xul:menuitem id="options-show-media"
+ type="checkbox"
+ label="&showMediaSidebar.label;"
+ accesskey="&showMediaSidebar.accesskey;"/>
+ </xul:menupopup>
+ </xul:popupset>
+
+ <xul:commandset id="editMenuCommands"/>
+
+ <xul:commandset id="sourceEditorCommands">
+ <xul:command id="cmd_gotoLine" oncommand="goDoCommand('cmd_gotoLine')"/>
+ <xul:command id="cmd_find" oncommand="goDoCommand('cmd_find')"/>
+ <xul:command id="cmd_findAgain" oncommand="goDoCommand('cmd_findAgain')"/>
+ </xul:commandset>
+
+ <xul:keyset id="sourceEditorKeys"/>
+
+ <xul:stack id="style-editor-chrome" class="loading theme-body">
+
+ <xul:box class="splitview-root devtools-responsive-container" context="sidebar-context">
+ <xul:box class="splitview-controller">
+ <xul:box class="splitview-main">
+ <xul:toolbar class="devtools-toolbar">
+ <xul:hbox class="devtools-toolbarbutton-group">
+ <xul:toolbarbutton class="style-editor-newButton devtools-toolbarbutton"
+ accesskey="&newButton.accesskey;"
+ tooltiptext="&newButton.tooltip;"/>
+ <xul:toolbarbutton class="style-editor-importButton devtools-toolbarbutton"
+ accesskey="&importButton.accesskey;"
+ tooltiptext="&importButton.tooltip;"/>
+ </xul:hbox>
+ <xul:spacer/>
+ <xul:toolbarbutton id="style-editor-options"
+ class="devtools-toolbarbutton devtools-option-toolbarbutton"
+ tooltiptext="&optionsButton.tooltip;"
+ popup="style-editor-options-popup"/>
+ </xul:toolbar>
+ </xul:box>
+ <xul:box id="splitview-resizer-target" class="theme-sidebar splitview-nav-container"
+ persist="height">
+ <div class="devtools-throbber"></div>
+ <ol class="splitview-nav" tabindex="0"></ol>
+ <div class="splitview-nav placeholder empty">
+ <p><strong>&noStyleSheet.label;</strong></p>
+ <p>&noStyleSheet-tip-start.label;
+ <a href="#"
+ class="style-editor-newButton">&noStyleSheet-tip-action.label;</a>
+ &noStyleSheet-tip-end.label;</p>
+ </div>
+ </xul:box> <!-- .splitview-nav-container -->
+ </xul:box> <!-- .splitview-controller -->
+ <xul:splitter class="devtools-side-splitter devtools-invisible-splitter"/>
+ <xul:box class="splitview-side-details devtools-main-content"/>
+
+ <div id="splitview-templates" hidden="true">
+ <li id="splitview-tpl-summary-stylesheet" tabindex="0">
+ <xul:label class="stylesheet-enabled" tabindex="0"
+ tooltiptext="&visibilityToggle.tooltip;"
+ accesskey="&saveButton.accesskey;"></xul:label>
+ <hgroup class="stylesheet-info">
+ <h1><a class="stylesheet-name" tabindex="0"><xul:label crop="center"/></a></h1>
+ <div class="stylesheet-more">
+ <h3 class="stylesheet-title"></h3>
+ <h3 class="stylesheet-linked-file"></h3>
+ <h3 class="stylesheet-rule-count"></h3>
+ <xul:spacer/>
+ <h3><xul:label class="stylesheet-saveButton"
+ tooltiptext="&saveButton.tooltip;"
+ accesskey="&saveButton.accesskey;">&saveButton.label;</xul:label></h3>
+ </div>
+ </hgroup>
+ </li>
+
+ <xul:box id="splitview-tpl-details-stylesheet" class="splitview-details">
+ <xul:hbox class="stylesheet-details-container">
+ <xul:box class="stylesheet-editor-input textbox"
+ data-placeholder="&editorTextbox.placeholder;"/>
+ <xul:splitter class="devtools-side-splitter"/>
+ <xul:vbox class="stylesheet-sidebar theme-sidebar" hidden="true">
+ <xul:toolbar class="devtools-toolbar">
+ &mediaRules.label;
+ </xul:toolbar>
+ <xul:vbox class="stylesheet-media-container" flex="1">
+ <div class="stylesheet-media-list" />
+ </xul:vbox>
+ </xul:vbox>
+ </xul:hbox>
+ </xul:box>
+ </div> <!-- #splitview-templates -->
+ </xul:box> <!-- .splitview-root -->
+
+ <xul:box class="csscoverage-template" hidden="true">
+ <xul:toolbar class="devtools-toolbar csscoverage-toolbar">
+ <xul:button class="devtools-toolbarbutton csscoverage-toolbarbutton"
+ label="&csscoverage.backButton;"
+ onclick="${onback}"/>
+ </xul:toolbar>
+ <!-- The data for this comes from CSSUsageActor.createPageReport -->
+ <div class="csscoverage-report-container">
+ <div class="csscoverage-report-content">
+ <div class="csscoverage-report-summary">
+ <div class="csscoverage-report-chart"/>
+ </div>
+ <div class="csscoverage-report-unused">
+ <h2>&csscoverage.unused;</h2>
+ <p>&csscoverage.noMatches;</p>
+ <div foreach="page in ${unused}">
+ <h3>${page.url}</h3>
+ <code foreach="rule in ${page.rules}"
+ href="${rule.url}"
+ class="csscoverage-list">${rule.selectorText}</code>
+ </div>
+ </div>
+ <div class="csscoverage-report-optimize">
+ <h2>&csscoverage.optimize.header;</h2>
+ <p>
+ &csscoverage.optimize.body1;
+ <code>&lt;link ...></code>
+ &csscoverage.optimize.body2;
+ <code>&lt;style>...</code>
+ &csscoverage.optimize.body3;
+ </p>
+ <div if="${preload.length == 0}">&csscoverage.optimize.bodyX;</div>
+ <div if="${preload.length > 0}">
+ <div foreach="page in ${preload}">
+ <h3>${page.url}</h3>
+ <textarea>&lt;style>
+<loop foreach="rule in ${page.rules}"
+ onclick="${rule.onclick}">${rule.formattedCssText}</loop>&lt;/style></textarea>
+ </div>
+ </div>
+ <p>
+ &csscoverage.footer1;
+ <a target="_blank" href="&csscoverage.footer2a;">&csscoverage.footer3;</a>
+ &csscoverage.footer4;
+ </p>
+ </div>
+ <p>&#160;</p>
+ </div>
+ </div>
+ </xul:box>
+
+ <xul:box class="csscoverage-report" hidden="true">
+ </xul:box>
+
+ </xul:stack>
+
+</xul:window>