| 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 |