diff options
Diffstat (limited to 'devtools/client/inspector/markup/markup.xhtml')
| -rw-r--r-- | devtools/client/inspector/markup/markup.xhtml | 105 |
1 files changed, 105 insertions, 0 deletions
diff --git a/devtools/client/inspector/markup/markup.xhtml b/devtools/client/inspector/markup/markup.xhtml new file mode 100644 index 000000000..88b06aadd --- /dev/null +++ b/devtools/client/inspector/markup/markup.xhtml @@ -0,0 +1,105 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!-- 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 html> + +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <link rel="stylesheet" href="chrome://devtools/skin/markup.css" type="text/css"/> + <link rel="stylesheet" href="chrome://devtools/content/sourceeditor/codemirror/lib/codemirror.css" type="text/css"/> + <link rel="stylesheet" href="chrome://devtools/content/sourceeditor/codemirror/addon/dialog/dialog.css" type="text/css"/> + <link rel="stylesheet" href="chrome://devtools/content/sourceeditor/codemirror/mozilla.css" type="text/css"/> + + <script type="application/javascript;version=1.8" + src="chrome://devtools/content/shared/theme-switching.js"></script> + <script type="application/javascript;version=1.8" + src="chrome://devtools/content/sourceeditor/codemirror/codemirror.bundle.js"></script> + +</head> +<body class="theme-body devtools-monospace" role="application"> + +<!-- NOTE THAT WE MAKE EXTENSIVE USE OF HTML COMMENTS IN THIS FILE IN ORDER --> +<!-- TO MAKE SPANS READABLE WHILST AVOIDING SIGNIFICANT WHITESPACE --> + + <div id="root-wrapper" role="presentation"> + <div id="root" role="presentation"></div> + </div> + <div id="templates" style="display:none"> + + <ul class="children"> + <li id="template-elementcontainer" save="${elt}" class="child collapsed" role="presentation"> + <div save="${tagLine}" id="${id}" class="tag-line" role="treeitem" aria-level="${level}" aria-grabbed="${isDragging}"><!-- + --><span save="${tagState}" class="tag-state" role="presentation"></span><!-- + --><span save="${expander}" class="theme-twisty expander" role="presentation"></span><!-- + --></div> + <ul save="${children}" class="children" role="group"></ul> + </li> + + <li id="template-textcontainer" save="${elt}" class="child collapsed" role="presentation"> + <div save="${tagLine}" id="${id}" class="tag-line" role="treeitem" aria-level="${level}" aria-grabbed="${isDragging}"><span save="${tagState}" class="tag-state" role="presentation"></span></div> + <ul save="${children}" class="children" role="group"></ul> + </li> + + <li id="template-readonlycontainer" save="${elt}" class="child collapsed" role="presentation"> + <div save="${tagLine}" id="${id}" class="tag-line" role="treeitem" aria-level="${level}" aria-grabbed="${isDragging}"><!-- + --><span save="${tagState}" class="tag-state" role="presentation"></span><!-- + --><span save="${expander}" class="theme-twisty expander" role="presentation"></span><!-- + --></div> + <ul save="${children}" class="children" role="group"></ul> + </li> + + <li id="template-more-nodes" + class="more-nodes devtools-class-comment" + save="${elt}"><!-- + --><span>${showing}</span> <!-- + --><button href="#" onclick="${allButtonClick}">${showAll}</button> + </li> + </ul> + + <span id="template-generic" save="${elt}" class="editor"><span save="${tag}" class="tag"></span></span> + + <span id="template-element" save="${elt}" class="editor"><!-- + --><span class="open"><<!-- + --><span save="${tag}" class="tag theme-fg-color3" tabindex="-1"></span><!-- + --><span save="${attrList}"></span><!-- + --><span save="${newAttr}" class="newattr" tabindex="-1"></span><!-- + --><span class="closing-bracket">></span><!-- + --></span><!-- + --><span class="close"></<!-- + --><span save="${closeTag}" class="tag theme-fg-color3"></span><!-- + -->><!-- + --></span><!-- + --><div save="${eventNode}" class="markupview-events" data-event="true">ev</div><!-- + --></span> + + <span id="template-attribute" + save="${attr}" + data-attr="${attrName}" + data-value="${attrValue}" + class="attreditor" + style="display:none"> <!-- + --><span class="editable" save="${inner}" tabindex="${tabindex}"><!-- + --><span save="${name}" class="attr-name theme-fg-color2"></span><!-- + -->="<!-- + --><span save="${val}" class="attr-value theme-fg-color6"></span><!-- + -->"<!-- + --></span><!-- + --></span> + + <span id="template-text" save="${elt}" class="editor text"><!-- + --><pre save="${value}" style="display:inline-block; white-space: normal;" tabindex="-1"></pre><!-- + --></span> + + <span id="template-comment" + save="${elt}" + class="editor comment theme-comment"><!-- + --><span><!--</span><!-- + --><pre save="${value}" style="display:inline-block; white-space: normal;" tabindex="-1"></pre><!-- + --><span>--></span><!-- + --></span> + + </div> +</body> +</html> |