| OLD | NEW |
|---|
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <!-- This whole page uses the module --> | 2 <!-- This whole page uses the module --> |
| 3 <html ng-app="diff_viewer"> | 3 <html ng-app="diff_viewer"> |
| 4 <head> | 4 <head> |
| 5 <script type="text/javascript" | 5 <script type="text/javascript" |
| 6 src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.m
in.js"></script> | 6 src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.m
in.js"></script> |
| 7 <script type="text/javascript" src="skpdiff_output.json"></script> | 7 <script type="text/javascript" src="skpdiff_output.json"></script> |
| 8 <script type="text/javascript" src="diff_viewer.js"></script> | 8 <script type="text/javascript" src="diff_viewer.js"></script> |
| 9 <link rel="stylesheet" type="text/css" href="viewer_style.css"> | 9 <link rel="stylesheet" type="text/css" href="viewer_style.css"> |
| 10 <title>SkPDiff</title> | 10 <title>SkPDiff</title> |
| (...skipping 15 matching lines...) Expand all Loading... |
| 26 <button ng-repeat="differ in differs" ng-click="setSortIndex($index)"> | 26 <button ng-repeat="differ in differs" ng-click="setSortIndex($index)"> |
| 27 <span class="result-{{ $index }}" style="padding-left:12px;"> <
/span> | 27 <span class="result-{{ $index }}" style="padding-left:12px;"> <
/span> |
| 28 {{ differ.title }} | 28 {{ differ.title }} |
| 29 </button> | 29 </button> |
| 30 </div> | 30 </div> |
| 31 <!-- Begin list of differences --> | 31 <!-- Begin list of differences --> |
| 32 <table> | 32 <table> |
| 33 <thead> | 33 <thead> |
| 34 <tr> | 34 <tr> |
| 35 <td ng-show="isDynamic">Rebaseline?</td> | 35 <td ng-show="isDynamic">Rebaseline?</td> |
| 36 <td>Name</td> |
| 36 <td>Expected Image</td> | 37 <td>Expected Image</td> |
| 37 <td>Actual Image</td> | 38 <td>Actual Image</td> |
| 38 <td>Results</td> | 39 <td>Results</td> |
| 39 </tr> | 40 </tr> |
| 40 </thead> | 41 </thead> |
| 41 <tbody> | 42 <tbody> |
| 42 <!-- | 43 <!-- |
| 43 Loops through every record and crates a row for it. This sorts bas
ed on the whichever | 44 Loops through every record and crates a row for it. This sorts bas
ed on the whichever |
| 44 metric the user chose, and places a limit on the max number of rec
ords to show. | 45 metric the user chose, and places a limit on the max number of rec
ords to show. |
| 45 --> | 46 --> |
| 46 <tr ng-repeat="record in records | orderBy:sortingDiffer | limitTo:5
00" | 47 <tr ng-repeat="record in records | orderBy:sortingDiffer | limitTo:5
00" |
| 47 ng-class="{selected: record.isRebaselined}"> | 48 ng-class="{selected: record.isRebaselined}"> |
| 48 <td ng-show="isDynamic"> | 49 <td ng-show="isDynamic"> |
| 49 <input type="checkbox" | 50 <input type="checkbox" |
| 50 ng-model="record.isRebaselined" | 51 ng-model="record.isRebaselined" |
| 51 ng-click="selectedRebaseline($index, $event)" | 52 ng-click="selectedRebaseline($index, $event)" |
| 52 ng-class="{lastselected: lastSelectedIndex == $index}" /> | 53 ng-class="{lastselected: lastSelectedIndex == $index}" /> |
| 53 </td> | 54 </td> |
| 55 <td class="common-name">{{ record.commonName }}</td> |
| 54 <td> | 56 <td> |
| 55 <swap-img left-src="{{ record.baselinePath }}" | 57 <swap-img left-src="{{ record.baselinePath }}" |
| 56 right-src="{{ record.testPath }}" | 58 right-src="{{ record.testPath }}" |
| 57 side="left" | 59 side="left" |
| 58 class="gm-image left-image" /></td> | 60 class="gm-image left-image" /></td> |
| 59 <td> | 61 <td> |
| 60 <swap-img left-src="{{ record.baselinePath }}" | 62 <swap-img left-src="{{ record.baselinePath }}" |
| 61 right-src="{{ record.testPath }}" | 63 right-src="{{ record.testPath }}" |
| 62 side="right" | 64 side="right" |
| 63 class="gm-image right-image" /></td> | 65 class="gm-image right-image" /></td> |
| 64 <td> | 66 <td> |
| 65 <div ng-repeat="diff in record.diffs" | 67 <div ng-repeat="diff in record.diffs" |
| 66 ng-mouseover="highlight(diff.differName)" | 68 ng-mouseover="highlight(diff.differName)" |
| 67 class="result result-{{$index}}"> | 69 class="result result-{{$index}}"> |
| 68 <span class="result-button">{{ diff.result }}</span> | 70 <span class="result-button">{{ diff.result }}</span> |
| 69 </div> | 71 </div> |
| 70 </td> | 72 </td> |
| 71 </tr> | 73 </tr> |
| 72 </tbody> | 74 </tbody> |
| 73 </table> | 75 </table> |
| 74 </div> | 76 </div> |
| 75 </script> | 77 </script> |
| 76 <!-- Whatever template is used is rendered in the following div --> | 78 <!-- Whatever template is used is rendered in the following div --> |
| 77 <div ng-view></div> | 79 <div ng-view></div> |
| 78 </body> | 80 </body> |
| 79 </html> | 81 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 27512002:
Update skpdiff to include a name with each file. (Closed)
Base URL: https://skia.googlecode.com/svn/trunk