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

Side by Side Diff: appengine/swarming/elements/imp/common/swarming-app.html

Issue 2177353002: Add top level app element (Closed) Base URL: https://chromium.googlesource.com/external/github.com/luci/luci-py@hello-oauth
Patch Set: Fix presubmits to ignore build files Created 4 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 unified diff | Download patch
OLDNEW
(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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698