gm/rebaseline_server/static/view.html - Issue 231513004: rebaseline_server: eliminate meaningless 404 errors while waiting for content to load

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

Issue 231513004: rebaseline_server: eliminate meaningless 404 errors while waiting for content to load (Closed) Base URL: https://skia.googlesource.com/skia.git@master

Patch Set: Created 6 years, 8 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="constants.js"></script>	8 <script src="constants.js"></script>

9 <script src="loader.js"></script>	9 <script src="loader.js"></script>

10 <link rel="stylesheet" href="view.css">	10 <link rel="stylesheet" href="view.css">

(...skipping 327 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
338 {{bug}}	338 {{bug}}

339 </a>	339 </a>

340 </td>	340 </td>

341	341

342 <!-- image A -->	342 <!-- image A -->

343 <td valign="bottom" width="{{imageSize}}">	343 <td valign="bottom" width="{{imageSize}}">

344 <div ng-if="imagePair[constants.KEY__IMAGE_A_URL] != null">	344 <div ng-if="imagePair[constants.KEY__IMAGE_A_URL] != null">

345 <a href="{{imageSets[constants.KEY__IMAGESETS__SET__IMAGE_A][const ants.KEY__IMAGESETS__FIELD__BASE_URL]}}/{{imagePair[constants.KEY__IMAGE_A_URL]} }" target="_blank">View Image</a><br/>	345 <a href="{{imageSets[constants.KEY__IMAGESETS__SET__IMAGE_A][const ants.KEY__IMAGESETS__FIELD__BASE_URL]}}/{{imagePair[constants.KEY__IMAGE_A_URL]} }" target="_blank">View Image</a><br/>

346 <img ng-if="showThumbnails"	346 <img ng-if="showThumbnails"

347 width="{{imageSize}}"	347 width="{{imageSize}}"

348 src="{{imageSets[constants.KEY__IMAGESETS__SET__IMAGE_A][cons tants.KEY__IMAGESETS__FIELD__BASE_URL]}}/{{imagePair[constants.KEY__IMAGE_A_URL] }}" />	348 ng-src="{{imageSets[constants.KEY__IMAGESETS__SET__IMAGE_A][c onstants.KEY__IMAGESETS__FIELD__BASE_URL]}}/{{imagePair[constants.KEY__IMAGE_A_U RL]}}" />
	epoger 2014/04/10 20:39:26 See http://stackoverflow.com/questions/12922509/im See http://stackoverflow.com/questions/12922509/image-get-requests-with-angularjs
349 </div>	349 </div>

350 <div ng-show="imagePair[constants.KEY__IMAGE_A_URL] == null"	350 <div ng-show="imagePair[constants.KEY__IMAGE_A_URL] == null"

351 style="text-align:center">	351 style="text-align:center">

352 –none–	352 –none–

353 </div>	353 </div>

354 </td>	354 </td>

355	355

356 <!-- image B -->	356 <!-- image B -->

357 <td valign="bottom" width="{{imageSize}}">	357 <td valign="bottom" width="{{imageSize}}">

358 <div ng-if="imagePair[constants.KEY__IMAGE_B_URL] != null">	358 <div ng-if="imagePair[constants.KEY__IMAGE_B_URL] != null">

359 <a href="{{imageSets[constants.KEY__IMAGESETS__SET__IMAGE_B][const ants.KEY__IMAGESETS__FIELD__BASE_URL]}}/{{imagePair[constants.KEY__IMAGE_B_URL]} }" target="_blank">View Image</a><br/>	359 <a href="{{imageSets[constants.KEY__IMAGESETS__SET__IMAGE_B][const ants.KEY__IMAGESETS__FIELD__BASE_URL]}}/{{imagePair[constants.KEY__IMAGE_B_URL]} }" target="_blank">View Image</a><br/>

360 <img ng-if="showThumbnails"	360 <img ng-if="showThumbnails"

361 width="{{imageSize}}"	361 width="{{imageSize}}"

362 src="{{imageSets[constants.KEY__IMAGESETS__SET__IMAGE_B][cons tants.KEY__IMAGESETS__FIELD__BASE_URL]}}/{{imagePair[constants.KEY__IMAGE_B_URL] }}" />	362 ng-src="{{imageSets[constants.KEY__IMAGESETS__SET__IMAGE_B][c onstants.KEY__IMAGESETS__FIELD__BASE_URL]}}/{{imagePair[constants.KEY__IMAGE_B_U RL]}}" />

363 </div>	363 </div>

364 <div ng-show="imagePair[constants.KEY__IMAGE_B_URL] == null"	364 <div ng-show="imagePair[constants.KEY__IMAGE_B_URL] == null"

365 style="text-align:center">	365 style="text-align:center">

366 –none–	366 –none–

367 </div>	367 </div>

368 </td>	368 </td>

369	369

370 <!-- whitediffs: every differing pixel shown in white -->	370 <!-- whitediffs: every differing pixel shown in white -->

371 <td valign="bottom" width="{{imageSize}}">	371 <td valign="bottom" width="{{imageSize}}">

372 <div ng-if="imagePair[constants.KEY__IS_DIFFERENT]"	372 <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.">	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.">

374	374

375 {{imagePair[constants.KEY__DIFFERENCE_DATA][constants.KEY__DIFFERE NCE_DATA__PERCENT_DIFF_PIXELS].toFixed(4)}}%	375 {{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]}})	376 ({{imagePair[constants.KEY__DIFFERENCE_DATA][constants.KEY__DIFFER ENCE_DATA__NUM_DIFF_PIXELS]}})

