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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: src/site/docs/tutorials/forms/examples/slambook/web/slambook.html

Issue 275613002: Update polymer tutorial; make directory paths match new sample structure (Closed) Base URL: https://github.com/dart-lang/dartlang.org.git@master
Patch Set: Created 6 years, 7 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 | « src/site/docs/tutorials/forms/examples/slambook/web/slambook.css ('k') | src/site/docs/tutorials/forms/examples/slambook/web/slambook.html.scriptUrls » ('j') | src/site/docs/tutorials/polymer-intro/index.markdown » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html><html><head> 1 <!-- Copyright (c) 2012, the Dart project authors. Please see the AUTHORS file
2 for details. All rights reserved. Use of this source code is governed by a
3 BSD-style license that can be found in the LICENSE file.
4 --><!DOCTYPE html><html><head>
2 <meta charset="utf-8"> 5 <meta charset="utf-8">
3 <title>Slambook</title> 6 <title>Slambook</title>
4 <link rel="stylesheet" href="slambook.css"> 7
5 8
6 9
7 </head> 10 </head>
8 <body><script src="packages/shadow_dom/shadow_dom.debug.js"></script> 11 <body><style>body {
9 <script src="packages/browser/interop.js"></script> 12 background-color: #F8F8F8;
10 <polymer-element name="tute-slambook-form" extends="form"> 13 font-family: 'Open Sans', sans-serif;
14 font-size: 14px;
15 font-weight: normal;
16 line-height: 1.2em;
17 margin: 15px;
18 }
19
20 h1, p {
21 color: #333;
22 }
23
24 </style>
25
26 <!--
27 These two files are from the Polymer project:
28 https://github.com/Polymer/platform/ and https://github.com/Polymer/polymer/.
29
30 You can replace platform.js and polymer.html with different versions if desired.
31 -->
32 <!-- minified for deployment: -->
33
34
35
36 <!-- unminfied for debugging:
37 <script src="../../packages/web_components/platform.concat.js"></script>
38 <script src="src/js/polymer/polymer.concat.js"></script>
39 <link rel="import" href="src/js/polymer/polymer-body.html">
40 -->
41
42 <!-- Teach dart2js about Shadow DOM polyfill objects. -->
43
44
45 <!-- Bootstrap the user application in a new isolate. -->
46
47 <!-- TODO(sigmund): replace boot.js by boot.dart (dartbug.com/18007)
48 <script type="application/dart">export "package:polymer/boot.dart";</script>
49 -->
50 <script src="packages/polymer/src/js/use_native_dartium_shadowdom.js"></script>< script src="packages/web_components/platform.js"></script>
51 <!-- <link rel="import" href="../polymer-dev/polymer.html"> -->
52 <script src="packages/polymer/src/js/polymer/polymer.js"></script><polymer-eleme nt name="polymer-body" extends="body">
53
54 <script>
55
56 // upgrade polymer-body last so that it can contain other imported elements
57 document.addEventListener('polymer-ready', function() {
58
59 Polymer('polymer-body', Platform.mixin({
60
61 created: function() {
62 this.template = document.createElement('template');
63 var body = wrap(document).body;
64 var c$ = body.childNodes.array();
65 for (var i=0, c; (c=c$[i]); i++) {
66 if (c.localName !== 'script') {
67 this.template.content.appendChild(c);
68 }
69 }
70 // snarf up user defined model
71 window.model = this;
72 },
73
74 parseDeclaration: function(elementElement) {
75 this.lightFromTemplate(this.template);
76 }
77
78 }, window.model));
79
80 });
81
82 </script>
83
84 </polymer-element><script src="packages/web_components/dart_support.js"></script >
85
86 <polymer-element name="tute-slambook-form" extends="form">
11 <template> 87 <template>
12 <style> 88 <style>
13 #slambookform { 89 #slambookform {
14 width: 500px; 90 width: 500px;
15 } 91 }
16 92
17 .entry { 93 .entry {
18 float: left; 94 float: left;
19 padding: 3px 3px 3px 3px; 95 padding: 3px 3px 3px 3px;
20 width: 100%; 96 width: 100%;
(...skipping 76 matching lines...) Expand 10 before | Expand all | Expand 10 after
97 <label for="kittens" class="andrews">Kittens</label> 173 <label for="kittens" class="andrews">Kittens</label>
98 <input type="checkbox" checked="{{favoriteThings['raindrops']}}" id="r aindrops"> 174 <input type="checkbox" checked="{{favoriteThings['raindrops']}}" id="r aindrops">
99 <label for="raindrops" class="andrews">Raindrops</label> 175 <label for="raindrops" class="andrews">Raindrops</label>
100 <input type="checkbox" checked="{{favoriteThings['mittens']}}" id="mit tens"> 176 <input type="checkbox" checked="{{favoriteThings['mittens']}}" id="mit tens">
101 <label for="mittens" class="andrews">Mittens</label> 177 <label for="mittens" class="andrews">Mittens</label>
102 <input type="checkbox" checked="{{favoriteThings['kettles']}}" id="ket tles"> 178 <input type="checkbox" checked="{{favoriteThings['kettles']}}" id="ket tles">
103 <label for="kettles" class="andrews">Kettles</label> 179 <label for="kettles" class="andrews">Kettles</label>
104 </div> 180 </div>
105 181
106 <div class="submitarea"> 182 <div class="submitarea">
107 <input type="submit" value="Submit" on-click="submitForm"> 183 <input type="submit" value="Submit" on-click="{{submitForm}}">
108 <input type="reset" value="Reset" on-click="resetForm"> <br> 184 <input type="reset" value="Clear" on-click="{{resetForm}}"> <br>
109 <textarea disabled="" class="responsetext" value="{{serverResponse}}"> </textarea> 185 <textarea disabled="" class="responsetext" value="{{serverResponse}}"> </textarea>
110 <!--<p class="responsetext"> {{serverResponse}} </p>--> 186 <!--<p class="responsetext"> {{serverResponse}} </p>-->
111 </div> 187 </div>
112 </div> 188 </div>
113 </template> 189 </template>
114 190
115 191
116 </polymer-element> 192 </polymer-element>
193
194
195
196
117 <h1>SlamBook</h1> 197 <h1>SlamBook</h1>
118 198
119 <div class="container"> 199 <div class="container">
120 <form is="tute-slambook-form"></form> 200 <form is="tute-slambook-form"></form>
121 </div> 201 </div>
122 202
123 203
124 204
125 <script type="application/dart" src="slambook.html_bootstrap.dart"></script><scr ipt src="packages/browser/dart.js"></script></body></html> 205 <script src="slambook.html_bootstrap.dart.js"></script></body></html>
OLDNEW
« no previous file with comments | « src/site/docs/tutorials/forms/examples/slambook/web/slambook.css ('k') | src/site/docs/tutorials/forms/examples/slambook/web/slambook.html.scriptUrls » ('j') | src/site/docs/tutorials/polymer-intro/index.markdown » ('J')

Powered by Google App Engine
This is Rietveld 408576698