| OLD | NEW |
| 1 <!-- | 1 <!-- |
| 2 Copyright 2017 The LUCI Authors. All rights reserved. | 2 Copyright 2017 The LUCI Authors. All rights reserved. |
| 3 Use of this source code is governed under the Apache License, Version 2.0 | 3 Use of this source code is governed under the Apache License, Version 2.0 |
| 4 that can be found in the LICENSE file. | 4 that can be found in the LICENSE file. |
| 5 --> | 5 --> |
| 6 | 6 |
| 7 <link rel="import" href="../../bower_components/polymer/polymer.html"> | 7 <link rel="import" href="../../bower_components/polymer/polymer.html"> |
| 8 <link rel="import" href="../../bower_components/paper-search/paper-search-bar.ht
ml"> | 8 <link rel="import" href="../../bower_components/paper-search/paper-search-bar.ht
ml"> |
| 9 <link rel="import" href="../../bower_components/app-route/app-location.html"> | 9 <link rel="import" href="../../bower_components/app-route/app-location.html"> |
| 10 <link rel="import" href="../../bower_components/app-route/app-route.html"> | 10 <link rel="import" href="../../bower_components/app-route/app-route.html"> |
| 11 <link rel="import" href="../../bower_components/app-layout/app-drawer-layout/app
-drawer-layout.html"> | 11 <link rel="import" href="../../bower_components/app-layout/app-drawer-layout/app
-drawer-layout.html"> |
| 12 <link rel="import" href="../../bower_components/app-layout/app-header/app-header
.html"> | 12 <link rel="import" href="../../bower_components/app-layout/app-header/app-header
.html"> |
| 13 <link rel="import" href="../../bower_components/app-layout/app-header-layout/app
-header-layout.html"> | 13 <link rel="import" href="../../bower_components/app-layout/app-header-layout/app
-header-layout.html"> |
| 14 <link rel="import" href="../../bower_components/app-layout/app-toolbar/app-toolb
ar.html"> | 14 <link rel="import" href="../../bower_components/app-layout/app-toolbar/app-toolb
ar.html"> |
| 15 | 15 |
| 16 <link rel="import" href="../../common/auth-signin.html"> | 16 <link rel="import" href="../../common/auth-signin.html"> |
| 17 <link rel="import" href="../../common/common-behaviors.html"> |
| 17 <link rel="import" href="config-set.html"> | 18 <link rel="import" href="config-set.html"> |
| 18 <link rel="import" href="front-page.html"> | 19 <link rel="import" href="front-page.html"> |
| 19 | 20 |
| 20 <dom-module id="config-ui"> | 21 <dom-module id="config-ui"> |
| 21 <template> | 22 <template> |
| 22 <style> | 23 <style> |
| 23 @media only screen and (min-width: 768px) { | 24 @media only screen and (min-width: 768px) { |
| 24 app-toolbar { | 25 app-toolbar { |
| 25 height: 60px; | 26 height: 60px; |
| 26 } | 27 } |
| (...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 68 <template is="dom-if" if="[[client_id]]"> | 69 <template is="dom-if" if="[[client_id]]"> |
| 69 <auth-signin | 70 <auth-signin |
| 70 class="right" | 71 class="right" |
| 71 client_id="[[client_id]]" | 72 client_id="[[client_id]]" |
| 72 auth_headers="{{auth_headers}}" | 73 auth_headers="{{auth_headers}}" |
| 73 initialized="{{initialized}}" | 74 initialized="{{initialized}}" |
| 74 profile="{{profile}}" | 75 profile="{{profile}}" |
| 75 signed_in="{{signed_in}}"> | 76 signed_in="{{signed_in}}"> |
| 76 </auth-signin> | 77 </auth-signin> |
| 77 </template> | 78 </template> |
| 78 <template is="dom-if" if="[[!client_id]]"> | 79 <template is="dom-if" if="[[_not(client_id)]]"> |
| 79 <div class="right">No OAauth client id found.</div> | 80 <div class="right">No OAauth client id found.</div> |
| 80 </template> | 81 </template> |
| 81 </app-toolbar> | 82 </app-toolbar> |
| 82 </app-header> | 83 </app-header> |
| 83 | 84 |
| 84 <app-location route="{{route}}" use-hash-as-path></app-location> | 85 <app-location route="{{route}}" use-hash-as-path></app-location> |
| 85 <app-route route="{{route}}" | 86 <app-route route="{{route}}" |
| 86 pattern="/services/:serviceName" | 87 pattern="/services/:serviceName" |
| 87 data="{{serviceData}}" | 88 data="{{serviceData}}" |
| 88 tail="{{serviceTail}}" | 89 tail="{{serviceTail}}" |
| (...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 124 profile="[[profile]]"></config-set> | 125 profile="[[profile]]"></config-set> |
| 125 </template> | 126 </template> |
| 126 </app-header-layout> | 127 </app-header-layout> |
| 127 </app-drawer-layout> | 128 </app-drawer-layout> |
| 128 </template> | 129 </template> |
| 129 | 130 |
| 130 <script> | 131 <script> |
| 131 Polymer({ | 132 Polymer({ |
| 132 is: 'config-ui', | 133 is: 'config-ui', |
| 133 | 134 |
| 135 behaviors: [ConfigUIBehaviors.CommonBehavior], |
| 136 |
| 134 properties: { | 137 properties: { |
| 135 client_id: { | 138 client_id: { |
| 136 type: String, | 139 type: String, |
| 137 value: null | 140 value: null |
| 138 } | 141 } |
| 139 }, | 142 }, |
| 140 | 143 |
| 141 ready: function() { | 144 ready: function() { |
| 142 this.async(function() { | 145 this.async(function() { |
| 143 // If the path is blank, redirect to / | 146 // If the path is blank, redirect to / |
| 144 if (!this.route.path) { | 147 if (!this.route.path) { |
| 145 this.set('route.path', '/'); | 148 this.set('route.path', '/'); |
| 146 } | 149 } |
| 147 }); | 150 }); |
| 148 }, | 151 }, |
| 149 | 152 |
| 150 }); | 153 }); |
| 151 </script> | 154 </script> |
| 152 </dom-module> | 155 </dom-module> |
| OLD | NEW |