diff options
Diffstat (limited to '')
| -rw-r--r-- | devtools/client/styleeditor/index.xhtml | 256 |
1 files changed, 256 insertions, 0 deletions
diff --git a/devtools/client/styleeditor/index.xhtml b/devtools/client/styleeditor/index.xhtml new file mode 100644 index 0000000000..460e0545ac --- /dev/null +++ b/devtools/client/styleeditor/index.xhtml @@ -0,0 +1,256 @@ +<?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> + +<window + xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" + xmlns:html="http://www.w3.org/1999/xhtml" + id="style-editor-chrome-window" +> + <linkset> + <html:link rel="stylesheet" href="chrome://global/skin/global.css" /> + <html:link + rel="stylesheet" + href="chrome://devtools/content/shared/widgets/widgets.css" + /> + <html:link + rel="stylesheet" + href="chrome://devtools/content/shared/toolbarbutton.css" + /> + <html:link rel="stylesheet" href="chrome://devtools/skin/chart.css" /> + <html:link rel="stylesheet" href="chrome://devtools/skin/widgets.css" /> + <html:link rel="stylesheet" href="chrome://devtools/skin/splitview.css" /> + <html:link rel="stylesheet" href="chrome://devtools/skin/styleeditor.css" /> + + <html:link rel="localization" href="toolkit/global/textActions.ftl" /> + <html:link rel="localization" href="devtools/client/styleeditor.ftl" /> + </linkset> + + <script src="chrome://devtools/content/shared/theme-switching.js" /> + <script src="chrome://global/content/globalOverlay.js" /> + <script src="chrome://browser/content/utilityOverlay.js" /> + <script src="chrome://global/content/editMenuOverlay.js" /> + <script> + "use strict"; + /* import-globals-from ../../../toolkit/content/globalOverlay.js */ + /* import-globals-from ../../../toolkit/content/editMenuOverlay.js */ + /* exported goUpdateSourceEditorMenuItems */ + function goUpdateSourceEditorMenuItems() { + goUpdateGlobalEditMenuItems(); + + [ + "cmd_undo", + "cmd_redo", + "cmd_cut", + "cmd_paste", + "cmd_delete", + "cmd_find", + "cmd_findAgain", + ].forEach(goUpdateCommand); + } + </script> + + <popupset id="style-editor-popups"> + <menupopup + id="sourceEditorContextMenu" + incontentshell="false" + onpopupshowing="goUpdateSourceEditorMenuItems()" + > + <menuitem + id="cMenu_undo" + data-l10n-id="text-action-undo" + command="cmd_undo" + /> + <menuseparator /> + <menuitem + id="cMenu_cut" + data-l10n-id="text-action-cut" + command="cmd_cut" + /> + <menuitem + id="cMenu_copy" + data-l10n-id="text-action-copy" + command="cmd_copy" + /> + <menuitem + id="cMenu_paste" + data-l10n-id="text-action-paste" + command="cmd_paste" + /> + <menuitem + id="cMenu_delete" + data-l10n-id="text-action-delete" + command="cmd_delete" + /> + <menuseparator /> + <menuitem + id="cMenu_selectAll" + data-l10n-id="text-action-select-all" + command="cmd_selectAll" + /> + <menuseparator /> + <menuitem + id="se-menu-find" + data-l10n-id="styleeditor-find" + command="cmd_find" + /> + <menuitem + id="cMenu_findAgain" + data-l10n-id="styleeditor-find-again" + command="cmd_findAgain" + /> + <menuseparator /> + <menuitem + id="se-menu-gotoLine" + data-l10n-id="styleeditor-go-to-line" + command="cmd_gotoLine" + /> + </menupopup> + <menupopup id="sidebar-context" incontentshell="false"> + <menuitem + id="context-openlinknewtab" + data-l10n-id="styleeditor-open-link-new-tab" + /> + <menuitem id="context-copyurl" data-l10n-id="styleeditor-copy-url" /> + </menupopup> + </popupset> + + <commandset id="sourceEditorCommands"> + <command id="cmd_gotoLine" oncommand="goDoCommand('cmd_gotoLine')" /> + <command id="cmd_find" oncommand="goDoCommand('cmd_find')" /> + <command id="cmd_findAgain" oncommand="goDoCommand('cmd_findAgain')" /> + </commandset> + + <keyset id="sourceEditorKeys" /> + + <box + id="style-editor-chrome" + class="devtools-responsive-container loading theme-body" + context="sidebar-context" + > + <box class="splitview-controller"> + <box class="splitview-main"> + <toolbar class="devtools-toolbar"> + <toolbarbutton + class="style-editor-newButton devtools-toolbarbutton" + data-l10n-id="styleeditor-new-button" + /> + <toolbarbutton + class="style-editor-importButton devtools-toolbarbutton" + data-l10n-id="styleeditor-import-button" + /> + <toolbaritem class="devtools-searchbox" flex="1"> + <html:input + class="devtools-filterinput" + data-l10n-id="styleeditor-filter-input" + /> + <html:button + class="devtools-searchinput-clear" + tabindex="-1" + hidden="" + ></html:button> + </toolbaritem> + <toolbarbutton + id="style-editor-options" + class="devtools-toolbarbutton devtools-option-toolbarbutton" + data-l10n-id="styleeditor-options-button" + /> + </toolbar> + </box> + <box + id="splitview-resizer-target" + class="theme-sidebar splitview-nav-container" + persist="height" + > + <html:ol class="splitview-nav" tabindex="0"></html:ol> + <html:div class="splitview-nav placeholder empty"> + <html:p> + <html:strong data-l10n-id="styleeditor-no-stylesheet"></html:strong> + </html:p> + <html:p data-l10n-id="styleeditor-no-stylesheet-tip"> + <html:a + class="style-editor-newButton" + data-l10n-name="append-new-stylesheet" + href="#" + /> + </html:p> + </html:div> + <html:div class="splitview-nav placeholder all-filtered"> + <html:p data-l10n-id="styleeditor-stylesheet-all-filtered"></html:p> + </html:div> + </box> + </box> + <splitter + class="devtools-side-splitter devtools-invisible-splitter" + resizebefore="sibling" + resizeafter="none" + /> + <box> + <box class="splitview-side-details devtools-main-content" /> + <html:footer + class="devtools-toolbar stylesheet-editor-status" + hidden="true" + > + <html:button + class="devtools-button style-editor-prettyPrintButton" + data-l10n-id="styleeditor-pretty-print-button" + /> + </html:footer> + </box> + + <html:div id="splitview-templates" hidden=""> + <html:li id="splitview-tpl-summary-stylesheet" tabindex="0"> + <label + class="stylesheet-toggle" + tabindex="0" + data-l10n-id="styleeditor-visibility-toggle" + ></label> + <html:hgroup class="stylesheet-info"> + <html:h1 + ><html:a class="stylesheet-name" tabindex="0" + ><label crop="center" /></html:a + ></html:h1> + <html:div class="stylesheet-more"> + <html:h3 class="stylesheet-title"></html:h3> + <html:h3 class="stylesheet-linked-file"></html:h3> + <html:h3 + class="stylesheet-rule-count" + data-l10n-id="styleeditor-stylesheet-rule-count" + data-l10n-args='{"ruleCount": 0}' + ></html:h3> + <spacer /> + <html:h3 + ><label + class="stylesheet-saveButton" + data-l10n-id="styleeditor-save-button" + ></label + ></html:h3> + </html:div> + </html:hgroup> + </html:li> + + <box id="splitview-tpl-details-stylesheet" class="splitview-details"> + <hbox class="stylesheet-details-container"> + <box class="stylesheet-editor-input textbox" /> + <splitter + class="devtools-side-splitter" + resizebefore="none" + resizeafter="sibling" + /> + <vbox class="stylesheet-sidebar theme-sidebar" hidden="true"> + <toolbar + class="devtools-toolbar" + data-l10n-id="styleeditor-at-rules" + > + </toolbar> + <vbox class="stylesheet-at-rules-container" flex="1"> + <html:div class="stylesheet-at-rules-list" /> + </vbox> + </vbox> + </hbox> + </box> + </html:div> + </box> +</window> |