Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(192)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: gm/rebaseline_server/static/view.html

Issue 155973003: rebaseline_server: get "image size" working again (Closed) Base URL: https://skia.googlesource.com/skia.git@master
Patch Set: Created 6 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« gm/rebaseline_server/static/diff_viewer.js ('K') | « gm/rebaseline_server/static/diff_viewer.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 2
3 <html ng-app="Loader" ng-controller="Loader.Controller"> 3 <html ng-app="Loader" ng-controller="Loader.Controller">
4 4
5 <head> 5 <head>
6 <title ng-bind="windowTitle"></title> 6 <title ng-bind="windowTitle"></title>
7 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js" ></script> 7 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js" ></script>
8 <script src="loader.js"></script> 8 <script src="loader.js"></script>
9 <script src="diff_viewer.js"></script> 9 <script src="diff_viewer.js"></script>
10 <link rel="stylesheet" href="view.css"> 10 <link rel="stylesheet" href="view.css">
(...skipping 97 matching lines...) Expand 10 before | Expand all | Expand 10 after
108 </button> 108 </button>
109 <button ng-click="hiddenConfigs = {}; toggleValuesInSet(allConfigs, hidd enConfigs); updateResults()"> 109 <button ng-click="hiddenConfigs = {}; toggleValuesInSet(allConfigs, hidd enConfigs); updateResults()">
110 none 110 none
111 </button> 111 </button>
112 <button ng-click="toggleValuesInSet(allConfigs, hiddenConfigs); updateRe sults()"> 112 <button ng-click="toggleValuesInSet(allConfigs, hiddenConfigs); updateRe sults()">
113 toggle 113 toggle
114 </button> 114 </button>
115 </td> 115 </td>
116 <td><table> 116 <td><table>
117 <tr><td> 117 <tr><td>
118 Image size 118 Image width
119 <input type="text" ng-model="imageSizePending" 119 <input type="text" ng-model="imageSizePending"
120 ng-init="imageSizePending=100" 120 ng-init="imageSizePending=100"
121 ng-change="areUpdatesPending = true" 121 ng-change="areUpdatesPending = true"
122 maxlength="4"/> 122 maxlength="4"/>
123 </td></tr> 123 </td></tr>
124 <tr><td> 124 <tr><td>
125 Max records to display 125 Max records to display
126 <input type="text" ng-model="displayLimitPending" 126 <input type="text" ng-model="displayLimitPending"
127 ng-init="displayLimitPending=50" 127 ng-init="displayLimitPending=50"
128 ng-change="areUpdatesPending = true" 128 ng-change="areUpdatesPending = true"
(...skipping 166 matching lines...) Expand 10 before | Expand all | Expand 10 after
295 </td> 295 </td>
296 <td> 296 <td>
297 <a ng-repeat="bug in result['bugs']" 297 <a ng-repeat="bug in result['bugs']"
298 href="https://code.google.com/p/skia/issues/detail?id={{bug}}" 298 href="https://code.google.com/p/skia/issues/detail?id={{bug}}"
299 target="_blank"> 299 target="_blank">
300 {{bug}} 300 {{bug}}
301 </a> 301 </a>
302 </td> 302 </td>
303 303
304 <!-- expected image --> 304 <!-- expected image -->
305 <td valign="top" width="{{imageSize}}"> 305 <td valign="bottom" width="{{imageSize}}">
epoger 2014/02/05 20:51:14 Rather than using <br> tags to make the image thum
306 <br/>
307 <a href="http://chromium-skia-gm.commondatastorage.googleapis.com/gm /{{result.expectedHashType}}/{{result.test}}/{{result.expectedHashDigest}}.png" target="_blank">View Image</a><br/> 306 <a href="http://chromium-skia-gm.commondatastorage.googleapis.com/gm /{{result.expectedHashType}}/{{result.test}}/{{result.expectedHashDigest}}.png" target="_blank">View Image</a><br/>
308 <img-compare type="baseline" 307 <img-compare type="baseline" width="{{imageSize}}"
309 src="http://chromium-skia-gm.commondatastorage.googleap is.com/gm/{{result.expectedHashType}}/{{result.test}}/{{result.expectedHashDiges t}}.png" /> 308 src="http://chromium-skia-gm.commondatastorage.googleap is.com/gm/{{result.expectedHashType}}/{{result.test}}/{{result.expectedHashDiges t}}.png" />
310 309
311 </td> 310 </td>
312 311
313 <!-- actual image --> 312 <!-- actual image -->
314 <td valign="top" width="{{imageSize}}"> 313 <td valign="bottom" width="{{imageSize}}">
315 <br/>
316 <a href="http://chromium-skia-gm.commondatastorage.googleapis.com/gm /{{result.actualHashType}}/{{result.test}}/{{result.actualHashDigest}}.png" targ et="_blank">View Image</a><br/> 314 <a href="http://chromium-skia-gm.commondatastorage.googleapis.com/gm /{{result.actualHashType}}/{{result.test}}/{{result.actualHashDigest}}.png" targ et="_blank">View Image</a><br/>
317 <img-compare type="test" 315 <img-compare type="test" width="{{imageSize}}"
318 src="http://chromium-skia-gm.commondatastorage.googleap is.com/gm/{{result.actualHashType}}/{{result.test}}/{{result.actualHashDigest}}. png" /> 316 src="http://chromium-skia-gm.commondatastorage.googleap is.com/gm/{{result.actualHashType}}/{{result.test}}/{{result.actualHashDigest}}. png" />
319 317
320 </td> 318 </td>
321 319
322 <!-- whitediffs: every differing pixel shown in white --> 320 <!-- whitediffs: every differing pixel shown in white -->
323 <td valign="top" width="{{imageSize}}"> 321 <td valign="bottom" width="{{imageSize}}">
324 <div ng-hide="result.expectedHashDigest == result.actualHashDigest" 322 <div ng-hide="result.expectedHashDigest == result.actualHashDigest"
325 title="{{result.numDifferingPixels | number:0}} of {{(100 * res ult.numDifferingPixels / result.percentDifferingPixels) | number:0}} pixels ({{r esult.percentDifferingPixels.toFixed(4)}}%) differ from expectation."> 323 title="{{result.numDifferingPixels | number:0}} of {{(100 * res ult.numDifferingPixels / result.percentDifferingPixels) | number:0}} pixels ({{r esult.percentDifferingPixels.toFixed(4)}}%) differ from expectation.">
326 324
327 {{result.percentDifferingPixels.toFixed(4)}}% 325 {{result.percentDifferingPixels.toFixed(4)}}%
328 ({{result.numDifferingPixels}}) 326 ({{result.numDifferingPixels}})
329 <br/> 327 <br/>
330 <a href="/static/generated-images/whitediffs/{{result.expectedHash Digest}}-vs-{{result.actualHashDigest}}.png" target="_blank">View Image</a><br/> 328 <a href="/static/generated-images/whitediffs/{{result.expectedHash Digest}}-vs-{{result.actualHashDigest}}.png" target="_blank">View Image</a><br/>
331 <img-compare type="differingPixelsInWhite" 329 <img-compare type="differingPixelsInWhite" width="{{imageSize}}"
332 src="/static/generated-images/whitediffs/{{result.exp ectedHashDigest}}-vs-{{result.actualHashDigest}}.png" /> 330 src="/static/generated-images/whitediffs/{{result.exp ectedHashDigest}}-vs-{{result.actualHashDigest}}.png" />
333 331
334 </div> 332 </div>
335 <div ng-hide="result.expectedHashDigest != result.actualHashDigest" 333 <div ng-hide="result.expectedHashDigest != result.actualHashDigest"
336 style="text-align:center"> 334 style="text-align:center">
337 &ndash;none&ndash; 335 &ndash;none&ndash;
338 </div> 336 </div>
339 </td> 337 </td>
340 338
341 <!-- diffs: per-channel RGB deltas --> 339 <!-- diffs: per-channel RGB deltas -->
342 <td valign="top" width="{{imageSize}}"> 340 <td valign="bottom" width="{{imageSize}}">
343 <div ng-hide="result.expectedHashDigest == result.actualHashDigest" 341 <div ng-hide="result.expectedHashDigest == result.actualHashDigest"
344 title="Weighted difference measure is {{result.weightedDiffMeas ure.toFixed(4)}}%. Maximum difference per channel: R={{result.maxDiffPerChannel [0]}}, G={{result.maxDiffPerChannel[1]}}, B={{result.maxDiffPerChannel[2]}}"> 342 title="Weighted difference measure is {{result.weightedDiffMeas ure.toFixed(4)}}%. Maximum difference per channel: R={{result.maxDiffPerChannel [0]}}, G={{result.maxDiffPerChannel[1]}}, B={{result.maxDiffPerChannel[2]}}">
345 343
346 {{result.weightedDiffMeasure.toFixed(4)}}% 344 {{result.weightedDiffMeasure.toFixed(4)}}%
347 {{result.maxDiffPerChannel}} 345 {{result.maxDiffPerChannel}}
348 <br/> 346 <br/>
349 <a href="/static/generated-images/diffs/{{result.expectedHashDiges t}}-vs-{{result.actualHashDigest}}.png" target="_blank">View Image</a><br/> 347 <a href="/static/generated-images/diffs/{{result.expectedHashDiges t}}-vs-{{result.actualHashDigest}}.png" target="_blank">View Image</a><br/>
350 <img-compare ng-style="{backgroundColor: pixelDiffBgColor}" 348 <img-compare ng-style="{backgroundColor: pixelDiffBgColor}"
351 type="differencePerPixel" 349 type="differencePerPixel" width="{{imageSize}}"
352 src="/static/generated-images/diffs/{{result.expected HashDigest}}-vs-{{result.actualHashDigest}}.png" 350 src="/static/generated-images/diffs/{{result.expected HashDigest}}-vs-{{result.actualHashDigest}}.png"
353 ng-mousedown="MagnifyDraw($event, true)" 351 ng-mousedown="MagnifyDraw($event, true)"
354 ng-mousemove="MagnifyDraw($event, false)" 352 ng-mousemove="MagnifyDraw($event, false)"
355 ng-mouseup="MagnifyEnd($event)" 353 ng-mouseup="MagnifyEnd($event)"
356 ng-mouseleave="MagnifyEnd($event)" /> 354 ng-mouseleave="MagnifyEnd($event)" />
357 355
358 </div> 356 </div>
359 <div ng-hide="result.expectedHashDigest != result.actualHashDigest" 357 <div ng-hide="result.expectedHashDigest != result.actualHashDigest"
360 style="text-align:center"> 358 style="text-align:center">
361 &ndash;none&ndash; 359 &ndash;none&ndash;
(...skipping 16 matching lines...) Expand all
378 <!-- TODO(epoger): Can we get the base URLs (commondatastorage and 376 <!-- TODO(epoger): Can we get the base URLs (commondatastorage and
379 issues list) from 377 issues list) from
380 https://skia.googlesource.com/buildbot/+/master/site_config/global_variab les.json ? 378 https://skia.googlesource.com/buildbot/+/master/site_config/global_variab les.json ?
381 I tried importing the 379 I tried importing the
382 http://skia.googlecode.com/svn/buildbot/skia_tools.js script and using 380 http://skia.googlecode.com/svn/buildbot/skia_tools.js script and using
383 that to do so, but I got Access-Control-Allow-Origin errors. 381 that to do so, but I got Access-Control-Allow-Origin errors.
384 --> 382 -->
385 383
386 </body> 384 </body>
387 </html> 385 </html>
OLDNEW
« gm/rebaseline_server/static/diff_viewer.js ('K') | « gm/rebaseline_server/static/diff_viewer.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698