dart/site/try/index.html - Issue 197923002: Mock up code completion.

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: Too many changes to summarize in one line. 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

OLD	NEW
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 Loading...
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;
	kasperl 2014/03/24 10:32:51 Do you want two space or four space indents for th Do you want two space or four space indents for these? Looks like you mostly use two. ahe 2014/03/24 15:20:23 Done. Show quoted text On 2014/03/24 10:32:51, kasperl wrote: > Do you want two space or four space indents for these? Looks like you mostly use > two. Done.
	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 Loading...
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>

OLD	NEW

« dart/sdk/lib/_internal/compiler/samples/leap_server/leap_server.dart ('K') | « dart/site/try/build_try.gyp ('k') | dart/site/try/src/Makefile » ('j') | dart/site/try/src/Makefile » ('J')