| 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="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 245 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 256 ng-checked="(sortColumn == 'percentDifferingPixels')" | 256 ng-checked="(sortColumn == 'percentDifferingPixels')" |
| 257 ng-click="sortResultsBy('percentDifferingPixels')"> | 257 ng-click="sortResultsBy('percentDifferingPixels')"> |
| 258 differing pixels in white | 258 differing pixels in white |
| 259 </th> | 259 </th> |
| 260 <th width="{{imageSize}}"> | 260 <th width="{{imageSize}}"> |
| 261 <input type="radio" | 261 <input type="radio" |
| 262 name="sortColumnRadio" | 262 name="sortColumnRadio" |
| 263 value="weightedDiffMeasure" | 263 value="weightedDiffMeasure" |
| 264 ng-checked="(sortColumn == 'weightedDiffMeasure')" | 264 ng-checked="(sortColumn == 'weightedDiffMeasure')" |
| 265 ng-click="sortResultsBy('weightedDiffMeasure')"> | 265 ng-click="sortResultsBy('weightedDiffMeasure')"> |
| 266 perceptual difference | 266 difference per pixel |
| 267 <br> | 267 <br> |
| 268 <input type="range" ng-model="pixelDiffBgColorBrightness" | 268 <input type="range" ng-model="pixelDiffBgColorBrightness" |
| 269 ng-init="pixelDiffBgColorBrightness=64; pixelDiffBgColor=brig
htnessStringToHexColor(pixelDiffBgColorBrightness)" | 269 ng-init="pixelDiffBgColorBrightness=64; pixelDiffBgColor=brig
htnessStringToHexColor(pixelDiffBgColorBrightness)" |
| 270 ng-change="pixelDiffBgColor=brightnessStringToHexColor(pixelD
iffBgColorBrightness)" | 270 ng-change="pixelDiffBgColor=brightnessStringToHexColor(pixelD
iffBgColorBrightness)" |
| 271 title="image background brightness" | 271 title="image background brightness" |
| 272 min="0" max="255"/> | 272 min="0" max="255"/> |
| 273 </th> | 273 </th> |
| 274 <th> | 274 <th> |
| 275 <!-- item-selection checkbox column --> | 275 <!-- item-selection checkbox column --> |
| 276 </th> | 276 </th> |
| (...skipping 94 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 371 </div> | 371 </div> |
| 372 <div ng-hide="result.expectedHashDigest != result.actualHashDigest" | 372 <div ng-hide="result.expectedHashDigest != result.actualHashDigest" |
| 373 style="text-align:center"> | 373 style="text-align:center"> |
| 374 –none– | 374 –none– |
| 375 </div> | 375 </div> |
| 376 </td> | 376 </td> |
| 377 | 377 |
| 378 <!-- diffs: per-channel RGB deltas --> | 378 <!-- diffs: per-channel RGB deltas --> |
| 379 <td valign="bottom" width="{{imageSize}}"> | 379 <td valign="bottom" width="{{imageSize}}"> |
| 380 <div ng-hide="result.expectedHashDigest == result.actualHashDigest" | 380 <div ng-hide="result.expectedHashDigest == result.actualHashDigest" |
| 381 title="Perceptual difference measure is {{result.perceptualDiff
erence.toFixed(4)}}%. Maximum difference per channel: R={{result.maxDiffPerChan
nel[0]}}, G={{result.maxDiffPerChannel[1]}}, B={{result.maxDiffPerChannel[2]}}"> | 381 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]}}"> |
| 382 | 382 |
| 383 {{result.perceptualDifference.toFixed(4)}}% | 383 {{result.weightedDiffMeasure.toFixed(4)}}% |
| 384 {{result.maxDiffPerChannel}} | 384 {{result.maxDiffPerChannel}} |
| 385 <br/> | 385 <br/> |
| 386 <a href="/static/generated-images/diffs/{{result.expectedHashDiges
t}}-vs-{{result.actualHashDigest}}.png" target="_blank">View Image</a><br/> | 386 <a href="/static/generated-images/diffs/{{result.expectedHashDiges
t}}-vs-{{result.actualHashDigest}}.png" target="_blank">View Image</a><br/> |
| 387 <img-compare ng-style="{backgroundColor: pixelDiffBgColor}" | 387 <img-compare ng-style="{backgroundColor: pixelDiffBgColor}" |
| 388 type="differencePerPixel" width="{{imageSize}}" | 388 type="differencePerPixel" width="{{imageSize}}" |
| 389 src="/static/generated-images/diffs/{{result.expected
HashDigest}}-vs-{{result.actualHashDigest}}.png" | 389 src="/static/generated-images/diffs/{{result.expected
HashDigest}}-vs-{{result.actualHashDigest}}.png" |
| 390 ng-mousedown="MagnifyDraw($event, true)" | 390 ng-mousedown="MagnifyDraw($event, true)" |
| 391 ng-mousemove="MagnifyDraw($event, false)" | 391 ng-mousemove="MagnifyDraw($event, false)" |
| 392 ng-mouseup="MagnifyEnd($event)" | 392 ng-mouseup="MagnifyEnd($event)" |
| 393 ng-mouseleave="MagnifyEnd($event)" /> | 393 ng-mouseleave="MagnifyEnd($event)" /> |
| (...skipping 21 matching lines...) Expand all Loading... |
| 415 <!-- TODO(epoger): Can we get the base URLs (commondatastorage and | 415 <!-- TODO(epoger): Can we get the base URLs (commondatastorage and |
| 416 issues list) from | 416 issues list) from |
| 417 https://skia.googlesource.com/buildbot/+/master/site_config/global_variab
les.json ? | 417 https://skia.googlesource.com/buildbot/+/master/site_config/global_variab
les.json ? |
| 418 I tried importing the | 418 I tried importing the |
| 419 http://skia.googlecode.com/svn/buildbot/skia_tools.js script and using | 419 http://skia.googlecode.com/svn/buildbot/skia_tools.js script and using |
| 420 that to do so, but I got Access-Control-Allow-Origin errors. | 420 that to do so, but I got Access-Control-Allow-Origin errors. |
| 421 --> | 421 --> |
| 422 | 422 |
| 423 </body> | 423 </body> |
| 424 </html> | 424 </html> |
| OLD | NEW |