Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1)

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 449843002: rebaseline-server: sorting of columns (asc/desc) in frontend. (Closed) Base URL: https://skia.googlesource.com/skia.git@master
Patch Set: Rebased code Created 6 years, 4 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
« no previous file with comments | « gm/rebaseline_server/static/view.css ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></scr ipt>
8 <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.2.20/angular.js "></script>
9 <script src="constants.js"></script> 9 <script src="constants.js"></script>
10 <script src="loader.js"></script> 10 <script src="loader.js"></script>
11 <script src="utils.js"></script> 11 <script src="utils.js"></script>
12 <link rel="stylesheet" href="view.css"> 12 <link rel="stylesheet" href="view.css">
13 </head> 13 </head>
14 14
15 <body> 15 <body>
16 <h2> 16 <h2>
17 Instructions, roadmap, etc. are at 17 Instructions, roadmap, etc. are at
18 <a href="http://tinyurl.com/SkiaRebaselineServer"> 18 <a href="http://tinyurl.com/SkiaRebaselineServer">
(...skipping 209 matching lines...) Expand 10 before | Expand all | Expand 10 after
228 <span ng-show="renderEndTime > renderStartTime"> 228 <span ng-show="renderEndTime > renderStartTime">
229 Rendered in {{(renderEndTime - renderStartTime).toFixed(0)}} ms. 229 Rendered in {{(renderEndTime - renderStartTime).toFixed(0)}} ms.
230 </span> 230 </span>
231 <br> 231 <br>
232 (click on the column header radio buttons to re-sort by that column) 232 (click on the column header radio buttons to re-sort by that column)
233 </div> 233 </div>
234 </div> <!-- results header --> 234 </div> <!-- results header -->
235 235
236 <table border="0"><tr><td> <!-- table holding results header + results table --> 236 <table border="0"><tr><td> <!-- table holding results header + results table -->
237 </td></tr><tr><td> 237 </td></tr><tr><td>
238 <table border="1" ng-app="diff_viewer"> <!-- results --> 238 <table border="1"> <!-- results -->
239 <tr> 239 <tr>
240 <!-- Most column headers are displayed in a common fashion... --> 240 <!-- Most column headers are displayed in a common fashion... -->
241 <th ng-repeat="columnName in orderedColumnNames"> 241 <th ng-repeat="columnName in orderedColumnNames">
242 <input type="radio" 242 <a ng-class="'sort-' + sortedByColumnsCls(columnName)"
243 name="sortColumnRadio" 243 ng-click="sortResultsBy(constants.KEY__IMAGEPAIRS__EXTRACOLUMNS , columnName)"
244 value="{{columnName}}" 244 href=""
245 ng-checked="(sortColumnKey == columnName)" 245 class="sortable-header">
246 ng-click="sortResultsBy(constants.KEY__IMAGEPAIRS__EXTRACOLUM NS, columnName)"> 246 {{extraColumnHeaders[columnName][constants.KEY__EXTRACOLUMNHEADER S__HEADER_TEXT]}}
247 {{extraColumnHeaders[columnName][constants.KEY__EXTRACOLUMNHEADERS__ HEADER_TEXT]}} 247 </a>
248 </th> 248 </th>
249
249 <!-- ... but there are a few columns where we display things different ly. --> 250 <!-- ... but there are a few columns where we display things different ly. -->
250 <th> 251 <th>
251 <input type="radio" 252 <a ng-class="'sort-' + sortedByColumnsCls(constants.KEY__EXPECTATION S__BUGS)"
252 name="sortColumnRadio" 253 ng-click="sortResultsBy(constants.KEY__IMAGEPAIRS__EXPECTATIONS, constants.KEY__EXPECTATIONS__BUGS)"
253 value="bugs" 254 href=""
254 ng-checked="(sortColumnKey == constants.KEY__EXPECTATIONS__BU GS)" 255 class="sortable-header">
255 ng-click="sortResultsBy(constants.KEY__IMAGEPAIRS__EXPECTATIO NS, constants.KEY__EXPECTATIONS__BUGS)"> 256 bugs
256 bugs 257 </a>
257 </th> 258 </th>
258 <th width="{{imageSize}}"> 259 <th width="{{imageSize}}">
259 <input type="radio" 260 <a ng-class="'sort-' + sortedByColumnsCls(constants.KEY__IMAGEPAIRS_ _IMAGE_A_URL)"
260 name="sortColumnRadio" 261 ng-click="sortResultsBy('none', constants.KEY__IMAGEPAIRS__IMAGE_ A_URL)"
261 value="imageA" 262 href=""
262 ng-checked="(sortColumnKey == constants.KEY__IMAGEPAIRS__IMAG E_A_URL)" 263 class="sortable-header">
263 ng-click="sortResultsBy('none', constants.KEY__IMAGEPAIRS__IM AGE_A_URL)"> 264 {{imageSets[constants.KEY__IMAGESETS__SET__IMAGE_A][constants .KEY__IMAGESETS__FIELD__DESCRIPTION]}}
264 {{imageSets[constants.KEY__IMAGESETS__SET__IMAGE_A][constants.KEY__I MAGESETS__FIELD__DESCRIPTION]}} 265 </a>
265 </th> 266 </th>
266 <th width="{{imageSize}}"> 267 <th width="{{imageSize}}">
267 <input type="radio" 268 <a ng-class="'sort-' + sortedByColumnsCls(constants.KEY__IMAGEPAIRS_ _IMAGE_B_URL)"
268 name="sortColumnRadio" 269 ng-click="sortResultsBy('none', constants.KEY__IMAGEPAIRS__IMAGE_ B_URL)"
269 value="imageB" 270 href=""
270 ng-checked="(sortColumnKey == constants.KEY__IMAGEPAIRS__IMAG E_B_URL)" 271 class="sortable-header">
271 ng-click="sortResultsBy('none', constants.KEY__IMAGEPAIRS__IM AGE_B_URL)"> 272 {{imageSets[constants.KEY__IMAGESETS__SET__IMAGE_B][constants. KEY__IMAGESETS__FIELD__DESCRIPTION]}}
272 {{imageSets[constants.KEY__IMAGESETS__SET__IMAGE_B][constants.KEY__I MAGESETS__FIELD__DESCRIPTION]}} 273 </a>
273 </th> 274 </th>
274 <th width="{{imageSize}}"> 275 <th width="{{imageSize}}">
275 <input type="radio" 276 <a ng-class="'sort-' + sortedByColumnsCls(constants.KEY__DIFFERENCES __PERCENT_DIFF_PIXELS)"
276 name="sortColumnRadio" 277 ng-click="sortResultsBy(constants.KEY__IMAGEPAIRS__DIFFERENCES, c onstants.KEY__DIFFERENCES__PERCENT_DIFF_PIXELS)"
277 value="percentDifferingPixels" 278 href=""
278 ng-checked="(sortColumnKey == constants.KEY__DIFFERENCES__PER CENT_DIFF_PIXELS)" 279 class="sortable-header">
279 ng-click="sortResultsBy(constants.KEY__IMAGEPAIRS__DIFFERENCE S, constants.KEY__DIFFERENCES__PERCENT_DIFF_PIXELS)"> 280 differing pixels in white
280 differing pixels in white 281 </a>
281 </th> 282 </th>
282 <th width="{{imageSize}}"> 283 <th width="{{imageSize}}">
283 <input type="radio" 284 <a ng-class="'sort-' + sortedByColumnsCls(constants.KEY__DIFFERENCES __PERCEPTUAL_DIFF)"
284 name="sortColumnRadio" 285 ng-click="sortResultsBy(constants.KEY__IMAGEPAIRS__DIFFERENCES, c onstants.KEY__DIFFERENCES__PERCEPTUAL_DIFF)"
285 value="perceptualDiff" 286 href=""
286 ng-checked="(sortColumnKey == constants.KEY__DIFFERENCES__PER CEPTUAL_DIFF)" 287 class="sortable-header">
287 ng-click="sortResultsBy(constants.KEY__IMAGEPAIRS__DIFFERENCE S, constants.KEY__DIFFERENCES__PERCEPTUAL_DIFF)"> 288 perceptual difference
288 perceptual difference 289 </a>
289 <br> 290 <br>
290 <input type="range" ng-model="pixelDiffBgColorBrightness" 291 <input type="range" ng-model="pixelDiffBgColorBrightness"
291 ng-init="pixelDiffBgColorBrightness=64; pixelDiffBgColor=brig htnessStringToHexColor(pixelDiffBgColorBrightness)" 292 ng-init="pixelDiffBgColorBrightness=64; pixelDiffBgColor=brig htnessStringToHexColor(pixelDiffBgColorBrightness)"
292 ng-change="pixelDiffBgColor=brightnessStringToHexColor(pixelD iffBgColorBrightness)" 293 ng-change="pixelDiffBgColor=brightnessStringToHexColor(pixelD iffBgColorBrightness)"
293 title="image background brightness" 294 title="image background brightness"
294 min="0" max="255"/> 295 min="0" max="255"/>
295 </th> 296 </th>
296 <th> 297 <th>
297 <!-- imagepair-selection checkbox column --> 298 <!-- imagepair-selection checkbox column -->
298 </th> 299 </th>
(...skipping 108 matching lines...) Expand 10 before | Expand all | Expand 10 after
407 ng-click="toggleSomeImagePairs($index, imagePair[constants.KE Y__IMAGEPAIRS__ROWSPAN])"> 408 ng-click="toggleSomeImagePairs($index, imagePair[constants.KE Y__IMAGEPAIRS__ROWSPAN])">
408 </tr> 409 </tr>
409 </table> <!-- imagePairs --> 410 </table> <!-- imagePairs -->
410 </td></tr></table> <!-- table holding results header + imagePairs table --> 411 </td></tr></table> <!-- table holding results header + imagePairs table -->
411 412
412 </div><!-- main display area of selected tab --> 413 </div><!-- main display area of selected tab -->
413 </div><!-- everything: hide until readyToDisplay --> 414 </div><!-- everything: hide until readyToDisplay -->
414 415
415 </body> 416 </body>
416 </html> 417 </html>
OLDNEW
« no previous file with comments | « gm/rebaseline_server/static/view.css ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698