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

Tools/GardeningServer/ui/ct-results-by-builder.html

Index: Tools/GardeningServer/ui/ct-results-by-builder.html
diff --git a/Tools/GardeningServer/ui/ct-results-by-builder.html b/Tools/GardeningServer/ui/ct-results-by-builder.html
new file mode 100644
index 0000000000000000000000000000000000000000..c43a7131f48d5b10b6a172d739d059ac61af7936
--- /dev/null
+++ b/Tools/GardeningServer/ui/ct-results-by-builder.html
@@ -0,0 +1,42 @@
+<!--
+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="../bower_components/core-pages/core-pages.html">
+<link rel="import" href="../bower_components/paper-tabs/paper-tab.html">
+<link rel="import" href="../bower_components/paper-tabs/paper-tabs.html">
+<link rel="import" href="ct-results-detail.html">
+
+<polymer-element name="ct-results-by-builder" attributes="failure">
+  <template>
+    <style>
+      :host {
+        display: block;
+      }
+    </style>
+    <paper-tabs selected="{{selected}}">
+      <template repeat="{{builder in builders}}">
+        <paper-tab>{{builder|displayName}}</paper-tab>
+      </template>
+    </paper-tabs>
+    <ct-results-detail test="{{failure.testName}}" builder="{{builders[selected]}}"></ct-results-detail>
+  </template>
+  <script>
+    Polymer({
+      failure: null,
+      builders: [],
+      selected: 0,
+
+      failureChanged: function() {
+        this.builders = Object.getOwnPropertyNames(this.failure.resultNodesByBuilder);
+        this.selected = 0;
+      },
+
+      displayName: function(builder) {
+        return ui.displayNameForBuilder(builder);
+      },
+    });
+  </script>
+</polymer-element>