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

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

Issue 446933002: make the action buttons for rebaseline server stick to the top of the window as you scroll (Closed) Base URL: https://skia.googlesource.com/skia.git@master
Patch Set: Address Elliot's comments 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="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
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
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>
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