| Index: src/site/docs/tutorials/forms/examples/slambook/out/web/slambook.html
|
| diff --git a/src/site/docs/tutorials/forms/examples/slambook/out/web/slambook.html b/src/site/docs/tutorials/forms/examples/slambook/out/web/slambook.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..9ed759ecdb4af1c8eae4234e70a6e2ed44513b78
|
| --- /dev/null
|
| +++ b/src/site/docs/tutorials/forms/examples/slambook/out/web/slambook.html
|
| @@ -0,0 +1,125 @@
|
| +<!DOCTYPE html><html><head>
|
| + <meta charset="utf-8">
|
| + <title>Slambook</title>
|
| + <link rel="stylesheet" href="slambook.css">
|
| +
|
| +
|
| + </head>
|
| + <body><script src="packages/shadow_dom/shadow_dom.debug.js"></script>
|
| +<script src="packages/browser/interop.js"></script>
|
| +<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>
|
| +
|
| +
|
| + </polymer-element>
|
| + <h1>SlamBook</h1>
|
| +
|
| + <div class="container">
|
| + <form is="x-slambook-form"></form>
|
| + </div>
|
| +
|
| +
|
| +
|
| +<script type="application/dart" src="slambook.html_bootstrap.dart"></script><script src="packages/browser/dart.js"></script></body></html>
|
|
|
Chromium Code Reviews
Issue 26542002:
edit pass on T3,4,5, updated images (Closed)
Base URL: https://github.com/dart-lang/dartlang.org.git@master