diff options
author | epoger@google.com <epoger@google.com@2bbb7eff-a529-9590-31e7-b0007b416f81> | 2013-11-01 14:29:03 +0000 |
---|---|---|
committer | epoger@google.com <epoger@google.com@2bbb7eff-a529-9590-31e7-b0007b416f81> | 2013-11-01 14:29:03 +0000 |
commit | 7b1c2c102ef3f7a1467fe061cd23dfdb9baf646a (patch) | |
tree | 2e6af1a8296c67427f2d3b3141047206528e5077 | |
parent | 2bd8b8100529c96c81c30f749f672f4caf775b04 (diff) |
rebaseline_server: right-align "select/clear/toggle all tests" buttons with results table
(SkipBuildbotRuns)
R=edisonn@google.com
Review URL: https://codereview.chromium.org/55073003
git-svn-id: http://skia.googlecode.com/svn/trunk@12079 2bbb7eff-a529-9590-31e7-b0007b416f81
-rw-r--r-- | gm/rebaseline_server/static/view.html | 82 |
1 files changed, 42 insertions, 40 deletions
diff --git a/gm/rebaseline_server/static/view.html b/gm/rebaseline_server/static/view.html index 35e0746cd7..643b1fdf6a 100644 --- a/gm/rebaseline_server/static/view.html +++ b/gm/rebaseline_server/static/view.html @@ -174,45 +174,45 @@ <p> - <div> - <div style="float:left"> - Found {{filteredTestData.length}} matches; - <span ng-hide="filteredTestData.length <= limitedTestData.length"> - displaying the first {{limitedTestData.length}} - </span> - <span ng-hide="filteredTestData.length > limitedTestData.length"> - displaying them all - </span> - <br> - (click on the column header radio buttons to re-sort by that column) - </div> - <div style="float:right"> - <div> - all tests shown: - <button ng-click="selectAllItems()"> - select - </button> - <button ng-click="clearAllItems()"> - clear - </button> - <button ng-click="toggleAllItems()"> - toggle - </button> - </div> - <div ng-repeat="otherTab in tabs"> - <button ng-click="moveSelectedItemsToTab(otherTab)" - ng-disabled="selectedItems.length == 0" - ng-hide="otherTab == viewingTab"> - move {{selectedItems.length}} selected tests to {{otherTab}} tab - </button> - </div> - </div> - <div style="clear:both"> - </div> - </div> - <br> - - <table border="1"> + <table border="0"><tr><td> <!-- table holding results header + results table --> + <table border="0" width="100%"> <!-- results header --> + <tr> + <td> + Found {{filteredTestData.length}} matches; + <span ng-hide="filteredTestData.length <= limitedTestData.length"> + displaying the first {{limitedTestData.length}} + </span> + <span ng-hide="filteredTestData.length > limitedTestData.length"> + displaying them all + </span> + <br> + (click on the column header radio buttons to re-sort by that column) + </td> + <td align="right"> + <div> + all tests shown: + <button ng-click="selectAllItems()"> + select + </button> + <button ng-click="clearAllItems()"> + clear + </button> + <button ng-click="toggleAllItems()"> + toggle + </button> + </div> + <div ng-repeat="otherTab in tabs"> + <button ng-click="moveSelectedItemsToTab(otherTab)" + ng-disabled="selectedItems.length == 0" + ng-hide="otherTab == viewingTab"> + move {{selectedItems.length}} selected tests to {{otherTab}} tab + </button> + </div> + </td> + </tr> + </table> <!-- results header --> + </td></tr><tr><td> + <table border="1"> <!-- results --> <tr> <!-- Most column headers are displayed in a common fashion... --> <th ng-repeat="categoryName in ['resultType', 'builder', 'test', 'config']"> @@ -294,7 +294,9 @@ ng-checked="isValueInArray(result.index, selectedItems)" ng-click="toggleValueInArray(result.index, selectedItems)"> </tr> - </table> + </table> <!-- results --> + </td></tr></table> <!-- table holding results header + results table --> + </div><!-- main display area of selected tab --> </div><!-- everything: hide until data is loaded --> |