Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(2288)

Unified Diff: appengine/sheriff_o_matic/ui/ct-test-output.html

Issue 1315693002: SoM: upgrade Polymer from 0.5 to 1.0 Base URL: https://chromium.googlesource.com/infra/infra.git@master
Patch Set: get bower_components from polymer_1.0.4 Created 5 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « appengine/sheriff_o_matic/ui/ct-test-list.html ('k') | appengine/sheriff_o_matic/ui/ct-time-series.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: appengine/sheriff_o_matic/ui/ct-test-output.html
diff --git a/appengine/sheriff_o_matic/ui/ct-test-output.html b/appengine/sheriff_o_matic/ui/ct-test-output.html
index 0dd0fee69030646c8ef5275040be466522bc509c..8c8d717e88aa26f9b7a8747a1163055326d824bb 100644
--- a/appengine/sheriff_o_matic/ui/ct-test-output.html
+++ b/appengine/sheriff_o_matic/ui/ct-test-output.html
@@ -2,13 +2,29 @@
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-popout-iframe.html">
+--><html><head><link rel="import" href="ct-popout-iframe.html">
<link rel="import" href="ct-user-prefs.html">
-<polymer-element name="ct-test-output" attributes="type url">
- <template>
- <style>
+ <!--
+ TODO(polyup): unable to infer path to components
+ directory. This import path is probably incomplete.
+ -->
+ <link rel="import" href="iron-flex-layout/iron-flex-layout.html">
+<dom-module id="ct-test-output">
+ <style>
+ /* TODO(polyup): For speed, consider reworking these styles with .classes
+ and #ids rather than [attributes].
+ */
+ [layout] {
+ @apply(--layout);
+ }
+ [layout][vertical] {
+ @apply(--layout-vertical);
+ }
+ [layout][flex] {
+ @apply(--layout-flex);
+ }
+ </style>
+ <style>
.result {
border: 1px solid gray;
line-height: 0;
@@ -20,35 +36,62 @@ found in the LICENSE file.
height: 400px;
}
</style>
+ <template>
<ct-user-prefs id="userPrefs"></ct-user-prefs>
- <div class="result" flex layout vertical>
- <template if="{{url}}">
- <template if="{{type == _kImageType}}">
+ <div class="result" flex="" layout="" vertical="">
+ <template is="dom-if" if="{{url}}">
+ <template is="dom-if" if="{{computeIf(_kImageType, type)}}">
<img src="{{url}}">
</template>
- <template if="{{type == _kTextType}}">
- <ct-popout-iframe src="{{ {url: url, useUber: $.userPrefs.values.useUberchromegw} | rewriteUrl }}" flex></ct-popout-iframe>
+ <template is="dom-if" if="{{computeIf2(_kTextType, type)}}">
+ <ct-popout-iframe src="{{computeSrc($, url)}}" flex=""></ct-popout-iframe>
</template>
- <template if="{{type == _kAudioType}}">
- <audio controls src="{{url}}"></audio>
+ <template is="dom-if" if="{{computeIf3(_kAudioType, type)}}">
+ <audio controls="" src="{{url}}"></audio>
</template>
</template>
</div>
</template>
- <script>
- Polymer({
- type: '',
- url: '',
- rewriteUrl: function(props) {
- if (this.$ && this.$.userPrefs) {
- return this.$.userPrefs.rewriteUrl(props.url);
- }
- return props.url;
- },
- _kAudioType: results.kAudioType,
- _kImageType: results.kImageType,
- _kTextType: results.kTextType,
+ <script>
+ Polymer({
+ is: 'ct-test-output',
+ properties: {
+ type: {
+ type: String,
+ value: '',
+ notify: true
+ },
+ url: {
+ type: String,
+ value: '',
+ notify: true
+ }
+ },
+ rewriteUrl: function (props) {
+ if (this.$ && this.$.userPrefs) {
+ return this.$.userPrefs.rewriteUrl(props.url);
+ }
+ return props.url;
+ },
+ _kAudioType: results.kAudioType,
+ _kImageType: results.kImageType,
+ _kTextType: results.kTextType,
+ computeIf: function (_kImageType, type) {
+ return type == _kImageType;
+ },
+ computeIf2: function (_kTextType, type) {
+ return type == _kTextType;
+ },
+ computeIf3: function (_kAudioType, type) {
+ return type == _kAudioType;
+ },
+ computeSrc: function ($, url) {
+ return this.rewriteUrl({
+ url: url,
+ useUber: $.userPrefs.values.useUberchromegw
});
- </script>
-</polymer-element>
+ }
+ });
+ </script>
+</dom-module>
« no previous file with comments | « appengine/sheriff_o_matic/ui/ct-test-list.html ('k') | appengine/sheriff_o_matic/ui/ct-time-series.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698