Mercurial > mozilla > hg > talosnames
annotate talosnames/templates/index.html @ 58:47d387086ea7
better layout
author | Jeff Hammel <jhammel@mozilla.com> |
---|---|
date | Tue, 14 Aug 2012 20:25:57 -0700 |
parents | 821e1dc63453 |
children | 4171e8477cdb |
rev | line source |
---|---|
18 | 1 <html> |
2 <head> | |
20 | 3 <title>Talos Names</title> |
4 <style> | |
29 | 5 * { |
6 font-family: sans-serif; | |
7 } | |
8 | |
9 td.command { | |
10 font-family: monospace; | |
11 } | |
12 | |
20 | 13 table, th, td { |
14 border: 1px solid black; | |
15 } | |
40
10945dedde84
get query string working for TBPL suites
Jeff Hammel <jhammel@mozilla.com>
parents:
39
diff
changeset
|
16 |
58 | 17 table { |
18 border-collapse: collapse; | |
19 } | |
20 | |
25 | 21 dt { |
22 font-style: italic; | |
23 font-weight: 550; | |
24 float: left; | |
25 clear: left; | |
26 padding-right: 1em; | |
27 } | |
28 | |
29 dd { clear: right; } | |
30 | |
31 dt::after { content: ": "; } | |
32 | |
33 .header { | |
34 font-weight: bold; | |
35 } | |
36 | |
32
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
37 .tbpl_initial { |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
38 font-weight: bold; |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
39 color: green; |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
40 } |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
41 |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
42 .true { |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
43 background-color: green; |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
44 } |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
45 |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
46 .false { |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
47 background-color: red; |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
48 } |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
49 |
36 | 50 .fold { |
51 color: blue; | |
52 } | |
53 | |
43 | 54 .disabled { |
58 | 55 background-color: #BBB; |
56 } | |
57 | |
58 .talosconfig { | |
59 width: 100%; | |
60 } | |
61 | |
62 #navigation { | |
63 list-style-type: none; | |
64 clear: right; | |
65 } | |
66 | |
67 #navigation li { | |
68 float: left; | |
69 padding: 0.4em; | |
70 } | |
71 | |
72 td.paint, td.chrome, td.tbpl { | |
73 text-align: center; | |
74 } | |
75 | |
76 table.talosconfig td { | |
77 width: 50%; | |
78 } | |
79 | |
80 .thfake { | |
81 width: 49.5%; | |
82 border: thin solid black; | |
83 float: left; | |
43 | 84 } |
85 | |
20 | 86 </style> |
25 | 87 <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> |
32
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
88 <script> |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
89 // In order to get anything working with Config.js |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
90 // We have to stub a bunch of stuff for no reason |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
91 BuildbotDBUser = null; |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
92 PushlogJSONParser = null; |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
93 </script> |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
94 <script src="http://hg.mozilla.org/users/mstange_themasta.com/tinderboxpushlog/raw-file/tip/js/Config.js"></script> |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
95 |
25 | 96 <script> |
97 $(document).ready(function() { | |
32
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
98 |
36 | 99 // color paint/chrome boxes appropriately |
34
b51b0d750086
color the paint and color cells
Jeff Hammel <jhammel@mozilla.com>
parents:
33
diff
changeset
|
100 function mark_boolean(selector) { |
b51b0d750086
color the paint and color cells
Jeff Hammel <jhammel@mozilla.com>
parents:
33
diff
changeset
|
101 $(selector).each(function() { |
b51b0d750086
color the paint and color cells
Jeff Hammel <jhammel@mozilla.com>
parents:
33
diff
changeset
|
102 var text = $(this).text(); |
b51b0d750086
color the paint and color cells
Jeff Hammel <jhammel@mozilla.com>
parents:
33
diff
changeset
|
103 if (text == 'True') { |
b51b0d750086
color the paint and color cells
Jeff Hammel <jhammel@mozilla.com>
parents:
33
diff
changeset
|
104 $(this).addClass('true'); |
b51b0d750086
color the paint and color cells
Jeff Hammel <jhammel@mozilla.com>
parents:
33
diff
changeset
|
105 } else if (text == 'False') { |
b51b0d750086
color the paint and color cells
Jeff Hammel <jhammel@mozilla.com>
parents:
33
diff
changeset
|
106 $(this).addClass('false'); |
b51b0d750086
color the paint and color cells
Jeff Hammel <jhammel@mozilla.com>
parents:
33
diff
changeset
|
107 } |
b51b0d750086
color the paint and color cells
Jeff Hammel <jhammel@mozilla.com>
parents:
33
diff
changeset
|
108 }); |
b51b0d750086
color the paint and color cells
Jeff Hammel <jhammel@mozilla.com>
parents:
33
diff
changeset
|
109 } |
b51b0d750086
color the paint and color cells
Jeff Hammel <jhammel@mozilla.com>
parents:
33
diff
changeset
|
110 mark_boolean('td.paint'); |
b51b0d750086
color the paint and color cells
Jeff Hammel <jhammel@mozilla.com>
parents:
33
diff
changeset
|
111 mark_boolean('td.chrome'); |
33 | 112 |
113 // add TBPL initials to TBPL names from Config.js | |
32
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
114 $('td.tbpl').each(function() { |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
115 var text = $(this).text(); |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
116 if (text.length && Config.testNames[text]) { |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
117 $(this).html(text + '(<span class="tbpl_initial">' + Config.testNames[text] + '</span>)'); |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
118 } |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
119 }); |
1a9ec766f2b0
add a thing for tbpl short names
Jeff Hammel <jhammel@mozilla.com>
parents:
31
diff
changeset
|
120 |
36 | 121 // add a hide/unhide button |
122 $('div.testname').after('<a class="fold">[+]</a>'); | |
123 $('dl.testattributes').hide(); | |
124 $('.fold').click(function() { | |
125 var text = $(this).text(); | |
126 if (text == '[+]') { | |
127 $(this).next('.testattributes').show(); | |
128 $(this).text('[-]'); | |
129 } else if (text == '[-]') { | |
130 $(this).next('.testattributes').hide(); | |
131 $(this).text('[+]'); | |
132 } | |
133 }); | |
134 | |
25 | 135 }); |
136 </script> | |
18 | 137 </head> |
138 <body> | |
50 | 139 |
140 <ul id="navigation"> | |
141 <li><a href="/tbpl">TBPL view</a></li> | |
58 | 142 <li>Show: <a href="/?show=active">active</a></li> |
143 <li><a href="/?show=disabled">disabled</a></li> | |
144 <li><a href="/">all</a></li> | |
50 | 145 </ul> |
146 | |
25 | 147 <table id="data"> |
43 | 148 |
18 | 149 <tr> |
44 | 150 <th class="buildbot">Buildbot Suite</th> |
39 | 151 <th class="command">Buildbot PerfConfigurator Command</th> |
29 | 152 <th class="tbpl">TBPL Name</th> |
153 <th class="paint">Paint</th> | |
154 <th class="chrome">Chrome</th> | |
58 | 155 <th class="tests"><div class="thfake">Talos Config</div><div class="thfake">Graphserver Names</div></th> |
18 | 156 </tr> |
21 | 157 {{for suite in suites}} |
43 | 158 {{if enabled[suite]}} |
21 | 159 <tr> |
43 | 160 {{else}} |
161 <tr class="disabled"> | |
162 {{endif}} | |
163 | |
164 <td class="buildbot"> | |
165 <a name="{{suite}}"></a><a class="anchor" href="#{{suite}}">{{suite}}</a> | |
166 {{if not enabled[suite]}} | |
167 <i><span>(disabled)</span></i> | |
168 {{endif}} | |
169 </td> | |
31
c6580ad2612f
better formatting of command
Jeff Hammel <jhammel@mozilla.com>
parents:
29
diff
changeset
|
170 <td class="command">{{list2cmdline(commands[suite])}}</tt></td> |
29 | 171 <td class="tbpl">{{tbpl[suite]}}</td> |
45
c1cbb79a6aaf
now get all buildbot info dynamically; also better formatting for web view
Jeff Hammel <jhammel@mozilla.com>
parents:
44
diff
changeset
|
172 <td class="paint">{{if suite in paint}}<span title="Paint">{{paint[suite]}}</span>{{endif}}</td> |
c1cbb79a6aaf
now get all buildbot info dynamically; also better formatting for web view
Jeff Hammel <jhammel@mozilla.com>
parents:
44
diff
changeset
|
173 <td class="chrome">{{if suite in chrome}}<span title="Chrome">{{chrome[suite]}}</span>{{endif}}</td> |
29 | 174 <td class="tests"> |
24 | 175 {{if tests.get(suite)}} |
58 | 176 <table class="talosconfig"> |
24 | 177 |
178 {{for test in sorted(tests[suite].keys())}} | |
179 <tr> | |
36 | 180 <td> |
38
ef8590b55605
determine actually correct name extension
Jeff Hammel <jhammel@mozilla.com>
parents:
36
diff
changeset
|
181 <i>{{test_type[suite][test]}}</i> |
36 | 182 <div class="header testname">{{test}}</div> |
183 <dl class="testattributes"> | |
24 | 184 {{for attr in sorted(tests.get(suite, {})[test].keys())}} |
185 <dt>{{attr}}</dt> | |
186 <dd>{{tests[suite][test][attr]}}</dd> | |
187 {{endfor}} | |
188 </dl> | |
189 </td> | |
190 <td> | |
28 | 191 {{if graphserver[suite][test]}} |
24 | 192 <dl> |
26 | 193 {{for name, longname in graphserver[suite][test]}} |
24 | 194 <dt>{{name}}</dt> |
195 <dd>{{longname}}</dd> | |
196 {{endfor}} | |
197 </dl> | |
28 | 198 {{endif}} |
24 | 199 </td> |
200 </tr> | |
201 {{endfor}} | |
202 </table> | |
203 {{endif}} | |
204 </td> | |
21 | 205 </tr> |
206 {{endfor}} | |
18 | 207 </table> |
208 </body> | |
209 </html> |