SheriffOMatic: Add ct-popout-iframe and switch test output iframes to use it.

Tools/GardeningServer/ui/ct-popout-iframe.html

Index: Tools/GardeningServer/ui/ct-popout-iframe.html
diff --git a/Tools/GardeningServer/ui/ct-popout-iframe.html b/Tools/GardeningServer/ui/ct-popout-iframe.html
new file mode 100644
index 0000000000000000000000000000000000000000..5368dbf093d52095d15194c91ecc291fe18c1697
--- /dev/null
+++ b/Tools/GardeningServer/ui/ct-popout-iframe.html
@@ -0,0 +1,30 @@
+<!--
+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-popout-iframe" attributes="src">

[ojan, 2014/09/12 00:22:16]

Leave out the script and put a noscript attribute here.

[Robert Sesek, 2014/09/12 13:58:58]

Cool, didn't know about that. Done.

+  <template>
+    <style>
+      .link {
+        /* <ct-test-output> sets line-height 0, so reset it here. */
+        line-height: initial;
+        padding: 3px;
+      }
+      iframe {
+        border: none;
+        width: 100%;
+        height: 400px;
+      }
+    </style>
+
+    <iframe src="{{src}}"></iframe>
+    <div class="link"><a href="{{src}}" target="_blank">pop out to a new tab</a></div>
+  </template>
+  <script>
+    Polymer({
+      src: '',
+    });
+  </script>
+</polymer-element>