Add UI for RuntimeErrors in the ErrorConsole

chrome/browser/resources/extensions/extension_error.html

Index: chrome/browser/resources/extensions/extension_error.html
diff --git a/chrome/browser/resources/extensions/extension_error.html b/chrome/browser/resources/extensions/extension_error.html
index eb8989eb8eb13f7af60cb13a90585fb1a9cd1977..0d11efa1e2d88290adc873f5c050fb8775830d20 100644
--- a/chrome/browser/resources/extensions/extension_error.html
+++ b/chrome/browser/resources/extensions/extension_error.html
@@ -5,13 +5,32 @@ in the LICENSE file.
 -->
 <div id="template-collection-extension-error" hidden>
   <div class="extension-error-list">
-    <span i18n-content="extensionErrorsManifestErrors"></span>
+    <span class="extension-error-list-title"></span>
     <ul class="extension-error-list-contents"></ul>
     <div class="extension-error-list-show-more">
       <a i18n-content="extensionErrorsShowMore" hidden></a>
     </div>
   </div>
+
+  <div class="extension-error-detailed-wrapper">

[not at google - send to devlin, 2013/09/05 00:37:16]

"detailed" seems deliberate here but it looks weird, maybe comments would help
here... but I'm not that familiar with the idiom of comments in webui

[Devlin, 2013/09/05 17:53:55]

I don't usually see comments in the HTML, but we can add them if they're
necessary.  Does the addition of simple-wrapper here make it clear enough, or
would more explanation be better?

+    <details>
+      <summary></summary>
+      <div class="extension-error-details"></div>
+    </details>
+  </div>
+
   <div class="extension-error-metadata">
     <span class="extension-error-message"></span>
   </div>
+
+  <div class="extension-error-context-wrapper">
+    <span i18n-content="extensionErrorContext"></span>
+    <a></a>
+  </div>
+
+  <details class="extension-error-stack-trace">
+    <summary class="extension-error-stack-trace-label"
+             i18n-content="extensionErrorStackTrace"></summary>
+    <ul class="extension-error-stack-trace-list"></ul>
+  </details>
 </div>