| 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="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></scr
ipt> |
| 7 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js"
></script> | 8 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js"
></script> |
| 8 <script src="constants.js"></script> | 9 <script src="constants.js"></script> |
| 9 <script src="loader.js"></script> | 10 <script src="loader.js"></script> |
| 11 <script src="utils.js"></script> |
| 10 <link rel="stylesheet" href="view.css"> | 12 <link rel="stylesheet" href="view.css"> |
| 11 </head> | 13 </head> |
| 12 | 14 |
| 13 <body> | 15 <body> |
| 14 <h2> | 16 <h2> |
| 15 Instructions, roadmap, etc. are at | 17 Instructions, roadmap, etc. are at |
| 16 <a href="http://tinyurl.com/SkiaRebaselineServer"> | 18 <a href="http://tinyurl.com/SkiaRebaselineServer"> |
| 17 http://tinyurl.com/SkiaRebaselineServer | 19 http://tinyurl.com/SkiaRebaselineServer |
| 18 </a> | 20 </a> |
| 19 </h2> | 21 </h2> |
| (...skipping 168 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 188 <li ng-repeat="setting in ['bug']"> | 190 <li ng-repeat="setting in ['bug']"> |
| 189 {{setting}} | 191 {{setting}} |
| 190 <input type="text" ng-model="submitAdvancedSettings[setting]"> | 192 <input type="text" ng-model="submitAdvancedSettings[setting]"> |
| 191 </li> | 193 </li> |
| 192 </ul> | 194 </ul> |
| 193 </div> | 195 </div> |
| 194 </div> | 196 </div> |
| 195 | 197 |
| 196 <p> | 198 <p> |
| 197 | 199 |
| 200 <div class="results-header"> <!-- results header --> |
| 201 <div class="results-header-actions"> |
| 202 all tests shown: |
| 203 <button ng-click="selectAllImagePairs()"> |
| 204 select |
| 205 </button> |
| 206 <button ng-click="clearAllImagePairs()"> |
| 207 clear |
| 208 </button> |
| 209 <button ng-click="toggleAllImagePairs()"> |
| 210 toggle |
| 211 </button> |
| 212 <div ng-repeat="otherTab in tabs"> |
| 213 <button ng-click="moveSelectedImagePairsToTab(otherTab)" |
| 214 ng-disabled="selectedImagePairs.length == 0" |
| 215 ng-show="otherTab != viewingTab"> |
| 216 move {{selectedImagePairs.length}} selected tests to {{otherTab}}
tab |
| 217 </button> |
| 218 </div> |
| 219 </div> |
| 220 <div class="results-header-stats"> |
| 221 Found {{filteredImagePairs.length}} matches; |
| 222 <span ng-show="filteredImagePairs.length > limitedImagePairs.length"> |
| 223 displaying the first {{limitedImagePairs.length}}. |
| 224 </span> |
| 225 <span ng-show="filteredImagePairs.length <= limitedImagePairs.length"> |
| 226 displaying them all. |
| 227 </span> |
| 228 <span ng-show="renderEndTime > renderStartTime"> |
| 229 Rendered in {{(renderEndTime - renderStartTime).toFixed(0)}} ms. |
| 230 </span> |
| 231 <br> |
| 232 (click on the column header radio buttons to re-sort by that column) |
| 233 </div> |
| 234 </div> <!-- results header --> |
| 235 |
| 198 <table border="0"><tr><td> <!-- table holding results header + results table
--> | 236 <table border="0"><tr><td> <!-- table holding results header + results table
--> |
| 199 <table border="0" width="100%"> <!-- results header --> | |
| 200 <tr> | |
| 201 <td> | |
| 202 Found {{filteredImagePairs.length}} matches; | |
| 203 <span ng-show="filteredImagePairs.length > limitedImagePairs.length"
> | |
| 204 displaying the first {{limitedImagePairs.length}}. | |
| 205 </span> | |
| 206 <span ng-show="filteredImagePairs.length <= limitedImagePairs.length
"> | |
| 207 displaying them all. | |
| 208 </span> | |
| 209 <span ng-show="renderEndTime > renderStartTime"> | |
| 210 Rendered in {{(renderEndTime - renderStartTime).toFixed(0)}} ms. | |
| 211 </span> | |
| 212 <br> | |
| 213 (click on the column header radio buttons to re-sort by that column) | |
| 214 </td> | |
| 215 <td align="right"> | |
| 216 <div> | |
| 217 all tests shown: | |
| 218 <button ng-click="selectAllImagePairs()"> | |
| 219 select | |
| 220 </button> | |
| 221 <button ng-click="clearAllImagePairs()"> | |
| 222 clear | |
| 223 </button> | |
| 224 <button ng-click="toggleAllImagePairs()"> | |
| 225 toggle | |
| 226 </button> | |
| 227 </div> | |
| 228 <div ng-repeat="otherTab in tabs"> | |
| 229 <button ng-click="moveSelectedImagePairsToTab(otherTab)" | |
| 230 ng-disabled="selectedImagePairs.length == 0" | |
| 231 ng-show="otherTab != viewingTab"> | |
| 232 move {{selectedImagePairs.length}} selected tests to {{otherTab}
} tab | |
| 233 </button> | |
| 234 </div> | |
| 235 </td> | |
| 236 </tr> | |
| 237 </table> <!-- results header --> | |
| 238 </td></tr><tr><td> | 237 </td></tr><tr><td> |
| 239 <table border="1" ng-app="diff_viewer"> <!-- results --> | 238 <table border="1" ng-app="diff_viewer"> <!-- results --> |
| 240 <tr> | 239 <tr> |
| 241 <!-- Most column headers are displayed in a common fashion... --> | 240 <!-- Most column headers are displayed in a common fashion... --> |
| 242 <th ng-repeat="columnName in orderedColumnNames"> | 241 <th ng-repeat="columnName in orderedColumnNames"> |
| 243 <input type="radio" | 242 <input type="radio" |
| 244 name="sortColumnRadio" | 243 name="sortColumnRadio" |
| 245 value="{{columnName}}" | 244 value="{{columnName}}" |
| 246 ng-checked="(sortColumnKey == columnName)" | 245 ng-checked="(sortColumnKey == columnName)" |
| 247 ng-click="sortResultsBy(constants.KEY__IMAGEPAIRS__EXTRACOLUM
NS, columnName)"> | 246 ng-click="sortResultsBy(constants.KEY__IMAGEPAIRS__EXTRACOLUM
NS, columnName)"> |
| (...skipping 160 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 408 ng-click="toggleSomeImagePairs($index, imagePair[constants.KE
Y__IMAGEPAIRS__ROWSPAN])"> | 407 ng-click="toggleSomeImagePairs($index, imagePair[constants.KE
Y__IMAGEPAIRS__ROWSPAN])"> |
| 409 </tr> | 408 </tr> |
| 410 </table> <!-- imagePairs --> | 409 </table> <!-- imagePairs --> |
| 411 </td></tr></table> <!-- table holding results header + imagePairs table --> | 410 </td></tr></table> <!-- table holding results header + imagePairs table --> |
| 412 | 411 |
| 413 </div><!-- main display area of selected tab --> | 412 </div><!-- main display area of selected tab --> |
| 414 </div><!-- everything: hide until readyToDisplay --> | 413 </div><!-- everything: hide until readyToDisplay --> |
| 415 | 414 |
| 416 </body> | 415 </body> |
| 417 </html> | 416 </html> |
| OLD | NEW |