221 lines
9.6 KiB
XML
221 lines
9.6 KiB
XML
<?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><link ...></code>
|
|
&csscoverage.optimize.body2;
|
|
<code><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><style>
|
|
<loop foreach="rule in ${page.rules}"
|
|
onclick="${rule.onclick}">${rule.formattedCssText}</loop></style></textarea>
|
|
</div>
|
|
</div>
|
|
<p>
|
|
&csscoverage.footer1;
|
|
<a target="_blank" href="&csscoverage.footer2a;">&csscoverage.footer3;</a>
|
|
&csscoverage.footer4;
|
|
</p>
|
|
</div>
|
|
<p> </p>
|
|
</div>
|
|
</div>
|
|
</xul:box>
|
|
|
|
<xul:box class="csscoverage-report" hidden="true">
|
|
</xul:box>
|
|
|
|
</xul:stack>
|
|
|
|
</xul:window>
|