377 <br/>	377 <br/>

378 <a href="{{imageSets[constants.KEY__IMAGESETS__SET__WHITEDIFFS][co nstants.KEY__IMAGESETS__FIELD__BASE_URL]}}/{{getImageDiffRelativeUrl(imagePair)} }" target="_blank">View Image</a><br/>	378 <a href="{{imageSets[constants.KEY__IMAGESETS__SET__WHITEDIFFS][co nstants.KEY__IMAGESETS__FIELD__BASE_URL]}}/{{getImageDiffRelativeUrl(imagePair)} }" target="_blank">View Image</a><br/>

379 <img ng-if="showThumbnails"	379 <img ng-if="showThumbnails"

380 width="{{imageSize}}"	380 width="{{imageSize}}"

381 src="{{imageSets[constants.KEY__IMAGESETS__SET__WHITEDIFFS][c onstants.KEY__IMAGESETS__FIELD__BASE_URL]}}/{{getImageDiffRelativeUrl(imagePair) }}" />	381 ng-src="{{imageSets[constants.KEY__IMAGESETS__SET__WHITEDIFFS ][constants.KEY__IMAGESETS__FIELD__BASE_URL]}}/{{getImageDiffRelativeUrl(imagePa ir)}}" />

382 </div>	382 </div>

383 <div ng-show="!imagePair[constants.KEY__IS_DIFFERENT]"	383 <div ng-show="!imagePair[constants.KEY__IS_DIFFERENT]"

384 style="text-align:center">	384 style="text-align:center">

385 –none–	385 –none–

386 </div>	386 </div>

387 </td>	387 </td>

388	388

389 <!-- diffs: per-channel RGB deltas -->	389 <!-- diffs: per-channel RGB deltas -->

390 <td valign="bottom" width="{{imageSize}}">	390 <td valign="bottom" width="{{imageSize}}">

391 <div ng-if="imagePair[constants.KEY__IS_DIFFERENT]"	391 <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]}}">	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]}}">

393	393

394 {{imagePair[constants.KEY__DIFFERENCE_DATA][constants.KEY__DIFFERE NCE_DATA__PERCEPTUAL_DIFF].toFixed(4)}}%	394 {{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]}}	395 {{imagePair[constants.KEY__DIFFERENCE_DATA][constants.KEY__DIFFERE NCE_DATA__MAX_DIFF_PER_CHANNEL]}}

396 <br/>	396 <br/>

397 <a href="{{imageSets[constants.KEY__IMAGESETS__SET__DIFFS][constan ts.KEY__IMAGESETS__FIELD__BASE_URL]}}/{{getImageDiffRelativeUrl(imagePair)}}" ta rget="_blank">View Image</a><br/>	397 <a href="{{imageSets[constants.KEY__IMAGESETS__SET__DIFFS][constan ts.KEY__IMAGESETS__FIELD__BASE_URL]}}/{{getImageDiffRelativeUrl(imagePair)}}" ta rget="_blank">View Image</a><br/>

398 <img ng-if="showThumbnails"	398 <img ng-if="showThumbnails"

399 ng-style="{backgroundColor: pixelDiffBgColor}"	399 ng-style="{backgroundColor: pixelDiffBgColor}"

400 width="{{imageSize}}"	400 width="{{imageSize}}"

401 src="{{imageSets[constants.KEY__IMAGESETS__SET__DIFFS][consta nts.KEY__IMAGESETS__FIELD__BASE_URL]}}/{{getImageDiffRelativeUrl(imagePair)}}" / >	401 ng-src="{{imageSets[constants.KEY__IMAGESETS__SET__DIFFS][con stants.KEY__IMAGESETS__FIELD__BASE_URL]}}/{{getImageDiffRelativeUrl(imagePair)}} " />

402 </div>	402 </div>

403 <div ng-show="!imagePair[constants.KEY__IS_DIFFERENT]"	403 <div ng-show="!imagePair[constants.KEY__IS_DIFFERENT]"

404 style="text-align:center">	404 style="text-align:center">

405 –none–	405 –none–

406 </div>	406 </div>

407 </td>	407 </td>

408	408

409 <td>	409 <td>

410 <input type="checkbox"	410 <input type="checkbox"

411 name="rowSelect"	411 name="rowSelect"

412 value="{{imagePair.index}}"	412 value="{{imagePair.index}}"

413 ng-checked="isValueInArray(imagePair.index, selectedImagePair s)"	413 ng-checked="isValueInArray(imagePair.index, selectedImagePair s)"

414 ng-click="toggleValueInArray(imagePair.index, selectedImagePa irs)">	414 ng-click="toggleValueInArray(imagePair.index, selectedImagePa irs)">

415 </tr>	415 </tr>

416 </table> <!-- imagePairs -->	416 </table> <!-- imagePairs -->

417 </td></tr></table> <!-- table holding results header + imagePairs table -->	417 </td></tr></table> <!-- table holding results header + imagePairs table -->

418	418

419 </div><!-- main display area of selected tab -->	419 </div><!-- main display area of selected tab -->

420 </div><!-- everything: hide until data is loaded -->	420 </div><!-- everything: hide until data is loaded -->

421	421

422 </body>	422 </body>

423 </html>	423 </html>

OLD	NEW

« no previous file with comments | « no previous file | no next file » | no next file with comments »