OLD | NEW |
1 <!-- | 1 <!-- |
2 Copyright 2014 The Chromium Authors. All rights reserved. | 2 Copyright 2014 The Chromium Authors. All rights reserved. |
3 Use of this source code is governed by a BSD-style license that can be | 3 Use of this source code is governed by a BSD-style license that can be |
4 found in the LICENSE file. | 4 found in the LICENSE file. |
5 --> | 5 --> |
6 | 6 |
7 <script src="../bower_components/sugar/release/sugar-full.development.js"></scri
pt> | 7 <script src="../bower_components/sugar/release/sugar-full.development.js"></scri
pt> |
8 <script src="../scripts/results.js"></script> | 8 <script src="../scripts/results.js"></script> |
9 | 9 |
10 <link rel="import" href="../bower_components/core-animated-pages/core-animated-p
ages.html"> | 10 <link rel="import" href="../bower_components/core-animated-pages/core-animated-p
ages.html"> |
(...skipping 11 matching lines...) Expand all Loading... |
22 } | 22 } |
23 header { | 23 header { |
24 -webkit-user-select: none; | 24 -webkit-user-select: none; |
25 align-items: center; | 25 align-items: center; |
26 background-color: #212121; | 26 background-color: #212121; |
27 color: white; | 27 color: white; |
28 cursor: default; | 28 cursor: default; |
29 display: flex; | 29 display: flex; |
30 justify-content: space-between; | 30 justify-content: space-between; |
31 font-size: 1.1em; | 31 font-size: 1.1em; |
| 32 padding: 0 5px; |
32 } | 33 } |
33 header a, header span { | 34 header a, header span { |
34 color: white; | 35 color: white; |
35 display: inline-block; | 36 display: inline-block; |
36 padding: 0.25em 4px; | 37 padding: 0.25em 4px; |
37 text-decoration: none; | 38 text-decoration: none; |
38 } | 39 } |
| 40 #right-toolbar { |
| 41 display: flex; |
| 42 align-items: center; |
| 43 } |
| 44 ct-last-updated { |
| 45 margin: 0 5px; |
| 46 } |
39 core-animated-pages { | 47 core-animated-pages { |
40 flex: 1; | 48 flex: 1; |
41 } | 49 } |
42 </style> | 50 </style> |
43 | 51 |
44 <header> | 52 <header> |
45 <div> | 53 <div> |
46 <template if="{{ selected == 0 }}"> | 54 <template if="{{ selected == 0 }}"> |
47 <span><img src="../favicon.ico"> Auto-sheriff-o-maticon</span> | 55 <img src="../favicon.ico"> <span>Sheriff-o-matic</span> |
48 </template> | 56 </template> |
49 <template if="{{ selected == 1 }}"> | 57 <template if="{{ selected == 1 }}"> |
50 <a on-click="{{ onBack }}"> | 58 <a on-click="{{ onBack }}"> |
51 << Go back | 59 << Go back |
52 </a> | 60 </a> |
53 </template> | 61 </template> |
54 </div> | 62 </div> |
55 <div> | 63 <div id="right-toolbar"> |
56 <ct-last-updated date="{{ lastUpdateDate }}"></ct-last-updated> | 64 <ct-last-updated date="{{ lastUpdateDate }}"></ct-last-updated> |
57 <!-- FIXME: Use a proper polymer component with data binding. --> | 65 <!-- FIXME: Use a proper polymer component with data binding. --> |
58 <select id="tree" on-change="{{ _updateTree }}"> | 66 <select id="tree" on-change="{{ _updateTree }}"> |
59 <option value="blink">Blink</option> | 67 <option value="blink">Blink</option> |
60 <option value="chromium">Chromium</option> | 68 <option value="chromium">Chromium</option> |
61 </select> | 69 </select> |
62 </div> | 70 </div> |
63 </header> | 71 </header> |
64 | 72 |
65 <core-animated-pages selected="{{ selected }}" transitions="slide-from-right
"> | 73 <core-animated-pages selected="{{ selected }}" transitions="slide-from-right
"> |
(...skipping 17 matching lines...) Expand all Loading... |
83 this.selected = 0; | 91 this.selected = 0; |
84 }, | 92 }, |
85 | 93 |
86 onExamine: function(event) { | 94 onExamine: function(event) { |
87 this.currentFailures = event.detail.failures; | 95 this.currentFailures = event.detail.failures; |
88 this.selected = 1; | 96 this.selected = 1; |
89 }, | 97 }, |
90 }); | 98 }); |
91 </script> | 99 </script> |
92 </polymer-element> | 100 </polymer-element> |
OLD | NEW |