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

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

Issue 193073003: rebaseline_server: disable image magnifier, for huge UI speedup (Closed) Base URL: https://skia.googlesource.com/skia.git@master
Patch Set: Created 6 years, 9 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
« no previous file with comments | « gm/rebaseline_server/static/loader.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="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
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
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 &ndash;none&ndash; 351 &ndash;none&ndash;
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 &ndash;none&ndash; 365 &ndash;none&ndash;
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 &ndash;none&ndash; 384 &ndash;none&ndash;
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 &ndash;none&ndash; 404 &ndash;none&ndash;
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>
OLDNEW
« no previous file with comments | « gm/rebaseline_server/static/loader.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698