markup.xhtml 4.8 KB

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