OLD | NEW |
| (Empty) |
1 <!-- | |
2 * Copyright 2016 The Chromium Authors. All rights reserved. | |
3 * Use of this source code is governed by a BSD-style license that can be | |
4 * found in the LICENSE file. | |
5 --> | |
6 <!DOCTYPE html> | |
7 <html> | |
8 <head> | |
9 <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Materi
al+Icons"> | |
10 <link rel="stylesheet" href="https://code.getmdl.io/1.2.1/material.blue-indi
go.min.css"> | |
11 <script defer src="https://code.getmdl.io/1.2.1/material.min.js"></script> | |
12 | |
13 <style> | |
14 div.text-element { | |
15 text-align: center; | |
16 } | |
17 body { | |
18 background-color: #efefef; | |
19 } | |
20 </style> | |
21 </head> | |
22 | |
23 <body> | |
24 {% if failure_zip_url is not none %} | |
25 <a href="{{ failure_zip_url }}"> | |
26 <div class="mdl-color--primary" width="100%"> | |
27 <h3>Download Image Zip</h3> | |
28 </div> | |
29 </a> | |
30 {% endif %} | |
31 | |
32 {% for test_class, device_results in full_results.iteritems() %} | |
33 <div class="mdl-color--primary" width="100%"> | |
34 <h3>{{ test_class }}</h3> | |
35 </div> | |
36 | |
37 <div class="mdl-tabs mdl-js-tabs mdl-js-ripple-effect"> | |
38 <div class="mdl-tabs__tab-bar"> | |
39 {% for device_model, _ in device_results.iteritems() %} | |
40 <a href="#{{ device_model }}-panel" class="mdl-tabs__tab">{{ device_
model }}</a> | |
41 {% endfor %} | |
42 </div> | |
43 | |
44 {% for device_model, test_results in device_results.iteritems() %} | |
45 <div class="mdl-tabs__panel" id="{{ device_model }}-panel"> | |
46 | |
47 <div class="mdl-grid"> | |
48 <div class="mdl-cell mdl-cell--3-col text-element"><b>Description<
/b></div> | |
49 <div class="mdl-cell mdl-cell--3-col text-element"><b>Golden</b></
div> | |
50 <div class="mdl-cell mdl-cell--3-col text-element"><b>Failure</b><
/div> | |
51 {% if show_diffs %} | |
52 <div class="mdl-cell mdl-cell--3-col text-element"><b>Diff</b></
div> | |
53 {% endif %} | |
54 </div> | |
55 {% for result in test_results %} | |
56 <div class="mdl-grid"> | |
57 <div class="mdl-cell mdl-cell--3-col text-element"> | |
58 {{ result['description'] }} | |
59 </div> | |
60 <div class="mdl-cell mdl-cell--3-col"> | |
61 <a href="{{ result['golden_image'] }}"> | |
62 <img class="mdl-shadow--2dp" src="{{ result['golden_image']
}}" width="100%"> | |
63 </a> | |
64 </div> | |
65 <div class="mdl-cell mdl-cell--3-col mdl-shadow--2dp"> | |
66 <a href="{{ result['failure_image'] }}"> | |
67 <img src="{{ result['failure_image'] }}" width="100%"> | |
68 </a> | |
69 </div> | |
70 {% if show_diffs %} | |
71 <div class="mdl-cell mdl-cell--3-col mdl-shadow--2dp"> | |
72 <a href="{{ result['diff_image'] }}"> | |
73 <img src="{{ result['diff_image'] }}" width="100%"> | |
74 </a> | |
75 </div> | |
76 {% endif %} | |
77 </div> | |
78 {% endfor %} | |
79 </div> | |
80 {% endfor %} | |
81 </div> | |
82 {% endfor %} | |
83 </body> | |
84 </html> | |
OLD | NEW |