| 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 50 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 77 <template is="dom-if" if="[[client_id]]"> | 78 <template is="dom-if" if="[[client_id]]"> |
| 78 <auth-signin | 79 <auth-signin |
| 79 class="right" | 80 class="right" |
| 80 client_id="[[client_id]]" | 81 client_id="[[client_id]]" |
| 81 auth_headers="{{auth_headers}}" | 82 auth_headers="{{auth_headers}}" |
| 82 initialized="{{initialized}}" | 83 initialized="{{initialized}}" |
| 83 profile="{{profile}}" | 84 profile="{{profile}}" |
| 84 signed_in="{{signed_in}}"> | 85 signed_in="{{signed_in}}"> |
| 85 </auth-signin> | 86 </auth-signin> |
| 86 </template> | 87 </template> |
| 87 <template is="dom-if" if="[[!client_id]]"> | 88 <template is="dom-if" if="[[_not(client_id)]]"> |
| 88 <div class="right">No OAauth client id found.</div> | 89 <div class="right">No OAauth client id found.</div> |
| 89 </template> | 90 </template> |
| 90 </app-toolbar> | 91 </app-toolbar> |
| 91 </app-header> | 92 </app-header> |
| 92 | 93 |
| 93 <app-location route="{{route}}" use-hash-as-path></app-location> | 94 <app-location route="{{route}}" use-hash-as-path></app-location> |
| 94 <app-route route="{{route}}" | 95 <app-route route="{{route}}" |
| 95 pattern="/services/:serviceName" | 96 pattern="/services/:serviceName" |
| 96 data="{{serviceData}}" | 97 data="{{serviceData}}" |
| 97 tail="{{serviceTail}}" | 98 tail="{{serviceTail}}" |
| (...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 133 profile="[[profile]]"></config-set> | 134 profile="[[profile]]"></config-set> |
| 134 </template> | 135 </template> |
| 135 </app-header-layout> | 136 </app-header-layout> |
| 136 </app-drawer-layout> | 137 </app-drawer-layout> |
| 137 </template> | 138 </template> |
| 138 | 139 |
| 139 <script> | 140 <script> |
| 140 Polymer({ | 141 Polymer({ |
| 141 is: 'config-ui', | 142 is: 'config-ui', |
| 142 | 143 |
| 144 behaviors: [ConfigUIBehaviors.CommonBehavior], |
| 145 |
| 143 properties: { | 146 properties: { |
| 144 client_id: { | 147 client_id: { |
| 145 type: String, | 148 type: String, |
| 146 value: null | 149 value: null |
| 147 } | 150 } |
| 148 }, | 151 }, |
| 149 | 152 |
| 150 ready: function() { | 153 ready: function() { |
| 151 this.async(function() { | 154 this.async(function() { |
| 152 // If the path is blank, redirect to / | 155 // If the path is blank, redirect to / |
| 153 if (!this.route.path) { | 156 if (!this.route.path) { |
| 154 this.set('route.path', '/'); | 157 this.set('route.path', '/'); |
| 155 } | 158 } |
| 156 }); | 159 }); |
| 157 }, | 160 }, |
| 158 | 161 |
| 159 }); | 162 }); |
| 160 </script> | 163 </script> |
| 161 </dom-module> | 164 </dom-module> |
| OLD | NEW |