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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: dart/site/try/index.html

Issue 197923002: Mock up code completion. (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge
Patch Set: Merged with r34309. Created 6 years, 9 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 | Annotate | Revision Log
« no previous file with comments | « dart/site/try/build_try.gyp ('k') | dart/site/try/src/Makefile » ('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 <!-- 2 <!--
3 Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file 3 Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file
4 for details. All rights reserved. Use of this source code is governed by a 4 for details. All rights reserved. Use of this source code is governed by a
5 BSD-style license that can be found in the LICENSE file. 5 BSD-style license that can be found in the LICENSE file.
6 --> 6 -->
7 <html lang="en" manifest="nossl.appcache" itemscope itemtype="http://schema.org/ Product"> 7 <html lang="en" manifest="nossl.appcache" itemscope itemtype="http://schema.org/ Product">
8 <head> 8 <head>
9 <meta charset="utf-8"> 9 <meta charset="utf-8">
10 <title>Try Dart!</title> 10 <title>Try Dart!</title>
11 <meta http-equiv="Content-type" content="text/html;charset=UTF-8"> 11 <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
12 <!--
13 TODO(ahe): Reduce the number of fonts used based on actual usage.
14
15 See: http://www.google.com/fonts#UsePlace:use/Collection:Open+Sans:400,600,700,8 00,300
16 -->
17 <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300 ' rel='stylesheet' type='text/css'>
12 <link rel="stylesheet" type="text/css" href="dartlang-style.css"> 18 <link rel="stylesheet" type="text/css" href="dartlang-style.css">
13 <style> 19 <style>
14 a.diagnostic { 20 a.diagnostic {
15 /* position: relative; */ 21 /* position: relative; */
16 color: inherit; 22 color: inherit;
17 border-bottom: 2px dotted red; 23 border-bottom: 2px dotted red;
18 } 24 }
19 a:hover.diagnostic { 25 a:hover.diagnostic {
20 text-decoration: none; 26 text-decoration: none;
21 } 27 }
(...skipping 10 matching lines...) Expand all
32 38
33 .offline { 39 .offline {
34 transition: opacity 10s; 40 transition: opacity 10s;
35 -webkit-transition: opacity 10s; 41 -webkit-transition: opacity 10s;
36 } 42 }
37 43
38 .offlineyay { 44 .offlineyay {
39 font-weight: bolder; 45 font-weight: bolder;
40 opacity: 0.0; 46 opacity: 0.0;
41 } 47 }
48
49 .dart-code-completion-holder {
50 position: relative;
51 display: 'inline-block';
52 }
53
54 .dart-code-completion-holder *.dart-code-completion {
55 display: none;
56 position: absolute;
57 left: 0px;
58 min-width: 200px;
59 background: white;
60 foreground: black;
61 border: 1px solid black;
62 z-index: 10;
63 padding-left: 5px;
64 }
65
66 .dart-code-completion-holder.active *.dart-code-completion {
67 display: block;
68 }
69
70 .dart-static {
71 width: 198px;
72 overflow: auto;
73 }
74
75 /*
76 * TODO(ahe): There are problems with scroll bars on Macs, see:
77 * http://stackoverflow.com/questions/7855590/how-can-i-prevent-scroll-bars-from -being-hidden-for-os-x-trackpad-users-in-webki
78 * .dart-static::-webkit-scrollbar {
79 * -webkit-appearance: none;
80 * }
81 *
82 * .dart-static::-webkit-scrollbar:vertical {
83 * width: 11px;
84 * }
85 *
86 * .dart-static::-webkit-scrollbar:horizontal {
87 * height: 11px;
88 * }
89 *
90 * .dart-static::-webkit-scrollbar-thumb {
91 * border-radius: 8px;
92 * border: 2px solid white; /* should match background, can't be transparent * /
93 * background-color: rgba(0, 0, 0, .5);
94 * }
95 *
96 * .dart-static::-webkit-scrollbar-track {
97 * background-color: #fff;
98 * border-radius: 8px;
99 * }
100 */
101
102 .dart-limited-height {
103 /* TODO(ahe): Make sure to compute this height to avoid jumping in the UI. */
104 max-height: 66px;
105 }
106
107 .dart-server {
108 width: 198px;
109 border-top: 1px solid black;
110 }
111
112 .activeEntry {
113 background: #86b4bf;
114 }
115
116 .doubleplusgood {
117 font-weight: 700;
118 }
119
120 .dart-entry {
121 max-width: 198px;
122 overflow: hidden;
123 white-space: nowrap;
124 }
125
126 .hazed-suggestion {
127 color: #aaa;
128 }
129
130 .hazed-suggestion:after {
131 content: " ";
132 }
133
134 .slider {
135 overflow-y: hidden;
136 height: 0;
137 max-height: 9999px;
138
139 transition-property: height;
140 transition-duration: .5s;
141 transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
142 /* cubic-bezier(0, 1, 0.5, 1);*/
143 }
144
145 .myhidden {
146 position: absolute;
147 visibility: hidden;
148 height: auto;
149 }
150
151
42 </style> 152 </style>
43 153
44 <meta itemprop="name" content="Try Dart!"> 154 <meta itemprop="name" content="Try Dart!">
45 <meta itemprop="description" content="Write and run Dart code in your browser. Dart is a class-based, object-oriented language with lexical scoping, closures, and optional static typing."> 155 <meta itemprop="description" content="Write and run Dart code in your browser. Dart is a class-based, object-oriented language with lexical scoping, closures, and optional static typing.">
46 <meta name="description" content="Write and run Dart code in your browser. Dart is a class-based, object-oriented language with lexical scoping, closures, and optional static typing."> 156 <meta name="description" content="Write and run Dart code in your browser. Dart is a class-based, object-oriented language with lexical scoping, closures, and optional static typing.">
47 <meta itemprop="image" content="try-dart-screenshot.png"> 157 <meta itemprop="image" content="try-dart-screenshot.png">
48 158
49 <link rel="dart-sdk" href="sdk.json"> 159 <link rel="dart-sdk" href="sdk.json">
50 <link rel="benchmark-DeltaBlue" href="benchmarks/DeltaBlue.dart"> 160 <link rel="benchmark-DeltaBlue" href="benchmarks/DeltaBlue.dart">
51 <link rel="benchmark-Richards" href="benchmarks/Richards.dart"> 161 <link rel="benchmark-Richards" href="benchmarks/Richards.dart">
(...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after
101 <input type="hidden" name="ie" value="UTF-8"> 211 <input type="hidden" name="ie" value="UTF-8">
102 <input type="hidden" name="hl" value="en"> 212 <input type="hidden" name="hl" value="en">
103 <input type="search" name="q" class="search-query" id="q" autocomplete="off" pla ceholder="Search"> 213 <input type="search" name="q" class="search-query" id="q" autocomplete="off" pla ceholder="Search">
104 </form> 214 </form>
105 <ul class="nav pull-right"><li><a><span id="appcache-status" class="offline">off line status</span></a></li></ul> 215 <ul class="nav pull-right"><li><a><span id="appcache-status" class="offline">off line status</span></a></li></ul>
106 216
107 217
108 </div> 218 </div>
109 </div> 219 </div>
110 </div> 220 </div>
221
222 <div id="settings-dialog" class="myhidden container-fluid">
223 <div class="row-fluid">
224 <div class="span12">
225 <div>
226 <h3>Settings</h3>
227 <div id="settings-body">
228 </div>
229 <div>
230 <a href="#" class="btn btn-primary" id="settings-done">Done</a>
231 </div>
232 </div>
233 </div>
234 </div>
235 </div>
236
111 <div class="container-fluid"> 237 <div class="container-fluid">
112 <article class="homepage"> 238 <article class="homepage">
113 <section> 239 <section>
114 <div class="callouts row-fluid"> 240 <div class="callouts row-fluid">
115 <div class="span6" id="try-dart-column"> 241 <div class="span6" id="try-dart-column">
116 <h2><i class="icon-play"></i> Try Dart! <select id="inspiration"></select></h2> 242 <h2><i class="icon-play"></i> Try Dart! <select id="code-picker"></select></h2>
117 </div> 243 </div>
118 <div class="span6" id="run-dart-column"> 244 <div class="span6" id="run-dart-column">
119 <h2><i class="icon-cogs"></i> See Dart</h2> 245 <h2><i class="icon-cogs"></i> See Dart</h2>
120 </div> 246 </div>
121 </div> 247 </div>
122 </section> 248 </section>
123 </article> 249 </article>
124 </div> 250 </div>
125 251
126 <div id="settings-dialog" class="modal hide fade">
127 <div class="modal-header">
128 <h3>Settings</h3>
129 </div>
130 <div class="modal-body" id="settings-body">
131 </div>
132 <div class="modal-footer">
133 <a href="#" class="btn btn-primary" id="settings-done">Done</a>
134 </div>
135 </div>
136
137 <footer> 252 <footer>
138 <div class="container"> 253 <div class="container">
139 <div class="row copyright"> 254 <div class="row copyright">
140 <div class="span8 offset2"> 255 <div class="span8 offset2">
141 <p> 256 <p>
142 Except as otherwise <a href="http://code.google.com/policies.html#restrictions"> noted</a>, the content of this page is licensed under the <a href="http://creati vecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a>, an d code samples are licensed under the <a href="http://code.google.com/google_bsd _license.html">BSD License</a>. 257 Except as otherwise <a href="http://code.google.com/policies.html#restrictions"> noted</a>, the content of this page is licensed under the <a href="http://creati vecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a>, an d code samples are licensed under the <a href="http://code.google.com/google_bsd _license.html">BSD License</a>.
143 </p> 258 </p>
144 <p> 259 <p>
145 <a href="//www.dartlang.org/tos.html">Terms of Service</a> — 260 <a href="//www.dartlang.org/tos.html">Terms of Service</a> —
146 <a href="http://www.google.com/intl/en/policies/privacy/">Privacy Policy</a> 261 <a href="http://www.google.com/intl/en/policies/privacy/">Privacy Policy</a>
147 </p> 262 </p>
148 </div> 263 </div>
149 </div> 264 </div>
150 </div> 265 </div>
151 </footer> 266 </footer>
152 <!-- 267 <!--
153 <script type="application/javascript" src="https://dart.googlecode.com/svn/branc hes/bleeding_edge/dart/pkg/browser/lib/dart.js"></script> 268 <script type="application/javascript" src="https://dart.googlecode.com/svn/branc hes/bleeding_edge/dart/pkg/browser/lib/dart.js"></script>
154 <script type="application/dart" src="leap.dart"></script> 269 <script type="application/dart" src="leap.dart"></script>
155 --> 270 -->
156 <script type="application/javascript" src="leap.dart.js"></script> 271 <script type="application/javascript" src="leap.dart.js"></script>
157 </body> 272 </body>
158 </html> 273 </html>
OLDNEW
« no previous file with comments | « dart/site/try/build_try.gyp ('k') | dart/site/try/src/Makefile » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698