Moved to SASS bootstrap and refactored
diff --git a/applications/subscriberPortal/src/app/view/home/home.css b/applications/subscriberPortal/src/app/view/home/home.css
deleted file mode 100644
index 58f07a5..0000000
--- a/applications/subscriberPortal/src/app/view/home/home.css
+++ /dev/null
@@ -1,65 +0,0 @@
-/*
- * 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 div.main-left {
- width: 55%;
- padding: 0;
-}
-#home div.main-right {
- padding: 1% 0 0 3%;
- width: 42%;
-}
-#home div.move-down {
- margin-top: 5%;
-}
-
-#home div.image-holder {
- width: 100%;
- position: relative;
-}
-
-#home div.main-left img {
- width: 100%;
-}
-
-#home div.main-right div.bundle-title {
- padding: 2% 0;
-}
-
-#home h4 {
- padding-bottom: 2%;
-}
-
-#home p {
- margin-bottom: 3%;
-}
-
-#home table {
- width: 94%;
- table-layout: fixed;
- margin-left: 6%;
- border-left: 1px solid #CE5650;
-}
-
-#home table.users th,
-#home table.users td {
- font-size: 90%;
-}
-
-#home td, #home th {
- text-align: left;
- padding: 2%;
-}
diff --git a/applications/subscriberPortal/src/app/view/home/home.html b/applications/subscriberPortal/src/app/view/home/home.html
index a3d7fb2..2537996 100644
--- a/applications/subscriberPortal/src/app/view/home/home.html
+++ b/applications/subscriberPortal/src/app/view/home/home.html
@@ -1,42 +1,50 @@
<!-- Home page partial html -->
<div id="home" class="container">
- <div class="main-left">
- <img src="/imgs/home.jpg">
- </div>
-
- <div class="main-right">
- <div class="move-down">
+ <div class="row">
+ <div class="col-sm-6 hidden-xs">
+ <img class="img-responsive" src="/imgs/home.jpg">
+ </div>
+ <div class="col-sm-6">
<div class="bundle-title">
- <h4>Welcome Dad!</h4>
+ <h2>Welcome Dad!</h2>
<h5>You are subscribed to the</h5>
- <h3>{{bundle_name}}</h3>
</div>
- <p>{{bundle_desc}}</p>
+ <div class="panel panel-primary">
+ <div class="panel-heading">
+ <h3 class="panel-title">{{bundle_name}}</h3>
+ </div>
+ <div class="panel-body">
+ {{bundle_desc}}
+ </div>
+ </div>
-
- <h4>Users</h4>
- <table class="users">
- <thead>
+ <div class="panel panel-primary">
+ <div class="panel-heading">
+ <h3 class="panel-title">Users</h3>
+ </div>
+ <table class="table">
+ <thead>
<tr>
- <th class="user-pic"></th>
+ <th></th>
<th>Name</th>
<th>Last Login</th>
</tr>
- </thead>
- <tbody>
+ </thead>
+ <tbody>
- <!--<pre>{{users | json}}</pre>-->
+ <!--<pre>{{users | json}}</pre>-->
- <tr ng-repeat="user in users" class="fadein">
- <td class="user-pic">
+ <tr ng-repeat="user in users" class="animate-repeat">
+ <td class="avatar">
<img ng-src="{{'/imgs/' + user.icon_id + '.jpg'}}">
</td>
<td>{{user.name}}</td>
<td>{{shared.userActivity[user.id]}}</td>
</tr>
- </tbody>
- </table>
+ </tbody>
+ </table>
+ </div>
</div>
</div>
</div>
\ No newline at end of file