1<?xml version="1.0" encoding="UTF-8"?>
2<!-- This Source Code Form is subject to the terms of the Mozilla Public
3   - License, v. 2.0. If a copy of the MPL was not distributed with this
4   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
5<!DOCTYPE html>
6
7<html xmlns="http://www.w3.org/1999/xhtml">
8<head>
9  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
10  <link rel="stylesheet" href="chrome://devtools/skin/markup.css" type="text/css"/>
11  <link rel="stylesheet" href="chrome://devtools/content/sourceeditor/codemirror/lib/codemirror.css" type="text/css"/>
12  <link rel="stylesheet" href="chrome://devtools/content/sourceeditor/codemirror/addon/dialog/dialog.css" type="text/css"/>
13  <link rel="stylesheet" href="chrome://devtools/content/sourceeditor/codemirror/mozilla.css" type="text/css"/>
14
15  <script type="application/javascript;version=1.8"
16          src="chrome://devtools/content/shared/theme-switching.js"></script>
17  <script type="application/javascript;version=1.8"
18          src="chrome://devtools/content/sourceeditor/codemirror/codemirror.bundle.js"></script>
19
20</head>
21<body class="theme-body devtools-monospace" role="application">
22
23<!-- NOTE THAT WE MAKE EXTENSIVE USE OF HTML COMMENTS IN THIS FILE IN ORDER -->
24<!-- TO MAKE SPANS READABLE WHILST AVOIDING SIGNIFICANT WHITESPACE          -->
25
26  <div id="root-wrapper" role="presentation">
27    <div id="root" role="presentation"></div>
28  </div>
29  <div id="templates" style="display:none">
30
31    <ul class="children">
32      <li id="template-elementcontainer" save="${elt}" class="child collapsed" role="presentation">
33        <div save="${tagLine}" id="${id}" class="tag-line" role="treeitem" aria-level="${level}" aria-grabbed="${isDragging}"><!--
34        --><span save="${tagState}" class="tag-state" role="presentation"></span><!--
35        --><span save="${expander}" class="theme-twisty expander" role="presentation"></span><!--
36     --></div>
37        <ul save="${children}" class="children" role="group"></ul>
38      </li>
39
40      <li id="template-textcontainer" save="${elt}" class="child collapsed" role="presentation">
41        <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>
42        <ul save="${children}" class="children" role="group"></ul>
43      </li>
44
45      <li id="template-readonlycontainer" save="${elt}" class="child collapsed" role="presentation">
46        <div save="${tagLine}" id="${id}" class="tag-line" role="treeitem" aria-level="${level}" aria-grabbed="${isDragging}"><!--
47        --><span save="${tagState}" class="tag-state" role="presentation"></span><!--
48        --><span save="${expander}" class="theme-twisty expander" role="presentation"></span><!--
49     --></div>
50        <ul save="${children}" class="children" role="group"></ul>
51      </li>
52
53      <li id="template-more-nodes"
54          class="more-nodes devtools-class-comment"
55          save="${elt}"><!--
56      --><span>${showing}</span> <!--
57      --><button href="#" onclick="${allButtonClick}">${showAll}</button>
58      </li>
59    </ul>
60
61    <span id="template-generic" save="${elt}" class="editor"><span save="${tag}" class="tag"></span></span>
62
63    <span id="template-element" save="${elt}" class="editor"><!--
64   --><span class="open">&lt;<!--
65     --><span save="${tag}" class="tag theme-fg-color3" tabindex="-1"></span><!--
66     --><span save="${attrList}"></span><!--
67     --><span save="${newAttr}" class="newattr" tabindex="-1"></span><!--
68     --><span class="closing-bracket">&gt;</span><!--
69   --></span><!--
70   --><span class="close">&lt;/<!--
71     --><span save="${closeTag}" class="tag theme-fg-color3"></span><!--
72     -->&gt;<!--
73   --></span><!--
74     --><div save="${eventNode}" class="markupview-events" data-event="true">ev</div><!--
75 --></span>
76
77    <span id="template-attribute"
78          save="${attr}"
79          data-attr="${attrName}"
80          data-value="${attrValue}"
81          class="attreditor"
82          style="display:none"> <!--
83   --><span class="editable" save="${inner}" tabindex="${tabindex}"><!--
84     --><span save="${name}" class="attr-name theme-fg-color2"></span><!--
85     -->=&quot;<!--
86     --><span save="${val}" class="attr-value theme-fg-color6"></span><!--
87     -->&quot;<!--
88   --></span><!--
89 --></span>
90
91    <span id="template-text" save="${elt}" class="editor text"><!--
92   --><pre save="${value}" style="display:inline-block; white-space: normal;" tabindex="-1"></pre><!--
93 --></span>
94
95    <span id="template-comment"
96          save="${elt}"
97          class="editor comment theme-comment"><!--
98   --><span>&lt;!--</span><!--
99   --><pre save="${value}" style="display:inline-block; white-space: normal;" tabindex="-1"></pre><!--
100   --><span>--&gt;</span><!--
101 --></span>
102
103  </div>
104</body>
105</html>
106