GUI -- TableService can take a div, config object, and data object in order to programmatically render and load data into a table. Test functions added.
Change-Id: I585cee8331612be984ca7ead2829525af7f3d3e5
diff --git a/web/gui/src/main/webapp/_bripc/practice-table.html b/web/gui/src/main/webapp/_bripc/practice-table.html
index 17b6656..1d9f22b 100644
--- a/web/gui/src/main/webapp/_bripc/practice-table.html
+++ b/web/gui/src/main/webapp/_bripc/practice-table.html
@@ -31,6 +31,8 @@
<script type="text/javascript" src="../tp/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="practice-table.js"></script>
+ <script type="text/javascript" src="../app/fw/widget/widget.js"></script>
+ <script type="text/javascript" src="../app/fw/widget/table.js"></script>
<style>
html,
@@ -44,241 +46,13 @@
color: darkred;
}
- table {
- height: 200px;
- }
-
</style>
</head>
<!-- outline for using a controller in Angular -->
<body ng-app="practiceTable">
<h2>Scrolling Table Practice</h2>
- <div>
- <table table-height="200px" fixed-header>
- <thead>
- <tr>
- <th>URI</th>
- <th>Vendor</th>
- <th>Hardware Version</th>
- <th>Software Version</th>
- <th>Serial Number</th>
- <th>Protocol</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial#101291031813</td>
- <td>protocol protocol protocol protocol protocol protocol</td>
- </tr>
- <tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial</td>
- <td>protocol</td>
- </tr>
- <tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial</td>
- <td>protocol</td>
- </tr>
- <tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial</td>
- <td>protocol</td>
- </tr><tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial#101291031813</td>
- <td>protocol protocol protocol protocol protocol protocol</td>
- </tr>
- <tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial</td>
- <td>protocol</td>
- </tr>
- <tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial</td>
- <td>protocol</td>
- </tr>
- <tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial</td>
- <td>protocol</td>
- </tr><tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial#101291031813</td>
- <td>protocol protocol protocol protocol protocol protocol</td>
- </tr>
- <tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial</td>
- <td>protocol</td>
- </tr>
- <tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial</td>
- <td>protocol</td>
- </tr>
- <tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial</td>
- <td>protocol</td>
- </tr><tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial#101291031813</td>
- <td>protocol protocol protocol protocol protocol protocol</td>
- </tr>
- <tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial</td>
- <td>protocol</td>
- </tr>
- <tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial</td>
- <td>protocol</td>
- </tr>
- <tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial</td>
- <td>protocol</td>
- </tr><tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial#101291031813</td>
- <td>protocol protocol protocol protocol protocol protocol</td>
- </tr>
- <tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial</td>
- <td>protocol</td>
- </tr>
- <tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial</td>
- <td>protocol</td>
- </tr>
- <tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial</td>
- <td>protocol</td>
- </tr><tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial</td>
- <td>protocol</td>
- </tr>
- <tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial</td>
- <td>protocol</td>
- </tr>
- <tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial</td>
- <td>protocol</td>
- </tr><tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial#101291031813</td>
- <td>protocol protocol protocol protocol protocol protocol</td>
- </tr>
- <tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial</td>
- <td>protocol</td>
- </tr>
- <tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial</td>
- <td>protocol</td>
- </tr>
- <tr>
- <td>id</td>
- <td>mfr</td>
- <td>hw</td>
- <td>sw</td>
- <td>serial</td>
- <td>protocol</td>
- </tr>
- </tbody>
- </table>
+ <div id="tableDiv" ng-controller="showTableCtrl as ctrl">
</div>
</body>