RuhNetConsulting
/
Adminator-admin-dashboard
mirror of https://github.com/puikinsh/Adminator-admin-dashboard
1
0
Fork 0
Code Issues 0 Projects 0 Releases 16 Wiki Activity
Browse Source

user page logo

pull/146/head
Mohammed Tantawy 7 years ago
parent
f78b0e57a4
commit
47fefe50fb
8 changed files with 397 additions and 12 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +5
    -4
      src/assets/scripts/app/index.js
  2. +2
    -2
      src/assets/scripts/history/index.js
  3. +1
    -0
      src/assets/scripts/index.js
  4. +10
    -0
      src/assets/scripts/reports/index.js
  5. +11
    -0
      src/assets/scripts/reports/reports.controller.js
  6. +349
    -0
      src/assets/scripts/reports/reports.html
  7. +15
    -1
      src/assets/scripts/users/users.controller.js
  8. +4
    -5
      src/assets/scripts/users/users.html

+ 5
- 4
src/assets/scripts/app/index.js View File

@ -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: '/'
});

+ 2
- 2
src/assets/scripts/history/index.js View File

@ -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);
//.factory(HistoryService.name, HistoryService);

+ 1
- 0
src/assets/scripts/index.js View File

@ -33,5 +33,6 @@ import './user-add';
import './users';
import './companies';
import './referees';
import './reports';
import './app';

+ 10
- 0
src/assets/scripts/reports/index.js View File

@ -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);

+ 11
- 0
src/assets/scripts/reports/reports.controller.js View File

@ -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;

+ 349
- 0
src/assets/scripts/reports/reports.html View File

@ -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>

+ 15
- 1
src/assets/scripts/users/users.controller.js View File

@ -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();


+ 4
- 5
src/assets/scripts/users/users.html View File

@ -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>


Write Preview
Loading…
Cancel
Save