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 |