Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(65)

Side by Side Diff: client/web/index.html

Issue 11636011: Web components based app to view dart docs. Still has rough edges. (Closed) Base URL: https://github.com/dart-lang/dart-api-app.git@master
Patch Set: more fixes Created 7 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « client/web/element_summary.html ('k') | client/web/markdown.dart » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <title>Dart API Reference V3</title> 5 <title>Dart API Reference</title>
6 <link rel="stylesheet" type="text/css" 6 <link rel="stylesheet" type="text/css"
7 href="static/styles.css"> 7 href="static/styles.css">
8 <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800 " rel="stylesheet" type="text/css"> 8 <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800 " rel="stylesheet" type="text/css">
9 <link rel="shortcut icon" href="static/favicon.ico"> 9 <link rel="shortcut icon" href="static/favicon.ico">
10 10
11 <link rel="stylesheet" type="text/css" href="static/apidoc-styles.css" /> 11 <link rel="stylesheet" type="text/css" href="static/apidoc-styles.css" />
12 <link rel="components" href="doc_link.html"> 12 <link rel="components" href="doc_link.html">
13 <link rel="components" href="element_summary.html">
13 14
15 <!-- Initialize Google Analytics. -->
14 <script type="text/javascript"> 16 <script type="text/javascript">
15 var _gaq = _gaq || []; 17 var _gaq = _gaq || [];
16 _gaq.push(["_setAccount", "UA-26406144-9"]); 18 _gaq.push(["_setAccount", "UA-26406144-9"]);
17 _gaq.push(["_trackPageview"]); 19 _gaq.push(["_trackPageview"]);
18 20
19 (function() { 21 (function() {
20 var ga = document.createElement("script"); 22 var ga = document.createElement("script");
21 ga.type = "text/javascript"; ga.async = true; 23 ga.type = "text/javascript"; ga.async = true;
22 ga.src = ("https:" == document.location.protocol ? 24 ga.src = ("https:" == document.location.protocol ?
23 "https://ssl" : "http://www") + ".google-analytics.com/ga.js"; 25 "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
24 var s = document.getElementsByTagName("script")[0]; 26 var s = document.getElementsByTagName("script")[0];
25 s.parentNode.insertBefore(ga, s); 27 s.parentNode.insertBefore(ga, s);
26 })(); 28 })();
27 </script> 29 </script>
28 30
29 </head> 31 </head>
30 <body> 32 <body>
31 <template instantiate="if currentElement == null || currentElement.loading ! = true"> 33 <template instantiate="if currentElement == null || currentElement.loading ! = true">
32 <div class="page"> 34 <div class="page">
33 <div class="header"> 35 <div class="header">
34 <a href="http://dartlang.org" ref="external"><div class="logo"></div></a > 36 <a href="http://dartlang.org" ref="external"><div class="logo"></div></a >
35 <a href="#!">Dart API Reference</a> 37 <a href="#!">Dart API Reference</a>
36 38
37 <template instantiate="if currentLibrary != null"> 39 <template instantiate="if currentLibrary != null">
38 » » » » <span>&gt; </span> 40 <span>&gt; </span>
39 » » » » <x-doc-link ref="{{currentLibrary}}"></x-doc-lin k> 41 <x-doc-link ref="{{currentLibrary}}"></x-doc-link>
40 </template> 42 </template>
41 43
42 <template instantiate="if currentType != null"> 44 <template instantiate="if currentType != null">
43 <span>&gt; </span> 45 <span>&gt; </span>
44 <x-doc-link ref="{{currentType}}"></x-doc-link> 46 <x-doc-link ref="{{currentType}}"></x-doc-link>
45 </template> 47 </template>
46 48
47 <form action="http://www.dartlang.org/search.html" id="search-box"> 49 <form action="http://www.dartlang.org/search.html" id="search-box">
48 <input type="hidden" name="cx" value="011220921317074318178:i4mscbaxtr u"> 50 <input type="hidden" name="cx" value="011220921317074318178:i4mscbaxtr u">
49 <input type="hidden" name="ie" value="UTF-8"> 51 <input type="hidden" name="ie" value="UTF-8">
50 <input type="hidden" name="hl" value="en"> 52 <input type="hidden" name="hl" value="en">
51 <input type="search" name="q" id="q" autocomplete="off" 53 <input type="search" name="q" id="q" autocomplete="off"
52 class="search-input" placeholder="Search API. TODO(jacobr): implem ent"> 54 class="search-input" placeholder="Search API. TODO(jacobr): implem ent">
53 </form> 55 </form>
54 </div> 56 </div>
55 57
56 <div class="drop-down" id="drop-down"></div>
57
58 <div class="nav"> 58 <div class="nav">
59 <template instantiate="if currentLibrary != null"> 59 <template instantiate="if currentLibrary != null">
60 <ul> 60 <ul class="tree-list">
61 <template iterate='clazz in currentLibrary.sortedClasses'> 61 <template iterate='clazz in currentLibrary.sortedClasses'>
62 <li class="{{kindCssClass(clazz)}}" data-id="{{clazz.id}}"> 62 <li class="{{kindCssClass(clazz)}}" data-id="{{clazz.id}}">
63 <template instantiate="if currentType != clazz"> 63 <template instantiate="if currentType != clazz">
64 <x-doc-link ref="{{clazz}}"></x-doc-link> 64 <x-doc-link ref="{{clazz}}"></x-doc-link>
65 </template> 65 </template>
66 <template instantiate="if currentType == clazz"> 66 <template instantiate="if currentType == clazz">
67 <span>{{clazz.name}}</span> 67 <span>{{clazz.shortDescription}}</span>
68 <ul> 68 <ul class="tree-list">
69 <template iterate="member in clazz.children"> 69 <template iterate="member in clazz.children">
70 <li class="{{kindCssClass(member)}}" data-id="{{member.id} }"> 70 <li class="{{kindCssClass(member)}}" data-id="{{member.id} }">
71 <a href="{{permalink(member)}}">{{member.shortDescriptio n}}</a></li> 71 <a href="{{permalink(member)}}">{{member.shortDescriptio n}}</a></li>
72 </template> 72 </template>
73 </ul> 73 </ul>
74 </template> 74 </template>
75 </li> 75 </li>
76 </template> 76 </template>
77 </ul> 77 </ul>
78 </template> 78 </template>
79 » » </div> 79 </div>
80 80
81 <div class="content"> 81 <div class="content">
82 <template instantiate="if currentType != null">
83 <div class="class-summary">
84 <template instantiate="if currentType is ClassElement">
85 <h4>Hierarchy</h4>
86 <x-class-hierarchy clazz="{{currentType}}"></x-class-hierarchy>
87 <template instantiate="if !currentType.interfaces.isEmpty">
88 <h4>Implements</h4>
89 <ul>
90 <template iterate='interface in currentType.interfaces'>
91 <li>
92 <x-doc-link ref="{{interface}}"></x-doc-link>
93 </li>
94 </template>
95 </ul>
96 </template>
97 </template>
98 <h4>Source</h4>
99 <template instantiate="if currentType.uri != null">
100 <a href="https://code.google.com/p/dart/source/browse/trunk/dart/{ {currentType.uri}}?r={{svnRevisionNumber}}#{{currentType.line}}" target="_blank" >{{currentType.uri}}</a>
101 </template>
102 </div>
103 </template>
104 <template instantiate="if currentLibrary == null"> 82 <template instantiate="if currentLibrary == null">
105 <h2>Dart API Reference</h2> 83 <h2>Dart API Reference</h2>
106 » <h3>Libraries</h3> 84 <h3>Libraries</h3>
107 » » <ul class="libraries"> 85 <ul class="libraries tree-list">
108 » » <template iterate='library in libraries.values'> 86 <template iterate='library in libraries.values'>
109 » » <li> 87 <li class="{{kindCssClass(library)}}">
110 <x-doc-link ref="{{library}}"></x-doc-link> 88 <x-doc-link ref="{{library}}"></x-doc-link>
111 </li> 89 </li>
112 » » </template> 90 </template>
113 » » </ul> 91 </ul>
114 » </template> 92 </template>
115 93
116 <template instantiate="if currentLibrary != null && currentType == null" > 94 <template instantiate="if currentLibrary != null && currentType == null" >
117 <div> 95 <div>
118 » » <div><h2><strong>{{currentLibrary.name}}</strong> library< /h2></div> 96 <div><h2><strong>{{currentLibrary.shortDescription}}</strong> librar y</h2></div>
119 » » <template instantiate="if !currentLibrary.loading"> 97
120 » » <div> 98 <template instantiate="if !currentLibrary.loading">
121 » » » » <template instantiate="if currentLibrary.c omment != null"> 99 <div>
122 » » » <div>{{currentLibrary.commentHtml}}</div> 100 <template instantiate="if currentLibrary.comment != null">
123 » » » » </template> 101 <div>{{currentLibrary.commentHtml}}</div>
102 </template>
124 103
125 <x-member-blocks blocks="{{currentLibrary.childBlocks}}"> 104 <x-member-blocks blocks="{{currentLibrary.childBlocks}}">
126 </x-member-blocks> 105 </x-member-blocks>
127 » » </div> 106 </div>
128 » </template> 107 </template>
129 » » </div> 108 </div>
130 </template> 109 </template>
131 110
132 <template instantiate="if currentType != null"> 111 <template instantiate="if currentType != null">
133 <div> 112 <div>
134 <div><h2 class="{{kindCssClass(currentType)}}"><strong>{{currentType .name}}</strong> {{currentType.kind}}</h2></div> 113 <h2 class="{{kindCssClass(currentType)}}"><strong>{{currentType.shor tDescription}}</strong> {{currentType.kindDescription}}</h2>
135 » <template instantiate="if currentType.comment != null"> 114 <template instantiate="if currentType != null">
136 » <div>{{currentType.commentHtml}}</div> 115 <div class="class-summary">
137 » </template> 116 <template instantiate="if currentType is ClassElement">
117 <h4>Hierarchy</h4>
118 <x-class-hierarchy clazz="{{currentType}}"></x-class-hierarchy >
119 <template instantiate="if !currentType.interfaces.isEmpty">
120 <h4>Implements</h4>
121 <ul class="tree-list">
122 <template iterate='interface in currentType.interfaces'>
123 <li>
124 <x-doc-link ref="{{interface}}"></x-doc-link>
125 </li>
126 </template>
127 </ul>
128 </template>
129 </template>
130 <h4>Source</h4>
131 <template instantiate="if currentType.uri != null">
132 <a href="https://code.google.com/p/dart/source/browse/trunk/da rt/{{currentType.uri}}?r={{svnRevisionNumber}}#{{currentType.line}}" target="_bl ank">{{currentType.uri}}</a>
133 </template>
134 </div>
135 </template>
136
137 <template instantiate="if currentType.comment != null">
138 <div>{{currentType.commentHtml}}</div>
139 </template>
138 </div> 140 </div>
139 <div> 141 <div>
140 <template instantiate="if currentType is ClassElement && !currentTyp e.subclasses.isEmpty"> 142 <template instantiate="if currentType is ClassElement && !currentTyp e.subclasses.isEmpty">
141 <h3>Subclasses</h3> 143 <h3>Subclasses</h3>
142 <div class="subclasses"> 144 <div class="subclasses">
143 <template iterate='clazz in currentType.subclasses'> 145 <template iterate='clazz in currentType.subclasses'>
144 <span><x-doc-link ref="{{clazz}}"></x-doc-link> </span> 146 <span><x-doc-link ref="{{clazz}}"></x-doc-link> </span>
145 </template> 147 </template>
146 </div> 148 </div>
147 </template> 149 </template>
(...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after
186 import 'model.dart'; 188 import 'model.dart';
187 import 'resources.dart'; 189 import 'resources.dart';
188 190
189 String status; 191 String status;
190 192
191 main() { 193 main() {
192 loadStateFromUrl(); 194 loadStateFromUrl();
193 status = 'Loading...'; 195 status = 'Loading...';
194 loadModel().then((_) { 196 loadModel().then((_) {
195 status = ''; 197 status = '';
196 » watchers.dispatch(); 198 watchers.dispatch();
197 » }); 199 });
198 } 200 }
199 </script> 201 </script>
200 </body> 202 </body>
201 </html> 203 </html>
OLDNEW
« no previous file with comments | « client/web/element_summary.html ('k') | client/web/markdown.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698