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

Unified Diff: src/site/docs/tutorials/forms/examples/slambook/out/web/xslambookform.html

Issue 26542002: edit pass on T3,4,5, updated images (Closed) Base URL: https://github.com/dart-lang/dartlang.org.git@master
Patch Set: merging with master Created 7 years, 2 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 side-by-side diff with in-line comments
Download patch
Index: src/site/docs/tutorials/forms/examples/slambook/out/web/xslambookform.html
diff --git a/src/site/docs/tutorials/forms/examples/slambook/out/web/xslambookform.html b/src/site/docs/tutorials/forms/examples/slambook/out/web/xslambookform.html
new file mode 100644
index 0000000000000000000000000000000000000000..3982393e9434ff10d13b77397da5aead2c1ecea3
--- /dev/null
+++ b/src/site/docs/tutorials/forms/examples/slambook/out/web/xslambookform.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+
+<html>
+ <body>
+
+ <polymer-element name="x-slambook-form" extends="form">
+ <template>
+ <style>
+ #slambookform {
+ width: 500px;
+ }
+
+ .entry {
+ float: left;
+ padding: 3px 3px 3px 3px;
+ width: 100%;
+ }
+
+ .entry label {
+ display: inline-block;
+ width: 150px;
+ text-align: right;
+ vertical-align: middle;
+ }
+
+ label.andrews {
+ width:auto;
+ }
+
+ .submitarea {
+ padding: 10px 10px 10px 10px;
+ margin: 10px 10px 10px 10px;
+ border-style: solid;
+ border-width: 1px;
+ border-color: SlateBlue;
+ clear: left;
+ }
+
+ .responsetext {
+ padding: 5px 10px 10px 10px;
+ margin: 10px 10px 10px 10px;
+ clear: left;
+ background-color: WhiteSmoke;
+ width: 90%;
+ height: 70px;
+ resize: none;
+ }
+ </style>
+ <div id="slambookform">
+ <div class="entry">
+ <label>First name?</label>
+ <input type="text" value="{{theData['firstName']}}">
+ </div>
+ <div class="entry">
+ <label>Favorite quote?</label>
+ <!--<textarea value="{{theData['favoriteQuote']}}"></textarea>-->
+ <input type="text" value="{{theData['favoriteQuote']}}">
+ </div>
+ <div class="entry">
+ <label>Favorite color?</label>
+ <input type="color" value="{{theData['favoriteColor']}}">
+ </div>
+ <div class="entry">
+ <label>Birthday?</label>
+ <input type="date" value="{{theData['birthday']}}">
+ </div>
+ <div class="entry">
+ <label>Favorite volume?</label>
+ <input type="range" value="{{theData['volume']}}" min="0" max="11">
+ </div>
+ <div class="entry">
+ <label>Cat or dog?</label>
+ <input on-change="catOrDog" name="catOrDog" type="radio" value="cat">Cat
+ <input on-change="catOrDog" name="catOrDog" type="radio" value="dog" checked>Dog
+ <input on-change="catOrDog" name="catOrDog" type="radio" value="iguana">Iguana
+ </div>
+ <div>
+ <label>Favorite type of music?</label>
+ <select selectedIndex="{{theData['music']}}">
+ <option>Classical</option>
+ <option>Country</option>
+ <option>Rock</option>
+ <option>Silence</option>
+ </select>
+ </div>
+ <div class="entry">
+ <label for="zombies">Check for zombies. </label>
+ <input type="checkbox" checked="{{theData['zombies']}}" id="zombies">
+ </div>
+ <div class="entry">
+ <label>Favorite things?</label>
+ <input type="checkbox" checked="{{favoriteThings['kittens']}}" id="kittens">
+ <label for="kittens" class="andrews">Kittens</label>
+ <input type="checkbox" checked="{{favoriteThings['raindrops']}}" id="raindrops">
+ <label for="raindrops" class="andrews">Raindrops</label>
+ <input type="checkbox" checked="{{favoriteThings['mittens']}}" id="mittens">
+ <label for="mittens" class="andrews">Mittens</label>
+ <input type="checkbox" checked="{{favoriteThings['kettles']}}" id="kettles">
+ <label for="kettles" class="andrews">Kettles</label>
+ </div>
+
+ <div class="submitarea">
+ <input type="submit" value="Submit" on-click="submitForm">
+ <input type="reset" value="Clear" on-click="resetForm"> <br>
+ <textarea disabled class="responsetext" value="{{serverResponse}}"></textarea>
+ <!--<p class="responsetext"> {{serverResponse}} </p>-->
+ </div>
+ </div>
+ </template>
+
+ <script type="application/dart" src="xslambookform.dart">
+ </script>
+ </polymer-element>
+
+ </body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698