added history route

src/assets/scripts/app/index.js

@@ -14,6 +14,7 @@ angular.module('NomitWisp',
         'nwAdsDetails',
         'nwProfile',
         'nwSignup',
+        'nwHistory',
         ngRoute
         
     ])
@@ -41,6 +42,10 @@ angular.module('NomitWisp',
             controller: 'SignupController', 
             templateUrl: 'assets/scripts/signup/signup.html' 
         })
+        .when('/history', { 
+            controller: 'HistoryController', 
+            templateUrl: 'assets/scripts/history/history.html' 
+        })
         // .when('/users', { 
         //     controller: 'UsersController', 
         //     templateUrl: '' 

src/assets/scripts/history/history.controller.js

@@ -0,0 +1,11 @@
+/** @ngInject */
+const HistoryController = ($scope, UserService) => {
+    $scope.$on('loadUserSuccess', function (event, user) {
+        $scope.user = user;
+    });
+        // Service to fetch the history
+
+    UserService.loadUser();
+}
+
+export default HistoryController;

src/assets/scripts/history/history.html

@@ -0,0 +1,72 @@
+<main class='main-content bgc-grey-300'>
+  <div id='mainContent row'>
+    <div class="row content-title mT-60">
+      <h1 class="col-8 ml-1 mb-3">
+        History
+      </h1>
+    </div>
+    <!-- ### Table ### -->
+    <table class="table table-hover">
+      <thead class="thead-purple-border">
+        <tr>
+          <th scope="col">#</th>
+          <th scope="col">Position</th>
+          <th scope="col">Company</th>
+          <th scope="col">Industry</th>
+          <th scope="col">Submission Date</th>
+          <th scope="col">Application Status</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <th scope="row">1</th>
+          <td style="text-decoration:underline"><a href="ads_1.html">Graphic Design Intern</a></td>
+          <td>Sierra Delta Creative</td>
+          <td>Design</td>
+          <td>07 Jan 2019</td>
+          <td>
+            <div class="btn btn-outline-success btn-sm" data-toggle="tooltip" data-placement="right" title="Application is still open">
+              ON
+            </div>
+          </td>
+        </tr>
+        <tr>
+          <th scope="row">2</th>
+          <td style="text-decoration:underline"><a href="ads_1.html">Barista Intern</a></td>
+          <td>Brunetti</td>
+          <td>Hospitality</td>
+          <td>21 Jan 2019</td>
+          <td>
+            <div class="btn btn-outline-secondary btn-sm" data-toggle="tooltip" data-placement="right" title="Application has expired">
+              OFF
+            </div>
+          </td>
+        </tr>
+        <tr>
+          <th scope="row">3</th>
+          <td style="text-decoration:underline"><a href="ads_1.html">Web Developer Intern</a></td>
+          <td>Agile Talent</td>
+          <td>IT / Software Engineering</td>
+          <td>23 Jan 2019</td>
+          <td>
+            <div class="btn btn-outline-info btn-sm" data-toggle="tooltip" data-placement="right" title="Application is closed">
+              CLOSED
+            </div>
+          </td>
+        </tr>
+        <tr>
+          <th scope="row">4</th>
+          <td style="text-decoration:underline"><a href="ads_1.html">Kitchen Hand Intern</a></td>
+          <td>Yarra River Grill</td>
+          <td>Hospitality</td>
+          <td>25 Jan 2019</td>
+          <td>
+            <div class="btn btn-outline-danger btn-sm" data-toggle="tooltip" data-placement="right" title="This job listing is removed">
+              CANCELLED
+            </div>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</main>

src/assets/scripts/history/index.js

@@ -0,0 +1,10 @@
+import angular from 'angular';
+import HistoryController from './history.controller';
+//import ProfileService from './profile.service';
+
+angular.module('nwHistory', [])
+    .config(['$httpProvider', function($httpProvider) {
+        $httpProvider.defaults.withCredentials = true;
+    }])
+    .controller(HistoryController.name, HistoryController)
+    //.factory(ProfileService.name, ProfileService);

src/assets/scripts/index.js

@@ -27,5 +27,6 @@ import './ads';
 import './ads-details';
 import './profile';
 import './signup';
+import './history';
 
 import './app';

src/assets/scripts/nwSidebar/nwSidebar.html

@@ -274,8 +274,8 @@
         </a>
       </li>
       <!-- Everybody besides Admin have access -->
-      <li class="nav-item" ng-show="'{{user.role}}'!='admin'">
-        <a class='sidebar-link' href="#">
+      <li class="nav-item" ng-show="'{{user.role}}'!=='admin'">
+        <a class='sidebar-link' href="#!history">
           <span class="icon-holder">
             <i class="c-white-500 fa fa-history text-white"></i>
           </span>

src/assets/scripts/users/users.html

@@ -0,0 +1,74 @@
+<main class='main-content bgc-grey-300'>
+  <div id='mainContent row'>
+    <div class="row content-title mT-60">
+      <h1 class="col-8 ml-1 mb-4">Users</h1>
+    </div>
+
+    <div class=" gap-30 masonry pos-r">
+      <!-- #content container ===== -->
+      <div class="masonry-sizer col-md-6"></div>
+
+      <div class="masonry-item  w-50">
+        <!-- #first user ========= -->
+        <div class="card item-box">
+          <div class="user-data-title container">
+            <div class="row">
+              <div class="col-8">
+                <img class="user-update-img  rounded-circle" src="https://content.invisioncic.com/Mseclife/monthly_2017_08/C.png.2537be5c760ba5232ee4716f77d13c51.png"
+                  alt="">
+                <div class="testo">
+                  <h5 class=" form-title">David James</h5>
+                  <div class=" text-size-11">Victoria</div>
+                  <div class=" text-size-11">Mobile: 0414987654</div>
+                </div>
+              </div>
+              <div class="col-4 users-action-btn" style="text-align: right">
+                <div class="d-inline-block">
+                  <a href=""><i class="fa fa-eye" data-toggle="tooltip" data-placement="bottom" title="View user details"></i></a>
+                  <a href=""><i class="fa fa-ban" data-toggle="tooltip" data-placement="bottom" title="Ban user (user will not be able to login)"></i></a>
+                </div>
+              </div>
+            </div>
+
+          </div>
+          <div class="card-body p-0">
+            <div class="card-body-users row">
+              <div class="users-icons">
+                <a href=""><i class="fa fa-envelope-o"></i></a>
+                <a href=""><i class="fa fa-linkedin"></i></a>
+                <a href=""><i class="fa fa-facebook"></i></a>
+                <a href=""><i class="fa fa-instagram"></i></a>
+                <a href=""><i class="fa fa-github"></i></a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="masonry-item  w-50">
+        <!-- #second user ========= -->
+        <div class="card item-box">
+          <div class="user-data-title">
+            <img class="user-update-img" src="assets/static/images/nomit-logo.png" alt="">
+            <div class="testo">
+              <h5 class=" form-title">David James</h5>
+              <div class=" text-size-11">Victoria</div>
+              <div class=" text-size-11">Mobile: 0414987654</div>
+            </div>
+          </div>
+          <div class="card-body p-0">
+            <div class="card-body-users row">
+              <div class="users-icons">
+                <a href=""><i class="ti-instagram "></i></a>
+                <a href=""><i class="ti-twitter "></i></a>
+                <a href=""><i class="ti-facebook   "></i></a>
+                <a href=""><i class="ti-email"></i></a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!--content container-->
+</main>