Start a top-down rewrite of Garden-O-Matic in Polymer

Tools/GardeningServer/ui/ct-commit-data.html

Index: Tools/GardeningServer/ui/ct-commit-data.html
diff --git a/Tools/GardeningServer/ui/ct-commit-data.html b/Tools/GardeningServer/ui/ct-commit-data.html
new file mode 100644
index 0000000000000000000000000000000000000000..b976b5279877ca2cc49dee82b182e0e64acee259
--- /dev/null
+++ b/Tools/GardeningServer/ui/ct-commit-data.html
@@ -0,0 +1,27 @@
+<!--
+Copyright 2014 The Chromium Authors. All rights reserved.
+Use of this source code is governed by a BSD-style license that can be
+found in the LICENSE file.
+-->
+
+<polymer-element name="ct-commit-data" attributes="first last data">
+  <script>
+    Polymer({
+      data: [],
+      first: 0,
+      last: 0,
+
+      firstChanged: function() {

[esprehn, 2014/07/08 16:25:05]

You can use computed properties for this. Make one that depends on both
properties and then add a change listener.

computed: {
  state: "[first, last]",
}

+        this.update_();
+      },
+
+      lastChanged: function() {
+        this.update_();
+      },
+
+      update_: function() {

[esprehn, 2014/07/08 16:25:05]

stateChanged: function() {

+        this.data = model.commitDataListForRevisionRange(this.first, this.last);
+      },
+    });
+  </script>
+</polymer-element>