Web components based app to view dart docs. Still has rough edges.

client/web/index.html

Index: client/web/index.html
diff --git a/client/web/index.html b/client/web/index.html
index 2ca6306eec31bd6f888d6a925d48ab550f7367ea..3c8806757f95373a392d7ff99e6b8c36ab74d02b 100644
--- a/client/web/index.html
+++ b/client/web/index.html
@@ -10,6 +10,7 @@
 
     <link rel="stylesheet" type="text/css" href="static/apidoc-styles.css" />
     <link rel="components" href="doc_link.html">
+    <link rel="components" href="element_summary.html">
 
     <script type="text/javascript">
       var _gaq = _gaq || [];

[Siggi Cherem (dart-lang), 2012/12/19 19:47:33]

is this standard google analytics code? maybe put a comment about it?

[Jacob, 2013/01/02 19:54:58]

It is. Added comment.

@@ -53,19 +54,17 @@
         </form>
       </div>
 
-      <div class="drop-down" id="drop-down"></div>
-
       <div class="nav">
         <template instantiate="if currentLibrary != null">
-          <ul>
+          <ul class="tree-list">
             <template iterate='clazz in currentLibrary.sortedClasses'>
               <li class="{{kindCssClass(clazz)}}" data-id="{{clazz.id}}">
                 <template instantiate="if currentType != clazz">
                   <x-doc-link ref="{{clazz}}"></x-doc-link>
                 </template>
                 <template instantiate="if currentType == clazz">
-                  <span>{{clazz.name}}</span>
-                  <ul>
+                  <span>{{clazz.shortDescription}}</span>
+                  <ul class="tree-list">
                     <template iterate="member in clazz.children">
                       <li class="{{kindCssClass(member)}}" data-id="{{member.id}}">
                         <a href="{{permalink(member)}}">{{member.shortDescription}}</a></li>
@@ -79,34 +78,12 @@
   		</div>
 
       <div class="content">
-        <template instantiate="if currentType != null">
-          <div class="class-summary">
-            <template instantiate="if currentType is ClassElement">
-              <h4>Hierarchy</h4>
-              <x-class-hierarchy clazz="{{currentType}}"></x-class-hierarchy>
-              <template instantiate="if !currentType.interfaces.isEmpty">
-                <h4>Implements</h4>
-                <ul>
-                  <template iterate='interface in currentType.interfaces'>
-                    <li>
-                      <x-doc-link ref="{{interface}}"></x-doc-link>
-                    </li>
-                  </template>
-                </ul>
-              </template>
-            </template>
-            <h4>Source</h4>
-            <template instantiate="if currentType.uri != null">
-              <a href="https://code.google.com/p/dart/source/browse/trunk/dart/{{currentType.uri}}?r={{svnRevisionNumber}}#{{currentType.line}}" target="_blank">{{currentType.uri}}</a>
-            </template>
-          </div>
-        </template>
         <template instantiate="if currentLibrary == null">
           <h2>Dart API Reference</h2>
 	        <h3>Libraries</h3>
-		      <ul class="libraries">
+		      <ul class="libraries tree-list">

[Siggi Cherem (dart-lang), 2012/12/19 19:47:33]

remove tabs (here and below)

[Jacob, 2013/01/02 19:54:58]

Done.

 		        <template iterate='library in libraries.values'>
-		          <li>
+		          <li class="{{kindCssClass(library)}}">
                 <x-doc-link ref="{{library}}"></x-doc-link>
               </li>
 		        </template>
@@ -115,7 +92,8 @@
 
         <template instantiate="if currentLibrary != null && currentType == null">
           <div>
-  		      <div><h2><strong>{{currentLibrary.name}}</strong> library</h2></div>
+  		      <div><h2><strong>{{currentLibrary.shortDescription}}</strong> library</h2></div>
+
   		      <template instantiate="if !currentLibrary.loading">
   		        <div>
   				      <template instantiate="if currentLibrary.comment != null">

[Siggi Cherem (dart-lang), 2012/12/19 19:47:33]

fix indentation around here...

[Jacob, 2013/01/02 19:54:58]

Done.

@@ -131,7 +109,30 @@
 
         <template instantiate="if currentType != null">
           <div>
-            <div><h2 class="{{kindCssClass(currentType)}}"><strong>{{currentType.name}}</strong> {{currentType.kind}}</h2></div>
+            <h2 class="{{kindCssClass(currentType)}}"><strong>{{currentType.shortDescription}}</strong> {{currentType.kindDescription}}</h2>
+            <template instantiate="if currentType != null">
+              <div class="class-summary">
+                <template instantiate="if currentType is ClassElement">
+                  <h4>Hierarchy</h4>
+                  <x-class-hierarchy clazz="{{currentType}}"></x-class-hierarchy>
+                  <template instantiate="if !currentType.interfaces.isEmpty">
+                    <h4>Implements</h4>
+                    <ul class="tree-list">
+                      <template iterate='interface in currentType.interfaces'>
+                        <li>
+                          <x-doc-link ref="{{interface}}"></x-doc-link>
+                        </li>
+                      </template>
+                    </ul>
+                  </template>
+                </template>
+                <h4>Source</h4>
+                <template instantiate="if currentType.uri != null">
+                  <a href="https://code.google.com/p/dart/source/browse/trunk/dart/{{currentType.uri}}?r={{svnRevisionNumber}}#{{currentType.line}}" target="_blank">{{currentType.uri}}</a>
+                </template>
+              </div>
+            </template>
+
   	        <template instantiate="if currentType.comment != null">
   	          <div>{{currentType.commentHtml}}</div>
   	        </template>