OLD | NEW |
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="constants.js"></script> | 8 <script src="constants.js"></script> |
9 <script src="diff_viewer.js"></script> | |
10 <script src="loader.js"></script> | 9 <script src="loader.js"></script> |
11 <link rel="stylesheet" href="view.css"> | 10 <link rel="stylesheet" href="view.css"> |
12 </head> | 11 </head> |
13 | 12 |
14 <body> | 13 <body> |
15 <h2> | 14 <h2> |
16 Instructions, roadmap, etc. are at | 15 Instructions, roadmap, etc. are at |
17 <a href="http://tinyurl.com/SkiaRebaselineServer"> | 16 <a href="http://tinyurl.com/SkiaRebaselineServer"> |
18 http://tinyurl.com/SkiaRebaselineServer | 17 http://tinyurl.com/SkiaRebaselineServer |
19 </a> | 18 </a> |
(...skipping 248 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
268 ng-init="pixelDiffBgColorBrightness=64; pixelDiffBgColor=brig
htnessStringToHexColor(pixelDiffBgColorBrightness)" | 267 ng-init="pixelDiffBgColorBrightness=64; pixelDiffBgColor=brig
htnessStringToHexColor(pixelDiffBgColorBrightness)" |
269 ng-change="pixelDiffBgColor=brightnessStringToHexColor(pixelD
iffBgColorBrightness)" | 268 ng-change="pixelDiffBgColor=brightnessStringToHexColor(pixelD
iffBgColorBrightness)" |
270 title="image background brightness" | 269 title="image background brightness" |
271 min="0" max="255"/> | 270 min="0" max="255"/> |
272 </th> | 271 </th> |
273 <th> | 272 <th> |
274 <!-- imagepair-selection checkbox column --> | 273 <!-- imagepair-selection checkbox column --> |
275 </th> | 274 </th> |
276 </tr> | 275 </tr> |
277 | 276 |
278 <tr ng-repeat="imagePair in limitedImagePairs" ng-controller="ImageContr
oller" results-updated-callback-directive> | 277 <tr ng-repeat="imagePair in limitedImagePairs" results-updated-callback-
directive> |
279 <td> | 278 <td> |
280 {{imagePair[constants.KEY__EXTRA_COLUMN_VALUES][constants.KEY__EXTRA
COLUMN__RESULT_TYPE]}} | 279 {{imagePair[constants.KEY__EXTRA_COLUMN_VALUES][constants.KEY__EXTRA
COLUMN__RESULT_TYPE]}} |
281 <br> | 280 <br> |
282 <button class="show-only-button" | 281 <button class="show-only-button" |
283 ng-show="viewingTab == defaultTab" | 282 ng-show="viewingTab == defaultTab" |
284 ng-click="showOnlyResultType(imagePair[constants.KEY__EXTRA_
COLUMN_VALUES][constants.KEY__EXTRACOLUMN__RESULT_TYPE])" | 283 ng-click="showOnlyResultType(imagePair[constants.KEY__EXTRA_
COLUMN_VALUES][constants.KEY__EXTRACOLUMN__RESULT_TYPE])" |
285 title="show only results of type {{imagePair[constants.KEY__
EXTRA_COLUMN_VALUES][constants.KEY__EXTRACOLUMN__RESULT_TYPE]}}"> | 284 title="show only results of type {{imagePair[constants.KEY__
EXTRA_COLUMN_VALUES][constants.KEY__EXTRACOLUMN__RESULT_TYPE]}}"> |
286 show only | 285 show only |
287 </button> | 286 </button> |
288 <br> | 287 <br> |
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
336 href="https://code.google.com/p/skia/issues/detail?id={{bug}}" | 335 href="https://code.google.com/p/skia/issues/detail?id={{bug}}" |
337 target="_blank"> | 336 target="_blank"> |
338 {{bug}} | 337 {{bug}} |
339 </a> | 338 </a> |
340 </td> | 339 </td> |
341 | 340 |
342 <!-- image A --> | 341 <!-- image A --> |
343 <td valign="bottom" width="{{imageSize}}"> | 342 <td valign="bottom" width="{{imageSize}}"> |
344 <div ng-if="imagePair[constants.KEY__IMAGE_A_URL] != null"> | 343 <div ng-if="imagePair[constants.KEY__IMAGE_A_URL] != null"> |
345 <a href="{{imageSets[0][constants.KEY__IMAGESETS__BASE_URL]}}/{{im
agePair[constants.KEY__IMAGE_A_URL]}}" target="_blank">View Image</a><br/> | 344 <a href="{{imageSets[0][constants.KEY__IMAGESETS__BASE_URL]}}/{{im
agePair[constants.KEY__IMAGE_A_URL]}}" target="_blank">View Image</a><br/> |
346 <img-compare ng-if="showThumbnails" | 345 <img ng-if="showThumbnails" |
347 type="baseline" width="{{imageSize}}" | 346 width="{{imageSize}}" |
348 src="{{imageSets[0][constants.KEY__IMAGESETS__BASE_UR
L]}}/{{imagePair[constants.KEY__IMAGE_A_URL]}}" /> | 347 src="{{imageSets[0][constants.KEY__IMAGESETS__BASE_URL]}}/{{i
magePair[constants.KEY__IMAGE_A_URL]}}" /> |
349 </div> | 348 </div> |
350 <div ng-show="imagePair[constants.KEY__IMAGE_A_URL] == null" | 349 <div ng-show="imagePair[constants.KEY__IMAGE_A_URL] == null" |
351 style="text-align:center"> | 350 style="text-align:center"> |
352 –none– | 351 –none– |
353 </div> | 352 </div> |
354 </td> | 353 </td> |
355 | 354 |
356 <!-- image B --> | 355 <!-- image B --> |
357 <td valign="bottom" width="{{imageSize}}"> | 356 <td valign="bottom" width="{{imageSize}}"> |
358 <div ng-if="imagePair[constants.KEY__IMAGE_B_URL] != null"> | 357 <div ng-if="imagePair[constants.KEY__IMAGE_B_URL] != null"> |
359 <a href="{{imageSets[1][constants.KEY__IMAGESETS__BASE_URL]}}/{{im
agePair[constants.KEY__IMAGE_B_URL]}}" target="_blank">View Image</a><br/> | 358 <a href="{{imageSets[1][constants.KEY__IMAGESETS__BASE_URL]}}/{{im
agePair[constants.KEY__IMAGE_B_URL]}}" target="_blank">View Image</a><br/> |
360 <img-compare ng-if="showThumbnails" | 359 <img ng-if="showThumbnails" |
361 type="test" width="{{imageSize}}" | 360 width="{{imageSize}}" |
362 src="{{imageSets[1][constants.KEY__IMAGESETS__BASE_UR
L]}}/{{imagePair[constants.KEY__IMAGE_B_URL]}}" /> | 361 src="{{imageSets[1][constants.KEY__IMAGESETS__BASE_URL]}}/{{i
magePair[constants.KEY__IMAGE_B_URL]}}" /> |
363 </div> | 362 </div> |
364 <div ng-show="imagePair[constants.KEY__IMAGE_B_URL] == null" | 363 <div ng-show="imagePair[constants.KEY__IMAGE_B_URL] == null" |
365 style="text-align:center"> | 364 style="text-align:center"> |
366 –none– | 365 –none– |
367 </div> | 366 </div> |
368 </td> | 367 </td> |
369 | 368 |
370 <!-- whitediffs: every differing pixel shown in white --> | 369 <!-- whitediffs: every differing pixel shown in white --> |
371 <td valign="bottom" width="{{imageSize}}"> | 370 <td valign="bottom" width="{{imageSize}}"> |
372 <div ng-if="imagePair[constants.KEY__IS_DIFFERENT]" | 371 <div ng-if="imagePair[constants.KEY__IS_DIFFERENT]" |
373 title="{{imagePair[constants.KEY__DIFFERENCE_DATA][constants.KE
Y__DIFFERENCE_DATA__NUM_DIFF_PIXELS] | number:0}} of {{(100 * imagePair[constant
s.KEY__DIFFERENCE_DATA][constants.KEY__DIFFERENCE_DATA__NUM_DIFF_PIXELS] / image
Pair[constants.KEY__DIFFERENCE_DATA][constants.KEY__DIFFERENCE_DATA__PERCENT_DIF
F_PIXELS]) | number:0}} pixels ({{imagePair[constants.KEY__DIFFERENCE_DATA][cons
tants.KEY__DIFFERENCE_DATA__PERCENT_DIFF_PIXELS].toFixed(4)}}%) differ from expe
ctation."> | 372 title="{{imagePair[constants.KEY__DIFFERENCE_DATA][constants.KE
Y__DIFFERENCE_DATA__NUM_DIFF_PIXELS] | number:0}} of {{(100 * imagePair[constant
s.KEY__DIFFERENCE_DATA][constants.KEY__DIFFERENCE_DATA__NUM_DIFF_PIXELS] / image
Pair[constants.KEY__DIFFERENCE_DATA][constants.KEY__DIFFERENCE_DATA__PERCENT_DIF
F_PIXELS]) | number:0}} pixels ({{imagePair[constants.KEY__DIFFERENCE_DATA][cons
tants.KEY__DIFFERENCE_DATA__PERCENT_DIFF_PIXELS].toFixed(4)}}%) differ from expe
ctation."> |
374 | 373 |
375 {{imagePair[constants.KEY__DIFFERENCE_DATA][constants.KEY__DIFFERE
NCE_DATA__PERCENT_DIFF_PIXELS].toFixed(4)}}% | 374 {{imagePair[constants.KEY__DIFFERENCE_DATA][constants.KEY__DIFFERE
NCE_DATA__PERCENT_DIFF_PIXELS].toFixed(4)}}% |
376 ({{imagePair[constants.KEY__DIFFERENCE_DATA][constants.KEY__DIFFER
ENCE_DATA__NUM_DIFF_PIXELS]}}) | 375 ({{imagePair[constants.KEY__DIFFERENCE_DATA][constants.KEY__DIFFER
ENCE_DATA__NUM_DIFF_PIXELS]}}) |
377 <br/> | 376 <br/> |
378 <a href="/static/generated-images/whitediffs/{{getImageDiffRelativ
eUrl(imagePair)}}" target="_blank">View Image</a><br/> | 377 <a href="/static/generated-images/whitediffs/{{getImageDiffRelativ
eUrl(imagePair)}}" target="_blank">View Image</a><br/> |
379 <img-compare ng-if="showThumbnails" | 378 <img ng-if="showThumbnails" |
380 type="differingPixelsInWhite" width="{{imageSize}}" | 379 width="{{imageSize}}" |
381 src="/static/generated-images/whitediffs/{{getImageDi
ffRelativeUrl(imagePair)}}" /> | 380 src="/static/generated-images/whitediffs/{{getImageDiffRelati
veUrl(imagePair)}}" /> |
382 </div> | 381 </div> |
383 <div ng-show="!imagePair[constants.KEY__IS_DIFFERENT]" | 382 <div ng-show="!imagePair[constants.KEY__IS_DIFFERENT]" |
384 style="text-align:center"> | 383 style="text-align:center"> |
385 –none– | 384 –none– |
386 </div> | 385 </div> |
387 </td> | 386 </td> |
388 | 387 |
389 <!-- diffs: per-channel RGB deltas --> | 388 <!-- diffs: per-channel RGB deltas --> |
390 <td valign="bottom" width="{{imageSize}}"> | 389 <td valign="bottom" width="{{imageSize}}"> |
391 <div ng-if="imagePair[constants.KEY__IS_DIFFERENT]" | 390 <div ng-if="imagePair[constants.KEY__IS_DIFFERENT]" |
392 title="Perceptual difference measure is {{imagePair[constants.K
EY__DIFFERENCE_DATA][constants.KEY__DIFFERENCE_DATA__PERCEPTUAL_DIFF].toFixed(4)
}}%. Maximum difference per channel: R={{imagePair[constants.KEY__DIFFERENCE_DA
TA][constants.KEY__DIFFERENCE_DATA__MAX_DIFF_PER_CHANNEL][0]}}, G={{imagePair[co
nstants.KEY__DIFFERENCE_DATA][constants.KEY__DIFFERENCE_DATA__MAX_DIFF_PER_CHANN
EL][1]}}, B={{imagePair[constants.KEY__DIFFERENCE_DATA][constants.KEY__DIFFERENC
E_DATA__MAX_DIFF_PER_CHANNEL][2]}}"> | 391 title="Perceptual difference measure is {{imagePair[constants.K
EY__DIFFERENCE_DATA][constants.KEY__DIFFERENCE_DATA__PERCEPTUAL_DIFF].toFixed(4)
}}%. Maximum difference per channel: R={{imagePair[constants.KEY__DIFFERENCE_DA
TA][constants.KEY__DIFFERENCE_DATA__MAX_DIFF_PER_CHANNEL][0]}}, G={{imagePair[co
nstants.KEY__DIFFERENCE_DATA][constants.KEY__DIFFERENCE_DATA__MAX_DIFF_PER_CHANN
EL][1]}}, B={{imagePair[constants.KEY__DIFFERENCE_DATA][constants.KEY__DIFFERENC
E_DATA__MAX_DIFF_PER_CHANNEL][2]}}"> |
393 | 392 |
394 {{imagePair[constants.KEY__DIFFERENCE_DATA][constants.KEY__DIFFERE
NCE_DATA__PERCEPTUAL_DIFF].toFixed(4)}}% | 393 {{imagePair[constants.KEY__DIFFERENCE_DATA][constants.KEY__DIFFERE
NCE_DATA__PERCEPTUAL_DIFF].toFixed(4)}}% |
395 {{imagePair[constants.KEY__DIFFERENCE_DATA][constants.KEY__DIFFERE
NCE_DATA__MAX_DIFF_PER_CHANNEL]}} | 394 {{imagePair[constants.KEY__DIFFERENCE_DATA][constants.KEY__DIFFERE
NCE_DATA__MAX_DIFF_PER_CHANNEL]}} |
396 <br/> | 395 <br/> |
397 <a href="/static/generated-images/diffs/{{getImageDiffRelativeUrl(
imagePair)}}" target="_blank">View Image</a><br/> | 396 <a href="/static/generated-images/diffs/{{getImageDiffRelativeUrl(
imagePair)}}" target="_blank">View Image</a><br/> |
398 <img-compare ng-if="showThumbnails" | 397 <img ng-if="showThumbnails" |
399 ng-style="{backgroundColor: pixelDiffBgColor}" | 398 ng-style="{backgroundColor: pixelDiffBgColor}" |
400 type="differencePerPixel" width="{{imageSize}}" | 399 width="{{imageSize}}" |
401 src="/static/generated-images/diffs/{{getImageDiffRel
ativeUrl(imagePair)}}" | 400 src="/static/generated-images/diffs/{{getImageDiffRelativeUrl
(imagePair)}}"/> |
402 ng-mousedown="MagnifyDraw($event, true)" | |
403 ng-mousemove="MagnifyDraw($event, false)" | |
404 ng-mouseup="MagnifyEnd($event)" | |
405 ng-mouseleave="MagnifyEnd($event)" /> | |
406 </div> | 401 </div> |
407 <div ng-show="!imagePair[constants.KEY__IS_DIFFERENT]" | 402 <div ng-show="!imagePair[constants.KEY__IS_DIFFERENT]" |
408 style="text-align:center"> | 403 style="text-align:center"> |
409 –none– | 404 –none– |
410 </div> | 405 </div> |
411 </td> | 406 </td> |
412 | 407 |
413 <td> | 408 <td> |
414 <input type="checkbox" | 409 <input type="checkbox" |
415 name="rowSelect" | 410 name="rowSelect" |
416 value="{{imagePair.index}}" | 411 value="{{imagePair.index}}" |
417 ng-checked="isValueInArray(imagePair.index, selectedImagePair
s)" | 412 ng-checked="isValueInArray(imagePair.index, selectedImagePair
s)" |
418 ng-click="toggleValueInArray(imagePair.index, selectedImagePa
irs)"> | 413 ng-click="toggleValueInArray(imagePair.index, selectedImagePa
irs)"> |
419 </tr> | 414 </tr> |
420 </table> <!-- imagePairs --> | 415 </table> <!-- imagePairs --> |
421 </td></tr></table> <!-- table holding results header + imagePairs table --> | 416 </td></tr></table> <!-- table holding results header + imagePairs table --> |
422 | 417 |
423 </div><!-- main display area of selected tab --> | 418 </div><!-- main display area of selected tab --> |
424 </div><!-- everything: hide until data is loaded --> | 419 </div><!-- everything: hide until data is loaded --> |
425 | 420 |
426 </body> | 421 </body> |
427 </html> | 422 </html> |
OLD | NEW |