| OLD | NEW |
| (Empty) | |
| 1 <!-- |
| 2 Copyright 2016 The LUCI Authors. All rights reserved. |
| 3 Use of this source code is governed under the Apache License, Version 2.0 |
| 4 that can be found in the LICENSE file. |
| 5 |
| 6 This in an HTML Import-able file that contains the definition |
| 7 of the following elements: |
| 8 |
| 9 <swarming-app> |
| 10 |
| 11 Usage: |
| 12 |
| 13 <swarming-app></swarming-app> |
| 14 |
| 15 Properties: |
| 16 auth_headers: Object, Use this in iron-ajax to set oauth2 headers. |
| 17 busy: Boolean, If the busy spinner should be active. |
| 18 name: String, the name of the app to be displayed. |
| 19 |
| 20 Methods: |
| 21 None. |
| 22 |
| 23 Events: |
| 24 None. |
| 25 --> |
| 26 |
| 27 <link rel="import" href="../../bower_components/app-layout/app-layout.html"> |
| 28 <link rel="import" href="../../bower_components/paper-spinner/paper-spinner-lite
.html"> |
| 29 <link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layou
t-classes.html"> |
| 30 <link rel="import" href="../common/auth-signin.html"> |
| 31 |
| 32 <dom-module id="swarming-app"> |
| 33 <template> |
| 34 <style include="iron-flex"> |
| 35 :host { |
| 36 position: absolute; |
| 37 top: 0; |
| 38 bottom: 0; |
| 39 left: 0; |
| 40 right: 0; |
| 41 } |
| 42 |
| 43 app-toolbar { |
| 44 background-color: #4285f4; |
| 45 color: #fff; |
| 46 } |
| 47 |
| 48 app-toolbar a { |
| 49 color: #fff; |
| 50 } |
| 51 .left { |
| 52 margin-right:15px; |
| 53 } |
| 54 .right { |
| 55 margin-left:15px; |
| 56 } |
| 57 .main-content { |
| 58 padding: 3px; |
| 59 } |
| 60 |
| 61 paper-spinner-lite { |
| 62 --paper-spinner-color: var(--google-yellow-500); |
| 63 } |
| 64 </style> |
| 65 <app-header-layout> |
| 66 <app-header fixed> |
| 67 <app-toolbar> |
| 68 <div class="title left">[[name]]</div> |
| 69 <paper-spinner-lite class="left" active="[[busy]]"></paper-spinner-lit
e> |
| 70 |
| 71 <a class="left" href="/newui/">Home</a> |
| 72 <a class="left" href="/newui/botlist">Bot List</a> |
| 73 <div class="flex"></div> |
| 74 <!-- TODO(kjlubick) Remove this hard-coded client-id.--> |
| 75 <auth-signin |
| 76 class="right" |
| 77 client-id="20770472288-t5smpbpjptka4nd888fv0ctd23ftba2o.apps.googl
eusercontent.com" |
| 78 auth-headers="{{auth_headers}}"> |
| 79 </auth-signin> |
| 80 </app-toolbar> |
| 81 </app-header> |
| 82 <div class="main-content"> |
| 83 <content></content> |
| 84 </div> |
| 85 </app-header-layout> |
| 86 |
| 87 </template> |
| 88 <script> |
| 89 Polymer({ |
| 90 is: 'swarming-app', |
| 91 properties: { |
| 92 auth_headers: { |
| 93 type: Object, |
| 94 notify: true, |
| 95 }, |
| 96 busy: { |
| 97 type: Boolean, |
| 98 }, |
| 99 name: { |
| 100 type: String, |
| 101 }, |
| 102 }, |
| 103 |
| 104 }); |
| 105 </script> |
| 106 </dom-module> |
| OLD | NEW |