Polymer-based Garden-O-Matic should have a basic results panel

Tools/GardeningServer/ui/ct-failure-card.html

Index: Tools/GardeningServer/ui/ct-failure-card.html
diff --git a/Tools/GardeningServer/ui/ct-failure-card.html b/Tools/GardeningServer/ui/ct-failure-card.html
new file mode 100644
index 0000000000000000000000000000000000000000..0ed99bc104d5ed865272d9b324972793d3a0a243
--- /dev/null
+++ b/Tools/GardeningServer/ui/ct-failure-card.html
@@ -0,0 +1,46 @@
+<!--
+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.
+-->
+
+<link rel="import" href="ct-commit-list.html">
+<link rel="import" href="ct-test-list.html">
+
+<polymer-element name="ct-failure-card" attributes="failures">
+  <template>
+    <style>
+      :host {
+        display: flex;
+        margin: 5px;
+        padding: 5px;
+        border-top: 1px solid lightgrey;
+      }
+
+      paper-button {
+        background: papayawhip;
+      }
+    </style>
+    <div style="flex: 1">

[esprehn, 2014/07/01 19:47:45]

I wouldn't use inline styles, if you want to go all polymer like there's a
"flex" attribute you can add that does this.

+      <ct-test-list tests="{{failures|testNames}}"></ct-test-list>
+      <ct-commit-list first="{{failures[0].newestPassingRevision + 1}}"

[esprehn, 2014/07/01 19:47:45]

This is weird, why do you only care about the first entry?

+                      last="{{failures[0].oldestFailingRevision}}"></ct-commit-list>
+    </div>
+    <div>
+      <paper-button id="examine" on-tap="{{examine}}">Examine</paper-button>
+    </div>
+  </template>
+  <script>
+    Polymer({
+      failures: [],
+
+      testNames: function(failures) {
+        return failures.map(function(failureAnalysis) { return failureAnalysis.testName });
+      },
+
+      examine: function() {
+        this.fire('ct-examine-failures', this.failures);
+      },
+    });
+  </script>
+</polymer-element>