From 6104201d8963d19ab3e7ac59f823f4a91a5eda56 Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charlesh88@gmail.com>
Date: Tue, 2 Jun 2015 17:45:39 -0700
Subject: [PATCH] [Frontend] Markup and CSS for revised scrolling tabular view
WTD-1217
---
.../scrolling/res/templates/scrolling.html | 46 ++++++++++---------
1 file changed, 25 insertions(+), 21 deletions(-)
diff --git a/platform/features/scrolling/res/templates/scrolling.html b/platform/features/scrolling/res/templates/scrolling.html
index 802ae0790f..2d5d19fabc 100644
--- a/platform/features/scrolling/res/templates/scrolling.html
+++ b/platform/features/scrolling/res/templates/scrolling.html
@@ -20,27 +20,31 @@
at runtime from the About dialog for additional information.
-->
<div class="w1" ng-controller="TelemetryController as telemetry">
- <!-- Dynamically set height based on number of rows desired. In current CSS, each row occupies 18px -->
- <div class="w2"
- ng-style="{ height: rows.length * 18 + 'px' }"
- ng-controller="ScrollingListController">
- <div class="tabular">
-
- <div class="tr header">
- <!-- Enable sorting by binding click handlers to the <em> element in each <th>. Note that CSS classes must be added dynamically to the current <th> that is sorting. For example, if sorting by ID: <div class="th sort asc"> or <div class="th sort desc">. -->
- <div class="th" ng-repeat="header in headers">
- <em>{{header}}</em>{{header}}
- </div>
- </div>
-
- <div class="tr" ng-repeat="row in rows">
- <div class="td" ng-repeat="cell in row">
- {{cell}}
- </div>
- </div>
-
- </div>
- </div>
+ <div class="w2"
+ ng-controller="ScrollingListController">
+ <!-- To add filtering, add class 'filterable' to <table> and uncomment 2nd <tr> in <thead> -->
+ <table class="tabular">
+ <thead>
+ <tr>
+ <th ng-repeat="header in headers">
+ {{header}}
+ </th>
+ </tr>
+ <!--tr>
+ <th ng-repeat="header in headers">
+ <input type="text" />
+ </th>
+ </tr-->
+ </thead>
+ <tbody>
+ <tr ng-repeat="row in rows">
+ <td ng-repeat="cell in row">
+ {{cell}}
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
</div>