edit pass on T3,4,5, updated images

src/site/docs/tutorials/forms/examples/slambook/out/web/xslambookform.dart

Index: src/site/docs/tutorials/forms/examples/slambook/out/web/xslambookform.dart
diff --git a/src/site/docs/tutorials/forms/examples/slambook/out/web/xslambookform.dart b/src/site/docs/tutorials/forms/examples/slambook/out/web/xslambookform.dart
new file mode 100644
index 0000000000000000000000000000000000000000..2bb91308ae360852c6c0ffa582bc793172188932
--- /dev/null
+++ b/src/site/docs/tutorials/forms/examples/slambook/out/web/xslambookform.dart
@@ -0,0 +1,106 @@
+import 'dart:html';
+import 'dart:json' as json;
+import 'package:polymer/polymer.dart';
+
+@CustomTag('x-slambook-form')
+class SlamBookComponent extends PolymerElement with ChangeNotifierMixin {
+  
+  String __$firstName = "mem";
+  String get firstName => __$firstName;
+  set firstName(String value) {
+    __$firstName = notifyPropertyChange(const Symbol('firstName'), __$firstName, value);
+  }
+  
+  
+  // Set up the maps for the form and give initial values.
+  // Boolean values in this map are bound with bind-checked to checkboxes.
+  Map<String, bool> __$favoriteThings = toObservable({
+      'kittens': true, 'raindrops': false,
+      'mittens': true, 'kettles': false});
+  Map<String, bool> get favoriteThings => __$favoriteThings;
+  set favoriteThings(Map<String, bool> value) {
+    __$favoriteThings = notifyPropertyChange(const Symbol('favoriteThings'), __$favoriteThings, value);
+  }
+  
+  
+  // This map contains the rest of the forma data.
+  Map __$theData = toObservable({
+      'firstName':      'mem',
+      'favoriteQuote':  'Enjoy all your meals.',
+      'favoriteColor':  '#4169E1',
+      'birthday':       '1963-08-30',
+      'volume':         '11', //I want this to be bound to an integer!
+      'catOrDog':       'dog',
+      'music':          2,
+      'zombies':        true
+      // Add favoriteThings later...can't do it here...there is no this.
+    });
+  Map get theData => __$theData;
+  set theData(Map value) {
+    __$theData = notifyPropertyChange(const Symbol('theData'), __$theData, value);
+  }
+  
+
+  String __$serverResponse = '';
+  String get serverResponse => __$serverResponse;
+  set serverResponse(String value) {
+    __$serverResponse = notifyPropertyChange(const Symbol('serverResponse'), __$serverResponse, value);
+  }
+  
+  HttpRequest request;
+
+  void submitForm(Event e, var detail, Node target) {
+    e.preventDefault(); // Don't do the default submit.
+       
+    request = new HttpRequest();
+    
+    request.onReadyStateChange.listen(onData); 
+    
+    // POST the data to the server.
+    var url = 'http://127.0.0.1:4040';
+    request.open('POST', url);
+    request.send(_slambookAsJsonData());
+  }
+  
+  void catOrDog(Event e, var detail, Element target) {
+    theData['catOrDog'] = (target as RadioButtonInputElement).value;
+  }
+  
+  void onData(_) {
+    if (request.readyState == HttpRequest.DONE &&
+        request.status == 200) {
+      // Data saved OK.
+      serverResponse = 'Server Sez: ' + request.responseText;
+    } else if (request.readyState == HttpRequest.DONE &&
+        request.status == 0) {
+      // Status is 0...most likely the server isn't running.
+      serverResponse = 'No server';
+    }
+  }
+   
+  void resetForm(Event e, var detail, Node target) {
+    e.preventDefault(); // Default behavior clears elements,
+                        // but bound values don't follow
+                        // so have to do this explicitly.
+    favoriteThings['kittens'] = false;
+    favoriteThings['raindrops'] = false;
+    favoriteThings['mittens'] = false;
+    favoriteThings['kettles'] = false;
+    
+    theData['firstName'] = '';
+    theData['favoriteQuote'] = '';
+    theData['favoriteColor'] = '#FFFFFF';
+    theData['birthday'] = '2013-01-01';
+    theData['volume'] = '0';
+    theData['catOrDog'] = 'cat';
+    theData['music'] = 0;
+    theData['zombies'] = false;
+    serverResponse = 'Data cleared.';
+  }
+  
+  String _slambookAsJsonData() {
+    // Put favoriteThings in the map.
+    theData['favoriteThings'] = favoriteThings;
+    return json.stringify(theData);
+  }
+}