OLD | NEW |
| (Empty) |
1 /* | |
2 * Copyright (C) 2011 Google Inc. All rights reserved. | |
3 * | |
4 * Redistribution and use in source and binary forms, with or without | |
5 * modification, are permitted provided that the following conditions | |
6 * are met: | |
7 * 1. Redistributions of source code must retain the above copyright | |
8 * notice, this list of conditions and the following disclaimer. | |
9 * 2. Redistributions in binary form must reproduce the above copyright | |
10 * notice, this list of conditions and the following disclaimer in the | |
11 * documentation and/or other materials provided with the distribution. | |
12 * | |
13 * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS'' | |
14 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, | |
15 * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR | |
16 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS | |
17 * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR | |
18 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF | |
19 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS | |
20 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN | |
21 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) | |
22 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF | |
23 * THE POSSIBILITY OF SUCH DAMAGE. | |
24 */ | |
25 | |
26 var ui = ui || {}; | |
27 | |
28 (function () { | |
29 | |
30 ui.displayURLForBuilder = function(builderName) | |
31 { | |
32 return config.kPlatforms[config.currentPlatform].waterfallURL + '?' + $.para
m({ | |
33 'builder': builderName | |
34 }); | |
35 } | |
36 | |
37 ui.displayNameForBuilder = function(builderName) | |
38 { | |
39 return builderName.replace(/Webkit /, ''); | |
40 } | |
41 | |
42 ui.urlForTest = function(testName) | |
43 { | |
44 return 'http://trac.webkit.org/browser/trunk/LayoutTests/' + testName; | |
45 } | |
46 | |
47 ui.urlForFlakinessDashboard = function(opt_testNameList) | |
48 { | |
49 var testsParameter = opt_testNameList ? opt_testNameList.join(',') : ''; | |
50 return 'http://test-results.appspot.com/dashboards/flakiness_dashboard.html#
tests=' + encodeURIComponent(testsParameter); | |
51 } | |
52 | |
53 ui.urlForEmbeddedFlakinessDashboard = function(opt_testNameList) | |
54 { | |
55 if (config.kPlatforms[config.currentPlatform].useFlakinessDashboard) | |
56 return ui.urlForFlakinessDashboard(opt_testNameList) + '&showChrome=fals
e'; | |
57 | |
58 return 'about:blank'; | |
59 } | |
60 | |
61 ui.rolloutReasonForTestNameList = function(testNameList) | |
62 { | |
63 return 'Broke:\n' + testNameList.map(function(testName) { | |
64 return '* ' + testName; | |
65 }).join('\n'); | |
66 } | |
67 | |
68 ui.onebar = base.extends('div', { | |
69 init: function() | |
70 { | |
71 this.id = 'onebar'; | |
72 this.innerHTML = | |
73 '<div><select id="platform-picker"></select></div>' + | |
74 '<ul>' + | |
75 '<li><a href="#unexpected">Unexpected Failures</a></li>' + | |
76 '<li><a href="#expected">Expected Failures</a></li>' + | |
77 '<li><a href="#results">Results</a></li>' + | |
78 '<li><a href="#perf">perf</a></li>' + | |
79 '</ul>' + | |
80 '<div id="unexpected"></div>' + | |
81 '<div id="expected"></div>' + | |
82 '<div id="results"></div>' + | |
83 '<div id="perf"></div>'; | |
84 this._tabNames = [ | |
85 'unexpected', | |
86 'expected', | |
87 'results', | |
88 'perf', | |
89 ] | |
90 | |
91 this._tabIndexToSavedScrollOffset = {}; | |
92 this._tabs = $(this).tabs({ | |
93 disabled: [2], | |
94 show: function(event, ui) { this._restoreScrollOffset(ui.index); }, | |
95 }); | |
96 }, | |
97 _buildPlatformsPopup: function() { | |
98 // FIXME: find a better place to do this. | |
99 var urlPlatform = base.getURLParameter('platform'); | |
100 if (urlPlatform) | |
101 config.setPlatform(urlPlatform); | |
102 | |
103 var platformSelect = document.getElementById('platform-picker'); | |
104 var currentPlatformIndex = 0; | |
105 Object.keys(config.kPlatforms).sort().forEach(function(platformName) { | |
106 var option = document.createElement('option'); | |
107 option.innerText = config.kPlatforms[platformName].label; | |
108 option._platform = platformName; | |
109 if (platformName == config.currentPlatform) | |
110 currentPlatformIndex = platformSelect.childNodes.length; | |
111 platformSelect.appendChild(option); | |
112 }); | |
113 | |
114 platformSelect.addEventListener('change', function() { | |
115 window.location.search = '?platform=' + platformSelect.options[platf
ormSelect.selectedIndex]._platform; | |
116 }); | |
117 | |
118 platformSelect.selectedIndex = currentPlatformIndex; | |
119 }, | |
120 _saveScrollOffset: function() { | |
121 var tabIndex = this._tabs.tabs('option', 'selected'); | |
122 this._tabIndexToSavedScrollOffset[tabIndex] = document.body.scrollTop; | |
123 }, | |
124 _restoreScrollOffset: function(tabIndex) | |
125 { | |
126 document.body.scrollTop = this._tabIndexToSavedScrollOffset[tabIndex] ||
0; | |
127 }, | |
128 _setupHistoryHandlers: function() | |
129 { | |
130 function currentHash() { | |
131 var hash = window.location.hash; | |
132 return (!hash || hash == '#') ? '#unexpected' : hash; | |
133 } | |
134 | |
135 var self = this; | |
136 $('.ui-tabs-nav a').bind('mouseup', function(event) { | |
137 var href = event.target.getAttribute('href'); | |
138 var hash = currentHash(); | |
139 if (href != hash) { | |
140 self._saveScrollOffset(); | |
141 window.location = href | |
142 } | |
143 }); | |
144 | |
145 window.onhashchange = function(event) { | |
146 var tabName = currentHash().substring(1); | |
147 self._selectInternal(tabName); | |
148 }; | |
149 | |
150 // When navigating from the browser chrome, we'll | |
151 // scroll to the #tabname contents. popstate fires before | |
152 // we scroll, so we can save the scroll offset first. | |
153 window.onpopstate = function() { | |
154 self._saveScrollOffset(); | |
155 }; | |
156 }, | |
157 attach: function() | |
158 { | |
159 document.body.insertBefore(this, document.body.firstChild); | |
160 this._setupHistoryHandlers(); | |
161 this._buildPlatformsPopup(); | |
162 }, | |
163 tabNamed: function(tabName) | |
164 { | |
165 if (this._tabNames.indexOf(tabName) == -1) | |
166 return null; | |
167 tab = document.getElementById(tabName); | |
168 // We perform this sanity check below to make sure getElementById | |
169 // hasn't given us a node in some other unrelated part of the document. | |
170 // that shouldn't happen normally, but it could happen if an attacker | |
171 // has somehow sneakily added a node to our document. | |
172 if (tab.parentNode != this) | |
173 return null; | |
174 return tab; | |
175 }, | |
176 unexpected: function() | |
177 { | |
178 return this.tabNamed('unexpected'); | |
179 }, | |
180 expected: function() | |
181 { | |
182 return this.tabNamed('expected'); | |
183 }, | |
184 results: function() | |
185 { | |
186 return this.tabNamed('results'); | |
187 }, | |
188 perf: function() | |
189 { | |
190 return this.tabNamed('perf'); | |
191 }, | |
192 _selectInternal: function(tabName) { | |
193 var tabIndex = this._tabNames.indexOf(tabName); | |
194 this._tabs.tabs('enable', tabIndex); | |
195 this._tabs.tabs('select', tabIndex); | |
196 }, | |
197 select: function(tabName) | |
198 { | |
199 this._saveScrollOffset(); | |
200 this._selectInternal(tabName); | |
201 window.location = '#' + tabName; | |
202 } | |
203 }); | |
204 | |
205 // FIXME: Loading a module shouldn't set off a timer. The controller should kic
k this off. | |
206 setInterval(function() { | |
207 Array.prototype.forEach.call(document.querySelectorAll("time.relative"), fun
ction(time) { | |
208 time.update && time.update(); | |
209 }); | |
210 }, config.kRelativeTimeUpdateFrequency); | |
211 | |
212 ui.RelativeTime = base.extends('time', { | |
213 init: function() | |
214 { | |
215 this.className = 'relative'; | |
216 }, | |
217 date: function() | |
218 { | |
219 return this._date; | |
220 }, | |
221 update: function() | |
222 { | |
223 this.textContent = this._date ? base.relativizeTime(this._date) : ''; | |
224 }, | |
225 setDate: function(date) | |
226 { | |
227 this._date = date; | |
228 this.update(); | |
229 } | |
230 }); | |
231 | |
232 ui.StatusArea = base.extends('div', { | |
233 init: function() | |
234 { | |
235 // This is a Singleton. | |
236 if (ui.StatusArea._instance) | |
237 return ui.StatusArea._instance; | |
238 ui.StatusArea._instance = this; | |
239 | |
240 this.className = 'status'; | |
241 document.body.appendChild(this); | |
242 this._currentId = 0; | |
243 this._unfinishedIds = {}; | |
244 | |
245 this.appendChild(new ui.actions.List([new ui.actions.Close()])); | |
246 $(this).bind('close', this.close.bind(this)); | |
247 | |
248 var processing = document.createElement('progress'); | |
249 processing.className = 'process-text'; | |
250 processing.textContent = 'Processing...'; | |
251 this.appendChild(processing); | |
252 }, | |
253 close: function() | |
254 { | |
255 this.style.visibility = 'hidden'; | |
256 Array.prototype.forEach.call(this.querySelectorAll('.status-content'), f
unction(node) { | |
257 node.parentNode.removeChild(node); | |
258 }); | |
259 }, | |
260 addMessage: function(id, message) | |
261 { | |
262 this.style.visibility = 'visible'; | |
263 $(this).addClass('processing'); | |
264 | |
265 var element = document.createElement('div'); | |
266 $(element).addClass('message').text(message); | |
267 | |
268 var content = this.querySelector('#' + id); | |
269 if (!content) { | |
270 content = document.createElement('div'); | |
271 content.id = id; | |
272 content.className = 'status-content'; | |
273 this.appendChild(content); | |
274 } | |
275 | |
276 content.appendChild(element); | |
277 if (element.offsetTop < this.scrollTop || element.offsetTop + element.of
fsetHeight > this.scrollTop + this.offsetHeight) | |
278 this.scrollTop = element.offsetTop; | |
279 }, | |
280 // FIXME: It's unclear whether this code could live here or in a controller. | |
281 addFinalMessage: function(id, message) | |
282 { | |
283 this.addMessage(id, message); | |
284 | |
285 delete this._unfinishedIds[id]; | |
286 if (!Object.keys(this._unfinishedIds).length) | |
287 $(this).removeClass('processing'); | |
288 }, | |
289 newId: function() { | |
290 var id = 'status-content-' + ++this._currentId; | |
291 this._unfinishedIds[id] = 1; | |
292 return id; | |
293 } | |
294 }); | |
295 | |
296 })(); | |
OLD | NEW |