CORD GUI -- Dashboard and login pages have new look. WIP.
Change-Id: Ib38870c8acb5f443d2aedb6580180f5457f944df
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 857d694..2c634ee 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,38 +1,46 @@
<!-- Home page partial html -->
<div id="home" class="container">
- <nav></nav>
<div class="main-left">
- <h4>You are subscribed to the</h4>
- <h3>{{bundle}}</h3>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sit
- amet ultricies metus. Praesent pretium diam et nibh lacinia
- faucibus. Donec commodo efficitur ex quis faucibus.
- Pellentesque nec commodo metus. Nulla ultrices odio vitae tellus
- tempor, quis fringilla arcu pellentesque. Duis efficitur massa
- libero, et molestie diam vulputate nec. Nulla vitae lacinia odio.
- </p>
+ <img src="/imgs/bin_ball.jpg">
</div>
<div class="main-right">
- <table class="title">
- <tr>
- <th>Users</th>
- </tr>
- </table>
- <table class="content">
- <thead>
- <tr>
- <th>Name</th>
- <th>MAC Address</th>
- </tr>
- </thead>
- <tbody>
+ <div class="move-down">
+ <div class="bundle-title">
+ <h5>You are subscribed to the</h5>
+ <h3>{{bundle}}</h3>
+ </div>
+
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sit
+ amet ultricies metus. Praesent pretium diam et nibh lacinia
+ faucibus. Donec commodo efficitur ex quis faucibus.
+ Pellentesque nec commodo metus. Nulla ultrices odio vitae tellus
+ tempor, quis fringilla arcu pellentesque. Duis efficitur massa
+ libero, et molestie diam vulputate nec. Nulla vitae lacinia odio.
+ </p>
+
+
+ <h4>Users</h4>
+ <table class="users">
+ <thead>
+ <tr>
+ <th class="user-pic"></th>
+ <th>Name</th>
+ <th>Last Login</th>
+ </tr>
+ </thead>
+ <tbody>
+
<tr ng-repeat="user in users" class="fadein">
- <td>{{user.name}}</td>
- <td>{{user.mac}}</td>
- </tr>
- </tbody>
- </table>
+ <td class="user-pic">
+ <img ng-src="{{'/imgs/' + user.icon_id + '.png'}}">
+ </td>
+ <td>{{user.name}}</td>
+ <td>Session Activity</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
</div>
</div>