Rework API reference pages

chrome/common/extensions/docs/templates/private/api_summary.html

Index: chrome/common/extensions/docs/templates/private/api_summary.html
diff --git a/chrome/common/extensions/docs/templates/private/api_summary.html b/chrome/common/extensions/docs/templates/private/api_summary.html
new file mode 100644
index 0000000000000000000000000000000000000000..d44938fbbdcacd65f2f81c7083c1fdc75cfc9a84
--- /dev/null
+++ b/chrome/common/extensions/docs/templates/private/api_summary.html
@@ -0,0 +1,38 @@
+<section id="toc">

[not at google - send to devlin, 2014/01/03 23:30:24]

unless you hide the TOC for the main page (which... you're not right, since
there's also potentially an intro on these pages) this means two elements will
have the same ID. why does this need to have "toc" id?

[Renato Mangini (chromium), 2014/02/06 03:19:17]

I'm not sure if I follow you. This IS the TOC for api.html pages. id="toc"
section is only defined here and in article.html, which is in a different
hierarchy. article.html is used in standard_apps_article.html, and api.html is
used in standard_apps_api.html.

+<h2>Summary</h2>
+<table class="apisummary">
+  <tr>
+  {{?api.types}}
+    <tr><th colspan="2">Types</th></tr>
+    {{#t:api.types}}
+      <tr><td><a href="#{{t.id}}">{{t.name}}</a></td></tr>
+    {{/}}
+  {{/api.types}}
+  {{?api.properties}}
+    <tr><th colspan="2">Properties</th></tr>
+    {{#p:api.properties}}
+      <tr><td><a href="#{{p.id}}">{{p.name}}</a></td>
+    {{/}}
+  {{/api.properties}}
+  {{?api.functions}}
+    <tr><th colspan="2">Methods</th></tr>
+    {{#f:api.functions}}
+      <tr><td><a href="#{{f.id}}">
+        {{+partials.function_signature function:f api:api no_link:f.id/}}
+      </a></td></tr>
+    {{/}}
+  {{/api.functions}}
+  {{?api.events}}
+    <tr><th colspan="2">Events</th></tr>
+    {{#e:api.events}}
+      <tr><td><a href="#{{e.id}}">{{e.name}}</a></td></tr>
+    {{/}}
+  {{/api.events}}
+  {{?api.domEvents}}
+    <tr><th colspan="2">DOM Events</th></tr>
+    {{#e:api.domEvents}}
+      <tr><td><a href="#{{e.id}}">{{e.name}}</a></td></tr>
+    {{/api.domEvents}}
+  {{/api.domEvents}}
+</table>
+</section>