From 47fefe50fbc6fd8bbdf6945559cfc7f23fdfbf26 Mon Sep 17 00:00:00 2001
From: Mohammed Tantawy <6102@ait.nsw.edu.au>
Date: Sat, 9 Feb 2019 14:00:04 +1100
Subject: [PATCH] user page logo

---
 src/assets/scripts/app/index.js               |   9 +-
 src/assets/scripts/history/index.js           |   4 +-
 src/assets/scripts/index.js                   |   1 +
 src/assets/scripts/reports/index.js           |  10 +
 .../scripts/reports/reports.controller.js     |  11 +
 src/assets/scripts/reports/reports.html       | 349 ++++++++++++++++++
 src/assets/scripts/users/users.controller.js  |  16 +-
 src/assets/scripts/users/users.html           |   9 +-
 8 files changed, 397 insertions(+), 12 deletions(-)
 create mode 100644 src/assets/scripts/reports/index.js
 create mode 100644 src/assets/scripts/reports/reports.controller.js
 create mode 100644 src/assets/scripts/reports/reports.html

diff --git a/src/assets/scripts/app/index.js b/src/assets/scripts/app/index.js
index 9f3c876..8a68b57 100644
--- a/src/assets/scripts/app/index.js
+++ b/src/assets/scripts/app/index.js
@@ -20,6 +20,7 @@ angular.module('NomitWisp',
         'nwUsers',
         'nwCompanies',
         'nwReferees',
+        'nwReports',
         ngRoute
     ])
     .factory(UserService.name, UserService)
@@ -74,10 +75,10 @@ angular.module('NomitWisp',
             controller: 'RefereesController', 
             templateUrl: 'assets/scripts/referees/referees.html' 
         })
-        // .when('/reports', { 
-        //     controller: 'ReportsController', 
-        //     templateUrl: '' 
-        // })
+        .when('/reports', { 
+            controller: 'ReportsController', 
+            templateUrl: 'assets/scripts/reports/reports.html' 
+        })
         .otherwise({ 
             redirectTo: '/' 
         }); 
diff --git a/src/assets/scripts/history/index.js b/src/assets/scripts/history/index.js
index 58fdc44..b20349c 100644
--- a/src/assets/scripts/history/index.js
+++ b/src/assets/scripts/history/index.js
@@ -1,10 +1,10 @@
 import angular from 'angular';
 import HistoryController from './history.controller';
-//import ProfileService from './profile.service';
+//import HistoryService from './history.service';
 
 angular.module('nwHistory', [])
     .config(['$httpProvider', function($httpProvider) {
         $httpProvider.defaults.withCredentials = true;
     }])
     .controller(HistoryController.name, HistoryController)
-    //.factory(ProfileService.name, ProfileService);
\ No newline at end of file
+    //.factory(HistoryService.name, HistoryService);
\ No newline at end of file
diff --git a/src/assets/scripts/index.js b/src/assets/scripts/index.js
index 230cfc4..6c40505 100755
--- a/src/assets/scripts/index.js
+++ b/src/assets/scripts/index.js
@@ -33,5 +33,6 @@ import './user-add';
 import './users';
 import './companies';
 import './referees';
+import './reports';
 
 import './app';
