Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 <!-- | 1 <!-- |
| 2 Copyright 2016 The LUCI Authors. All rights reserved. | 2 Copyright 2016 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 This in an HTML Import-able file that contains the definition | 6 This in an HTML Import-able file that contains the definition |
| 7 of the following elements: | 7 of the following elements: |
| 8 | 8 |
| 9 <swarming-app> | 9 <swarming-app> |
| 10 | 10 |
| (...skipping 19 matching lines...) Expand all Loading... | |
| 30 signed_in: Boolean, if the user is signed in. | 30 signed_in: Boolean, if the user is signed in. |
| 31 Methods: | 31 Methods: |
| 32 None. | 32 None. |
| 33 | 33 |
| 34 Events: | 34 Events: |
| 35 None. | 35 None. |
| 36 --> | 36 --> |
| 37 | 37 |
| 38 <link rel="import" href="/res/imp/bower_components/app-layout/app-layout.html"> | 38 <link rel="import" href="/res/imp/bower_components/app-layout/app-layout.html"> |
| 39 <link rel="import" href="/res/imp/bower_components/iron-flex-layout/iron-flex-la yout-classes.html"> | 39 <link rel="import" href="/res/imp/bower_components/iron-flex-layout/iron-flex-la yout-classes.html"> |
| 40 <link rel="import" href="/res/imp/bower_components/iron-icons/iron-icons.html" > | |
| 41 <link rel="import" href="/res/imp/bower_components/paper-fab/paper-fab.html" > | |
| 40 <link rel="import" href="/res/imp/bower_components/paper-spinner/paper-spinner-l ite.html"> | 42 <link rel="import" href="/res/imp/bower_components/paper-spinner/paper-spinner-l ite.html"> |
| 41 | 43 |
| 44 | |
| 42 <link rel="import" href="auth-signin.html"> | 45 <link rel="import" href="auth-signin.html"> |
| 43 <link rel="import" href="common-behavior.html"> | 46 <link rel="import" href="common-behavior.html"> |
| 44 | 47 |
| 45 <dom-module id="swarming-app"> | 48 <dom-module id="swarming-app"> |
| 46 <template> | 49 <template> |
| 47 <style include="iron-flex"> | 50 <style include="iron-flex"> |
| 48 :host { | 51 :host { |
| 49 position: absolute; | 52 position: absolute; |
| 50 top: 0; | 53 top: 0; |
| 51 bottom: 0; | 54 bottom: 0; |
| (...skipping 16 matching lines...) Expand all Loading... | |
| 68 margin-left:15px; | 71 margin-left:15px; |
| 69 } | 72 } |
| 70 .main-content { | 73 .main-content { |
| 71 padding: 3px; | 74 padding: 3px; |
| 72 } | 75 } |
| 73 | 76 |
| 74 .main-content a { | 77 .main-content a { |
| 75 color: #1F78B4; | 78 color: #1F78B4; |
| 76 } | 79 } |
| 77 | 80 |
| 81 paper-fab { | |
| 82 position: fixed; | |
| 83 bottom: 1vh; | |
|
jcgregorio
2016/08/26 20:10:11
Using vh for a horizontal distance seems sketchy.
| |
| 84 right: 1vh; | |
| 85 background-color: #1F78B4; | |
| 86 } | |
| 87 | |
| 78 paper-spinner-lite { | 88 paper-spinner-lite { |
| 79 --paper-spinner-color: var(--google-yellow-500); | 89 --paper-spinner-color: var(--google-yellow-500); |
| 80 } | 90 } |
| 81 </style> | 91 </style> |
| 82 <app-header-layout> | 92 <app-header-layout> |
| 83 <app-header fixed> | 93 <app-header fixed> |
| 84 <app-toolbar> | 94 <app-toolbar> |
| 85 <div class="title left">[[name]]</div> | 95 <div class="title left">[[name]]</div> |
| 86 <paper-spinner-lite class="left" active="[[_or(busy,_busy)]]"></paper- spinner-lite> | 96 <paper-spinner-lite class="left" active="[[_or(busy,_busy)]]"></paper- spinner-lite> |
| 87 | 97 |
| 88 <a class="left" href="/newui/">Home</a> | 98 <a class="left" href="/newui/">Home</a> |
| 89 <a class="left" href="/newui/botlist">Bot List</a> | 99 <a class="left" href="/newui/botlist">Bot List</a> |
| 90 <a class="left" href="/newui/tasklist">Task List</a> | 100 <a class="left" href="/newui/tasklist">Task List</a> |
| 91 <div class="flex"></div> | 101 <div class="flex"></div> |
| 92 <auth-signin | 102 <auth-signin |
| 93 class="right" | 103 class="right" |
| 94 client_id="[[client_id]]" | 104 client_id="[[client_id]]" |
| 95 auth_headers="{{auth_headers}}" | 105 auth_headers="{{auth_headers}}" |
| 96 signed_in="{{signed_in}}"> | 106 signed_in="{{signed_in}}"> |
| 97 </auth-signin> | 107 </auth-signin> |
| 98 </app-toolbar> | 108 </app-toolbar> |
| 99 </app-header> | 109 </app-header> |
| 100 <div class="main-content"> | 110 <div class="main-content"> |
| 101 <content></content> | 111 <content></content> |
| 102 </div> | 112 </div> |
| 113 <a target="_blank" href="https://bugs.chromium.org/p/chromium/issues/ent ry?components=Infra%3EPlatform%3ESwarming&owner=kjlubick@chromium.org&status=Ass igned"> | |
| 114 <paper-fab mini icon="icons:bug-report"></paper-fab> | |
| 115 </a> | |
| 103 </app-header-layout> | 116 </app-header-layout> |
| 104 | 117 |
| 105 </template> | 118 </template> |
| 106 <script> | 119 <script> |
| 107 Polymer({ | 120 Polymer({ |
| 108 is: 'swarming-app', | 121 is: 'swarming-app', |
| 109 | 122 |
| 110 behaviors: [ | 123 behaviors: [ |
| 111 SwarmingBehaviors.CommonBehavior, | 124 SwarmingBehaviors.CommonBehavior, |
| 112 ], | 125 ], |
| (...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 165 <style> | 178 <style> |
| 166 * { | 179 * { |
| 167 font-family: sans-serif; | 180 font-family: sans-serif; |
| 168 } | 181 } |
| 169 /* Only style anchor tags that are actually linking somewhere.*/ | 182 /* Only style anchor tags that are actually linking somewhere.*/ |
| 170 a[href] { | 183 a[href] { |
| 171 color: #1F78B4; | 184 color: #1F78B4; |
| 172 } | 185 } |
| 173 </style> | 186 </style> |
| 174 </dom-module> | 187 </dom-module> |
| OLD | NEW |