ONOS-1934 - CORD-GUI -- Styling edits for positioning, updated dashboard to use new json format.
Change-Id: Ia4ab3783ae3bbdf1a53dbba551c1cb5d49f6e49c
diff --git a/apps/demo/cord-gui/src/main/webapp/app/view/home/home.css b/apps/demo/cord-gui/src/main/webapp/app/view/home/home.css
index 43473e6..31cfe98 100644
--- a/apps/demo/cord-gui/src/main/webapp/app/view/home/home.css
+++ b/apps/demo/cord-gui/src/main/webapp/app/view/home/home.css
@@ -14,17 +14,10 @@
* limitations under the License.
*/
-div#db-bundle, div#db-users {
- float: left;
+#home table {
+ width: 100%;
}
-svg.embedded-icon g.icon rect {
- fill: none;
-}
-
-svg.embedded-icon g.icon .glyph.checkMark {
- fill: #3eff7d;
-}
-svg.embedded-icon g.icon .glyph.xMark {
- fill: #a81c22;
+#home td, #home th {
+ text-align: center;
}
diff --git a/apps/demo/cord-gui/src/main/webapp/app/view/home/home.html b/apps/demo/cord-gui/src/main/webapp/app/view/home/home.html
index f3b2598..2d9130e 100644
--- a/apps/demo/cord-gui/src/main/webapp/app/view/home/home.html
+++ b/apps/demo/cord-gui/src/main/webapp/app/view/home/home.html
@@ -1,37 +1,13 @@
<!-- Home page partial html -->
-<div class="container">
+<div id="home" class="container">
<nav></nav>
- <h2>Dashboard</h2>
- <div id="db-bundle">
- <table class="title">
- <tr>
- <th>{{bundle.name}}</th>
- </tr>
- </table>
- <table class="content">
- <thead>
- <tr>
- <th>ID</th>
- <th>Name</th>
- <th>Active</th>
- </tr>
- </thead>
- <tbody>
- <tr ng-repeat="func in bundle.functions">
- <td>{{func.id}}</td>
- <td>{{func.name}}</td>
- <td ng-if="func.active">
- <icon size="20" id="checkMark"></icon>
- </td>
- <td ng-if="!func.active">
- <icon size="20" id="xMark"></icon>
- </td>
- </tr>
- </tbody>
- </table>
+ <div class="main-left">
+ <h2>Dashboard</h2>
+ <h4>You are subscribed to the</h4>
+ <h3>{{bundle}}</h3>
</div>
- <div id="db-users">
+ <div class="main-right">
<table class="title">
<tr>
<th>Users</th>
@@ -40,16 +16,14 @@
<table class="content">
<thead>
<tr>
- <th>ID</th>
<th>Name</th>
- <th>Role</th>
+ <th>MAC Address</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="user in users">
- <td>{{user.id}}</td>
<td>{{user.name}}</td>
- <td>{{user.role}}</td>
+ <td>{{user.mac}}</td>
</tr>
</tbody>
</table>