\ No newline at end of file
diff --git a/src/assets/scripts/reports/index.js b/src/assets/scripts/reports/index.js
new file mode 100644
index 0000000..736d7a9
--- /dev/null
+++ b/src/assets/scripts/reports/index.js
@@ -0,0 +1,10 @@
+import angular from 'angular';
+import ReportsController from './reports.controller';
+//import ReportsService from './reports.service';
+
+angular.module('nwReports', [])
+    .config(['$httpProvider', function($httpProvider) {
+        $httpProvider.defaults.withCredentials = true;
+    }])
+    .controller(ReportsController.name, ReportsController)
+    //.factory(HistoryService.name, HistoryService);
\ No newline at end of file
diff --git a/src/assets/scripts/reports/reports.controller.js b/src/assets/scripts/reports/reports.controller.js
new file mode 100644
index 0000000..8412a7c
--- /dev/null
+++ b/src/assets/scripts/reports/reports.controller.js
@@ -0,0 +1,11 @@
+/** @ngInject */
+const ReportsController = ($scope, UserService) => {
+    $scope.$on('loadUserSuccess', function (event, user) {
+        $scope.user = user;
+    });
+    // Service to fetch reports
+
+    UserService.loadUser();
+}
+
+export default ReportsController;
\ No newline at end of file
diff --git a/src/assets/scripts/reports/reports.html b/src/assets/scripts/reports/reports.html
new file mode 100644
index 0000000..1f14cfd
--- /dev/null
+++ b/src/assets/scripts/reports/reports.html
@@ -0,0 +1,349 @@
+<main class='main-content'>
+  <div id='mainContent row'>
+    <div class="row content-title mT-60">
+      <h1 class="col-8 ml-1 mb-3">
+        Reports
+      </h1>
+    </div>
+    <!-- ### Table 1 ### -->
+    <h5>All Applications (Last month)</h5>
+    <table class="table table-hover mb-30 ml-1">
+      <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">Submitted By (ID)</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>davidchan</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>jenniferbrown</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>christhomson</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>johndoe</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> <!-- End of table-->
+
+    <!-- ### Table 2 ### -->
+    <h5>New Registered Users (Last month)</h5>
+    <table class="table table-hover mb-30 ml-1">
+      <thead class="thead-purple-border">
+        <tr>
+          <th scope="col">#</th>
+          <th scope="col">First Name</th>
+          <th scope="col">Last Name</th>
+          <th scope="col">Username</th>
+          <th scope="col">Industry</th>
+          <th scope="col">Member Since</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <th scope="row">1</th>
+          <td>David</td>
+          <td>Chan</td>
+          <td>davidchan</td>
+          <td>Design(Graphic, digital, textile, UX/UI)</td>
+          <td>21 Jan 2019</td>
+        </tr>
+        <tr>
+          <th scope="row">2</th>
+          <td>David</td>
+          <td>Chan</td>
+          <td>davidchan</td>
+          <td>Design(Graphic, digital, textile, UX/UI)</td>
+          <td>21 Jan 2019</td>
+        </tr>
+        <tr>
+          <th scope="row">3</th>
+          <td>David</td>
+          <td>Chan</td>
+          <td>davidchan</td>
+          <td>Design(Graphic, digital, textile, UX/UI)</td>
+          <td>21 Jan 2019</td>
+          </td>
+        </tr>
+      </tbody>
+    </table> <!-- End of table-->
+
+    <!-- ### Table 3 ### -->
+    <h5>New Ads (Last month)</h5>
+    <table class="table table-hover mb-30 ml-1">
+      <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">Posted 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> <!-- End of table-->
+
+    <!-- ### Table 4 ### -->
+    <h5>Successful Matches (Last month)</h5>
+    <table class="table table-hover mb-30 ml-1">
+      <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">Matched User(ID)</th>
+          <th scope="col">Matched Date</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>davidchan</td>
+          <td>07 Jan 2019</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>jenniferbrown</td>
+          <td>21 Jan 2019</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>christhomson</td>
+          <td>23 Jan 2019</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>johndoe</td>
+          <td>25 Jan 2019</td>
+        </tr>
+      </tbody>
+    </table> <!-- End of table-->
+
+    <!-- ### Table 5 ### -->
+    <h5>Unmatched Users (Last month)</h5>
+    <table class="table table-hover mb-30 ml-1">
+      <thead class="thead-purple-border">
+        <tr>
+          <th scope="col">#</th>
+          <th scope="col">First Name</th>
+          <th scope="col">Last Name</th>
+          <th scope="col">Username</th>
+          <th scope="col">Industry</th>
+          <th scope="col">Member Since</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <th scope="row">1</th>
+          <td>David</td>
+          <td>Chan</td>
+          <td>davidchan</td>
+          <td>Design(Graphic, digital, textile, UX/UI)</td>
+          <td>21 Jan 2019</td>
+        </tr>
+        <tr>
+          <th scope="row">2</th>
+          <td>David</td>
+          <td>Chan</td>
+          <td>davidchan</td>
+          <td>Design(Graphic, digital, textile, UX/UI)</td>
+          <td>21 Jan 2019</td>
+        </tr>
+        <tr>
+          <th scope="row">3</th>
+          <td>David</td>
+          <td>Chan</td>
+          <td>davidchan</td>
+          <td>Design(Graphic, digital, textile, UX/UI)</td>
+          <td>21 Jan 2019</td>
+          </td>
+        </tr>
+      </tbody>
+    </table> <!-- End of table-->
+
+    <!-- ### Table 6 ### -->
+    <h5>Unmatched Ads (Last month)</h5>
+    <table class="table table-hover mb-30 ml-1">
+      <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">Posted 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-secondary btn-sm" data-toggle="tooltip" data-placement="right" title="Application has expired">
+              OFF
+            </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-success btn-sm" data-toggle="tooltip" data-placement="right" title="Application is still open">
+              ON
+            </div>
+          </td>
+        </tr>
+      </tbody>
+    </table> <!-- End of table-->
+
+    <!-- ### Buttons ### -->
+    <div class="masonry-item  w-50 m-auto btn-centered-container ">
+      <button type="button" href="src/assets/scripts/dashboard/dashboard.html" class="col-5 mr-1 btn btn-gradient btn-centered">Go
+        to Dashboard</button>
+      <button type="button" class="col-5 ml-1 btn btn-border  btn-centered" onclick="myFunction()">Print Report</button>
+    </div>
+
+  </div>
+</main>
diff --git a/src/assets/scripts/users/users.controller.js b/src/assets/scripts/users/users.controller.js
index 7e9bad2..295a7a3 100644
--- a/src/assets/scripts/users/users.controller.js
+++ b/src/assets/scripts/users/users.controller.js
@@ -1,9 +1,23 @@
+import Avatar from 'avatar-initials';
+
 /** @ngInject */
 const UsersController = ($scope, UsersService, UserService) => {
     $scope.$on('loadUserSuccess', async (event, user) => {
         $scope.user = user;
         await UsersService.fetchUsersService()
-          .then( (result) => { $scope.users = result; })
+            .then( (result) => { 
+                $scope.users = result;
+                
+                $scope.avatar = function(index) {
+                    const first_name = result[index].personal.first_name[0];
+                    const last_name = result[index].personal.last_name[0];
+                    new Avatar(document.getElementById('user'+index), {
+                        'useGravatar': false,
+                        'initials': first_name + last_name,
+                        'initial_weight': 300,
+                    }); 
+                }                
+            })
           .catch( (error) => { console.log(error); })
       });
       UserService.loadUser();
diff --git a/src/assets/scripts/users/users.html b/src/assets/scripts/users/users.html
index 4664902..9092231 100644
--- a/src/assets/scripts/users/users.html
+++ b/src/assets/scripts/users/users.html
@@ -12,12 +12,11 @@
         <!-- #first user ========= -->
         <div class="card item-box">
           <div class="user-data-title container">
-            <img class="user-card-img rounded-circle" src="https://www.monmouth.edu/university-advancement/wp-content/uploads/sites/237/2018/08/person-placeholder.jpg"
-              alt="">
+            <img id="user{{$index}}" class="user-card-img rounded-circle" ng-src="{{avatar($index)}}" alt="" />
             <div class="user-card-col">
-              <div class="user-card-title">{{user.fullname}}</div>
-              <div class=" text-size-11">Victoria</div>
-              <div class=" text-size-11">Mobile: 0414987654</div>
+              <div class="user-card-title">{{user.personal.first_name}} {{user.personal.last_name}}</div>
+              <div class=" text-size-11">{{user.personal.city}}</div>
+              <div class=" text-size-11">{{user.personal.phone}}</div>
               <a href="#" id="user-action-fill">view user profile</a>
               <a href="#" id="user-action-border" data-toggle="tooltip" data-placement="bottom" title="User will be unable to log in to WISP">ban
                 user</a>