ONOS-1934 - CORD-GUI -- Basic dashboard page created: gets data and displays it in tables. Icon support and navigation bar added.
Change-Id: I68f2f180f11f958fa0f49411b03d101204662d79
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 b535e50..f3b2598 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,27 +1,57 @@
-<!DOCTYPE html>
-<!--
- ~ Copyright 2015 Open Networking Laboratory
- ~
- ~ Licensed under the Apache License, Version 2.0 (the "License");
- ~ you may not use this file except in compliance with the License.
- ~ You may obtain a copy of the License at
- ~
- ~ http://www.apache.org/licenses/LICENSE-2.0
- ~
- ~ Unless required by applicable law or agreed to in writing, software
- ~ distributed under the License is distributed on an "AS IS" BASIS,
- ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- ~ See the License for the specific language governing permissions and
- ~ limitations under the License.
- -->
+<!-- Home page partial html -->
+<div 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>
-<html>
-<head lang="en">
- <meta charset="UTF-8">
- <title></title>
-</head>
-<body>
-<h2>Dashboard</h2>
-
-</body>
-</html>
\ No newline at end of file
+ <div id="db-users">
+ <table class="title">
+ <tr>
+ <th>Users</th>
+ </tr>
+ </table>
+ <table class="content">
+ <thead>
+ <tr>
+ <th>ID</th>
+ <th>Name</th>
+ <th>Role</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr ng-repeat="user in users">
+ <td>{{user.id}}</td>
+ <td>{{user.name}}</td>
+ <td>{{user.role}}</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+</div>