gm/rebaseline_server/static/view.html - Issue 143273003: rebaseline_server: add bgcolor slider for pixelDiff column

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

Issue 143273003: rebaseline_server: add bgcolor slider for pixelDiff column (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

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 246 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
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 difference per pixel	266 difference per pixel

	267 <br>

	268 <input type="range" ng-model="pixelDiffBgColorBrightness"

	269 ng-init="pixelDiffBgColorBrightness=64; pixelDiffBgColor=brig htnessStringToHexColor(pixelDiffBgColorBrightness)"

	270 ng-change="pixelDiffBgColor=brightnessStringToHexColor(pixelD iffBgColorBrightness)"

	271 title="image background brightness"

	272 min="0" max="255"/>

267 </th>	273 </th>

268 <th>	274 <th>

269 <!-- item-selection checkbox column -->	275 <!-- item-selection checkbox column -->

270 </th>	276 </th>

271 </tr>	277 </tr>

272	278

273 <!-- For most columns... if the user clicks on the cell, and we are on	279 <!-- For most columns... if the user clicks on the cell, and we are on

274 the default tab, update the filter to only show results with the	280 the default tab, update the filter to only show results with the

275 same value for this category.	281 same value for this category.

276 This is made a bit tricky by the fact that AngularJS expressions	282 This is made a bit tricky by the fact that AngularJS expressions

(...skipping 57 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
334	340

335 <!-- diffs: per-channel RGB deltas -->	341 <!-- diffs: per-channel RGB deltas -->

336 <td valign="top" width="{{imageSize}}">	342 <td valign="top" width="{{imageSize}}">

337 <div ng-hide="result.expectedHashDigest == result.actualHashDigest"	343 <div ng-hide="result.expectedHashDigest == result.actualHashDigest"

338 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]}}">	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]}}">

339	345

340 {{result.weightedDiffMeasure.toFixed(4)}}%	346 {{result.weightedDiffMeasure.toFixed(4)}}%

341 {{result.maxDiffPerChannel}}	347 {{result.maxDiffPerChannel}}

342 <br/>	348 <br/>

343 <a href="/static/generated-images/diffs/{{result.expectedHashDiges t}}-vs-{{result.actualHashDigest}}.png" target="_blank">View Image</a><br/>	349 <a href="/static/generated-images/diffs/{{result.expectedHashDiges t}}-vs-{{result.actualHashDigest}}.png" target="_blank">View Image</a><br/>

344 <img-compare type="differencePerPixel"	350 <img-compare ng-style="{backgroundColor: pixelDiffBgColor}"

	351 type="differencePerPixel"

345 src="/static/generated-images/diffs/{{result.expected HashDigest}}-vs-{{result.actualHashDigest}}.png"	352 src="/static/generated-images/diffs/{{result.expected HashDigest}}-vs-{{result.actualHashDigest}}.png"

346 ng-mousedown="MagnifyDraw($event, true)"	353 ng-mousedown="MagnifyDraw($event, true)"

347 ng-mousemove="MagnifyDraw($event, false)"	354 ng-mousemove="MagnifyDraw($event, false)"

348 ng-mouseup="MagnifyEnd($event)"	355 ng-mouseup="MagnifyEnd($event)"

349 ng-mouseleave="MagnifyEnd($event)" />	356 ng-mouseleave="MagnifyEnd($event)" />

350	357

351 </div>	358 </div>

352 <div ng-hide="result.expectedHashDigest != result.actualHashDigest"	359 <div ng-hide="result.expectedHashDigest != result.actualHashDigest"

353 style="text-align:center">	360 style="text-align:center">

354 –none–	361 –none–

(...skipping 16 matching lines...) Expand all Loading...
371 <!-- TODO(epoger): Can we get the base URLs (commondatastorage and	378 <!-- TODO(epoger): Can we get the base URLs (commondatastorage and

372 issues list) from	379 issues list) from

373 https://skia.googlesource.com/buildbot/+/master/site_config/global_variab les.json ?	380 https://skia.googlesource.com/buildbot/+/master/site_config/global_variab les.json ?

374 I tried importing the	381 I tried importing the

375 http://skia.googlecode.com/svn/buildbot/skia_tools.js script and using	382 http://skia.googlecode.com/svn/buildbot/skia_tools.js script and using

376 that to do so, but I got Access-Control-Allow-Origin errors.	383 that to do so, but I got Access-Control-Allow-Origin errors.

377 -->	384 -->

378	385

379 </body>	386 </body>

380 </html>	387 </html>

OLD	NEW

« no previous file with comments | « gm/rebaseline_server/static/loader.js ('k') | no next file » | no next file with comments »