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

Updated app 

Login now on separate page
Signup not working yet
Every page in the app have the directive for sidebar, topbar and footer
pull/146/head
Mohammed Tantawy 7 years ago
parent
5f84be7e4a
commit
db0548b4f0
24 changed files with 2712 additions and 2609 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +87
    -78
      src/assets/scripts/ads-add/ads-add.html
  2. +51
    -45
      src/assets/scripts/ads-details/ads-details.html
  3. +39
    -29
      src/assets/scripts/ads/ads.html
  4. +5
    -1
      src/assets/scripts/app/index.js
  5. +3
    -3
      src/assets/scripts/app/shared.service.js
  6. +40
    -41
      src/assets/scripts/companies/companies.html
  7. +98
    -96
      src/assets/scripts/company-details/company-details.html
  8. +270
    -264
      src/assets/scripts/dashboard/dashboard.html
  9. +76
    -71
      src/assets/scripts/history/history.html
  10. +1
    -1
      src/assets/scripts/index.js
  11. +8
    -0
      src/assets/scripts/login/index.js
  12. +33
    -0
      src/assets/scripts/login/login.controller.js
  13. +231
    -0
      src/assets/scripts/login/login.html
  14. +0
    -0
      src/assets/scripts/login/login.service.js
  15. +0
    -17
      src/assets/scripts/nwLogin/index.js
  16. +0
    -28
      src/assets/scripts/nwLogin/login.controller.js
  17. +0
    -163
      src/assets/scripts/nwLogin/nwLogin.html
  18. +731
    -744
      src/assets/scripts/profile/profile.html
  19. +40
    -38
      src/assets/scripts/referees/referees.html
  20. +346
    -342
      src/assets/scripts/reports/reports.html
  21. +534
    -511
      src/assets/scripts/user-add/user-add.html
  22. +80
    -79
      src/assets/scripts/user-details/user-details.html
  23. +39
    -36
      src/assets/scripts/users/users.html
  24. +0
    -22
      src/index.html

+ 87
- 78
src/assets/scripts/ads-add/ads-add.html View File

@ -1,87 +1,96 @@
<main class='main-content bgc-grey-300'>
<div id='mainContent row'>
<nw-sidebar></nw-sidebar>
<div class="page-container">
<nw-topbar></nw-topbar>
<div class="row content-title mT-60">
<h1 class="col-8 ml-1 mb-4">Create a new Internship Ad</h1>
</div>
<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">Create a new Internship Ad</h1>
</div>
<div class=" gap-30 masonry pos-r"> <!-- #content container ===== -->
<div class="masonry-sizer col-md-6 "></div>
<div class=" gap-30 masonry pos-r">
<!-- #content container ===== -->
<div class="masonry-sizer col-md-6 "></div>
<!-- ### Job Details Card ### -->
<!-- ### Job Details Card ### -->
<form>
<div class="masonry-item w-50">
<div class="card item-box">
<div class="row">
<div class="col-2">
<img class="img-fluid ml-4 mb-4 companies-update-img" src="assets/static/images/nomit-logo.png" alt="company" class="avatar">
</div>
<div class="col-9 card-body">
<input class="form-h2 ard-text" name="adv.title" required placeholder="Job Name" />
<h6 class="card-title mr-4">{{user.company.name}}</h6>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<h5 class="card-title mt-4 ml-4 mr-4">About the business:</h5>
<textarea id="description2" class=" col-11 company-description ard-text ml-4 mr-10" name="story" ng-model="ads.companyinfo" rows="5" required>{{user.companyinfo}}</textarea>
<h5 class="card-title mt-4 ml-4 mr-4">About the role: </h5>
<textarea id="description3" class="wysiwyg-editor col-11 company-description ard-text ml-4 mr-10" ng-model="ads.description" name="story" rows="5" required>Please, include here a briefh description of the role, summarizeing the essential responsibilities, activities, qualifications and skills for a role. </textarea>
</div>
</div>
<form>
<div class="masonry-item w-50">
<div class="card item-box">
<div class="row">
<div class="col-2">
<img class="img-fluid ml-4 mb-4 companies-update-img" src="assets/static/images/nomit-logo.png" alt="company"
class="avatar">
</div>
<div class="col-9 card-body">
<input class="form-h2 ard-text" name="adv.title" required placeholder="Job Name" />
<h6 class="card-title mr-4">{{user.company.name}}</h6>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<h5 class="card-title mt-4 ml-4 mr-4">About the business:</h5>
<textarea id="description2" class=" col-11 company-description ard-text ml-4 mr-10" name="story"
ng-model="ads.companyinfo" rows="5" required>{{user.companyinfo}}</textarea>
<h5 class="card-title mt-4 ml-4 mr-4">About the role: </h5>
<textarea id="description3" class="wysiwyg-editor col-11 company-description ard-text ml-4 mr-10"
ng-model="ads.description" name="story" rows="5" required>Please, include here a briefh description of the role, summarizeing the essential responsibilities, activities, qualifications and skills for a role. </textarea>
</div>
<!-- ### Other Info Card ### -->
<div class="masonry-item w-50 ">
<div class="card item-box">
<div class="card-body">
<h5 class="card-title mt-4 ml-4 mr-4">Location:</h5>
<label class="">Address</label>
<input type="text" class="form-control" placeholder="Melbourne, CBD & Inner Suburbs" required>
<div class="form-row">
<div class="mt-2 form-group col-md-6">
<label for="inputCity">City</label>
<input type="text" class="form-control" id="inputCity" required>
</div>
<div class="mt-2 form-group col-md-4">
<label for="inputState">State</label>
<select id="inputState" class="form-control" required>
<option selected>Choose...</option>
<option>...</option>
</select>
</div>
<div class="mt-2 form-group col-md-2">
<label for="inputZip">Zip</label>
<input type="text" class="form-control" id="inputZip" required>
</div>
</div>
<h5 class="card-title mt-4 ml-4 mr-4">Application close:</h5>
<input type="text" class="form-control bdc-grey-200 start-date" placeholder="Application Closing Data" data-provide="datepicker">
</div>
</div>
<h5 class="card-title mt-4 ml-4 mr-4">Main Classification:</h5>
<input type="text" class="form-control" placeholder="Industry" required>
<!-- ### Other Info Card ### -->
<div class="masonry-item w-50 ">
<div class="card item-box">
<div class="card-body">
<h5 class="card-title mt-4 ml-4 mr-4">Location:</h5>
<label class="">Address</label>
<input type="text" class="form-control" placeholder="Melbourne, CBD & Inner Suburbs" required>
<div class="form-row">
<div class="mt-2 form-group col-md-6">
<label for="inputCity">City</label>
<input type="text" class="form-control" id="inputCity" required>
</div>
<div class="mt-2 form-group col-md-4">
<label for="inputState">State</label>
<select id="inputState" class="form-control" required>
<option selected>Choose...</option>
<option>...</option>
</select>
</div>
<div class="mt-2 form-group col-md-2">
<label for="inputZip">Zip</label>
<input type="text" class="form-control" id="inputZip" required>
</div>
</div>
<h5 class="card-title mt-4 ml-4 mr-4">Application close:</h5>
<input type="text" class="form-control bdc-grey-200 start-date" placeholder="Application Closing Data"
data-provide="datepicker">
<h5 class="card-title mt-4 ml-4 mr-4">Skills:</h5>
<input type="text" class="form-control" placeholder="Preofessions" value="" >
<div class="mt-4">
<div class=" ml-4 mb-4 btn btn-industry mt-4" ng-repeat="classification in classifications">{{classification}}</div>
<div class="ml-1 mb-4 btn btn-skills" ng-repeat="skill in skills">{{skill}}</div>
</div>
</div>
</div>
</div>
<!-- ### Buttons ### -->
<div class="masonry-item w-50 m-auto btn-centered-container ">
<button type="submit" href="#" class="col-5 mr-1 btn btn-gradient btn-centered mt-6">Create</button>
<button type="button" href="#" class="col-5 ml-1 btn btn-border btn-centered mt-6">Save</button>
<h5 class="card-title mt-4 ml-4 mr-4">Main Classification:</h5>
<input type="text" class="form-control" placeholder="Industry" required>
<h5 class="card-title mt-4 ml-4 mr-4">Skills:</h5>
<input type="text" class="form-control" placeholder="Preofessions" value="">
<div class="mt-4">
<div class=" ml-4 mb-4 btn btn-industry mt-4" ng-repeat="classification in classifications">{{classification}}</div>
<div class="ml-1 mb-4 btn btn-skills" ng-repeat="skill in skills">{{skill}}</div>
</div>
</div>
</form>
</div>
</div>
<!-- ### Buttons ### -->
<div class="masonry-item w-50 m-auto btn-centered-container ">
<button type="submit" href="#" class="col-5 mr-1 btn btn-gradient btn-centered mt-6">Create</button>
<button type="button" href="#" class="col-5 ml-1 btn btn-border btn-centered mt-6">Save</button>
</div>
</div><!--content row-->
</main>
</form>
</div>
</div>
<!--content row-->
</main>
<nw-footer></nw-footer>
</div>

+ 51
- 45
src/assets/scripts/ads-details/ads-details.html View File

@ -1,65 +1,71 @@
<main class='main-content bgc-grey-300'>
<div id='mainContent row'>
<nw-sidebar></nw-sidebar>
<div class="page-container">
<nw-topbar></nw-topbar>
<main class='main-content bgc-grey-300'>
<div id='mainContent row'>
<div class="content-title mT-60">
<div class="ml-1 mb-3">
<h1>Ad's Details</h1>
<div class="content-title mT-60">
<div class="ml-1 mb-3">
<h1>Ad's Details</h1>
</div>
</div>
</div>
<div class=" gap-30 masonry pos-r ">
<!-- #content container ===== -->
<div class="masonry-sizer col-12 "></div>
<div class=" gap-30 masonry pos-r ">
<!-- #content container ===== -->
<div class="masonry-sizer col-12 "></div>
<!-- ### Job Details Card ### -->
<div class="masonry-item w-100">
<div class="card">
<div class="row">
<div class="col-2 mt-4 ">
<img class="img-fluid ml-4 mb-4 companies-update-img avatar rounded-circle" id="ad-details-avatar" alt="company" ng-src={{avatar.element.src}} />
</div>
<div class="col-10 card-body">
<h2 class="card-title mt-4 mr-4">{{ ad.title }}</h2>
<h6 class="card-title mr-4">{{ ad.companyname }}</h6>
<!-- ### Job Details Card ### -->
<div class="masonry-item w-100">
<div class="card">
<div class="row">
<div class="col-2 mt-4 ">
<img class="img-fluid ml-4 mb-4 companies-update-img avatar rounded-circle" id="ad-details-avatar" alt="company"
ng-src={{avatar.element.src}} />
</div>
<div class="col-10 card-body">
<h2 class="card-title mt-4 mr-4">{{ ad.title }}</h2>
<h6 class="card-title mr-4">{{ ad.companyname }}</h6>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
{{ ad.description }}
<div class="card">
<div class="card-body">
{{ ad.description }}
</div>
</div>
</div>
</div>
<!-- ### Other Info Card ### -->
<div class="masonry-item w-100">
<div class="card">
<div class="card-body">
<h5 class="card-title mt-4 ml-4 mr-4">Location:</h5>
<p class="card-text ml-4 mr-4">{{ad.location}}</p>
<h5 class="card-title mt-4 ml-4 mr-4">Application close:</h5>
<p class="card-text ml-4 mr-4">{{ad.expiration-date}}</p>
<!-- ### Other Info Card ### -->
<div class="masonry-item w-100">
<div class="card">
<div class="card-body">
<h5 class="card-title mt-4 ml-4 mr-4">Location:</h5>
<p class="card-text ml-4 mr-4">{{ad.location}}</p>
<h5 class="card-title mt-4 ml-4 mr-4">Application close:</h5>
<p class="card-text ml-4 mr-4">{{ad.expiration-date}}</p>
<h5 class="card-title mt-4 ml-4 mr-4">Skills:</h5>
<div class="ml-4 mb-3" ng-repeat="skill in ad.skills">
<span class="mr-2 mb-2 btn btn-skills">{{ skill }}</span>
<h5 class="card-title mt-4 ml-4 mr-4">Skills:</h5>
<div class="ml-4 mb-3" ng-repeat="skill in ad.skills">
<span class="mr-2 mb-2 btn btn-skills">{{ skill }}</span>
</div>
<p class="card-text ml-4 my-4"></p><small class="text-muted">{{ daysAgo(ad.timestamp) }}</small></p>
</div>
<p class="card-text ml-4 my-4"></p><small class="text-muted">{{ daysAgo(ad.timestamp) }}</small></p>
</div>
</div>
</div>
<!-- ### Buttons ### -->
<div class="masonry-item w-50 m-auto btn-centered-container visible-user" ng-show="profile.role =='user'">
<button type="button" href="#" class="col-5 mr-1 btn btn-gradient btn-centered">Apply Now</button>
<button type="button" href="#" class="col-5 ml-1 btn btn-border btn-centered">Save</button>
<!-- ### Buttons ### -->
<div class="masonry-item w-50 m-auto btn-centered-container visible-user" ng-show="profile.role =='user'">
<button type="button" href="#" class="col-5 mr-1 btn btn-gradient btn-centered">Apply Now</button>
<button type="button" href="#" class="col-5 ml-1 btn btn-border btn-centered">Save</button>
</div>
</div>
</div>
</div>
<!--content row-->
</div>
<!--content row-->
</main>
</main>
<nw-footer></nw-footer>
</div>

+ 39
- 29
src/assets/scripts/ads/ads.html View File

@ -1,44 +1,54 @@
<main class='main-content bgc-grey-300'>
<nw-sidebar></nw-sidebar>
<div class="page-container">
<nw-topbar></nw-topbar>
<main class='main-content bgc-grey-300'>
<div id='mainContent row'>
<div class="row content-title mT-60 visible-admin visible-nomit visible-referee" ng-show="user.role =='admin' || user.role =='nomit' || user.role =='referee' ">
<h1 class="col-8 col-md-8 ml-1 mb-4">All Published Ads</h1>
<h1 class="col-8 col-md-8 ml-1 mb-4">All Published Ads</h1>
</div>
<div class="row content-title mT-60 visible-user visible-company" ng-show="user.role =='user' || user.role =='company' ">
<h1 class="col-8 col-md-8 ml-1 mb-4">Your Ads</h1>
</div>
<div class=" gap-20 masonry pos-r"> <!-- #content container ===== -->
<h1 class="col-8 col-md-8 ml-1 mb-4">Your Ads</h1>
</div>
<div class=" gap-20 masonry pos-r">
<!-- #content container ===== -->
<div class="masonry-sizer col-md-6"></div>
<div class="masonry-item w-100"> <!-- #First line ========= -->
<div class="masonry-item w-100">
<!-- #First line ========= -->
<div class="row gap-30">
<!-- ============== Job Ad ============== -->
<div class='col-md-4 col-sm-12' ng-repeat="ad in ads">
<div class="card item-box">
<img class="card-img-top" src="assets/static/images/bg.jpg" alt="Card image cap">
<div class="card-body">
<div class="card-title d-flex mx-2" style="justify-content:space-between; margin-bottom:0px; text-align: left;">
<h4> {{ ad.title }} </h4>
<div>
<a class='' href="" ng-show="user.role =='user'">
<span class="icon-holder"><i class="fa fa-heart-o font-weight-bold mt-2" style="color:#EE38A4; font-size: 22px;"></i></span>
</a>
</div>
</div>
<p class="card-text mx-2"><small class="text-muted">{{ ad.description }}</small></p>
<div class="star-rating-display ml-2 mb-2" data-rating="2"><span class="is-vishidden">TBD</span></div>
<p class="card-text mx-2 mb-2"> {{ ad.companyintro }} </p>
<div class="card item-box">
<img class="card-img-top" src="assets/static/images/bg.jpg" alt="Card image cap">
<div class="card-body">
<div class="card-title d-flex mx-2" style="justify-content:space-between; margin-bottom:0px; text-align: left;">
<h4> {{ ad.title }} </h4>
<div>
<a class='' href="" ng-show="user.role =='user'">
<span class="icon-holder"><i class="fa fa-heart-o font-weight-bold mt-2" style="color:#EE38A4; font-size: 22px;"></i></span>
</a>
</div>
<a href="/#!/ads/{{ad._id}}">
<div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4; font-weight: bolder; text-align: center; margin: 0px">
VIEW MORE <i class=" fa fa-chevron-right ml-1" style="color:#fff; font-size: 11px; font-weight: bolder;"></i>
</div>
</a>
</div>
<p class="card-text mx-2"><small class="text-muted">{{ ad.description }}</small></p>
<div class="star-rating-display ml-2 mb-2" data-rating="2"><span class="is-vishidden">TBD</span></div>
<p class="card-text mx-2 mb-2"> {{ ad.companyintro }} </p>
</div>
<a href="/#!/ads/{{ad._id}}">
<div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4; font-weight: bolder; text-align: center; margin: 0px">
VIEW MORE <i class=" fa fa-chevron-right ml-1" style="color:#fff; font-size: 11px; font-weight: bolder;"></i>
</div>
</a>
</div>
</div>
</div>
</div>
</div><!--content container -->
</div><!--maincontent row -->
</main>
</div>
<!--content container -->
</div>
<!--maincontent row -->
</main>
<nw-footer></nw-footer>
</div>

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

@ -4,7 +4,7 @@ import UserService from './shared.service';
angular.module('NomitWisp',
[
'NomitWisp-Login',
'nwLogin',
'NomitWisp-Topbar',
'NomitWisp-Sidebar',
'NomitWisp-Footer',
@ -33,6 +33,10 @@ angular.module('NomitWisp',
controller: 'DashboardController',
templateUrl: 'assets/scripts/dashboard/dashboard.html'
})
.when('/login', {
controller: 'LoginController',
templateUrl: 'assets/scripts/login/login.html'
})
.when('/ads', {
controller: 'AdsController',
templateUrl: 'assets/scripts/ads/ads.html'


+ 3
- 3
src/assets/scripts/app/shared.service.js View File

@ -12,13 +12,13 @@ const UserService = ($cookies, $rootScope, $location) => {
//load user has been called (is called on page load in menu controller and after login on modal controller)
serv.loadUser = () => {
if(typeof $cookies.get('access_token') !== 'undefined' || $location.path() === '/signup'){
if(typeof $cookies.get('access_token') !== 'undefined')
{
$rootScope.$broadcast('loadUserSuccess', parseJwt( $cookies.get('access_token') ));
$('#modalLoginForm').modal('hide');
}
else
{
$('#modalLoginForm').modal({ backdrop: 'static', keyboard: false });
$location.path('/login');
}
}


+ 40
- 41
src/assets/scripts/companies/companies.html View File

@ -1,49 +1,48 @@
<main class='main-content'>
<div id='mainContent row'>
<div class="row content-title mT-60">
<h1 class="col-8 ml-1 mb-4">Companies</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" ng-repeat="company in companies">
<!-- #first user ========= -->
<div class="card item-box">
<div class="user-data-title container">
<img class="user-card-img rounded-circle" id="company{{$index}}" ng-src="{{avatar($index)}}" alt="">
<div class="user-card-col">
<div class="user-card-title">{{company.name}}</div>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">{{companies.email}}</div>
<nw-sidebar></nw-sidebar>
<div class="page-container">
<nw-topbar></nw-topbar>
<main class='main-content'>
<div id='mainContent row'>
<div class="row content-title mT-60">
<h1 class="col-8 ml-1 mb-4">Companies</h1>
</div>
<a href="#!company/{{company._id}}" id="user-action-fill">view company profile</a>
<a href="#" id="user-action-border" data-toggle="tooltip" data-placement="bottom" title="Company will be unable to log in to WISP">ban
company</a>
<div class=" gap-30 masonry pos-r">
<!-- #content container ===== -->
<div class="masonry-sizer col-md-6"></div>
<div class="masonry-item w-50" ng-repeat="company in companies">
<!-- #first user ========= -->
<div class="card item-box">
<div class="user-data-title container">
<img class="user-card-img rounded-circle" id="company{{$index}}" ng-src="{{avatar($index)}}" alt="">
<div class="user-card-col">
<div class="user-card-title">{{company.name}}</div>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">{{companies.email}}</div>
<a href="#!company/{{company._id}}" id="user-action-fill">view company profile</a>
<a href="#" id="user-action-border" data-toggle="tooltip" data-placement="bottom" title="Company will be unable to log in to WISP">ban
company</a>
</div>
</div>
</div>
<div class="card-body p-0">
<div class="card-body-users row">
<div class="col-4"></div>
<div class="users-icons col-8">
<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 class="card-body p-0">
<div class="card-body-users row">
<div class="col-4"></div>
<div class="users-icons col-8">
<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>
</div>
</div>
<!--content container-->
</main>
<!--content container-->
</main>
<nw-footer></nw-footer>
</div>

+ 98
- 96
src/assets/scripts/company-details/company-details.html View File

@ -1,106 +1,108 @@
<main class='main-content bgc-grey-300'>
<div id='mainContent row'>
<div class="content-title mT-60">
<div class="ml-1 mb-3">
<h1>Company's Profile</h1>
<nw-sidebar></nw-sidebar>
<div class="page-container">
<nw-topbar></nw-topbar>
<main class='main-content bgc-grey-300'>
<div id='mainContent row'>
<div class="content-title mT-60">
<div class="ml-1 mb-3">
<h1>Company's Profile</h1>
</div>
</div>
<div class=" gap-30 masonry pos-r">
<!-- #content container ===== -->
<div class="masonry-sizer col-md-6"></div>
<!-- #company profile ========= -->
<div class="masonry-item w-100 visible-admin visible-nomit visible-referee visible-user" ng-show="user.role !='company'">
<div class="card item-box">
<div class="user-data-title">
<img class="user-update-img" id="avatar_company_details" ng-src="{{avatar.element.src}}" alt="">
<div class="testo">
<h5>{{ company.company.name }}</h5> {{ company.company.description }}
</div>
</div>
</div>
<div class=" gap-30 masonry pos-r">
<!-- #content container ===== -->
<div class="masonry-sizer col-md-6"></div>
<!-- #company profile ========= -->
<div class="masonry-item w-100 visible-admin visible-nomit visible-referee visible-user" ng-show="user.role !='company'">
<div class="card item-box">
<div class="user-data-title">
<img class="user-update-img" id="avatar_company_details" ng-src="{{avatar.element.src}}" alt="">
<div class="testo">
<h5>{{ company.company.name }}</h5> {{ company.company.description }}
<div class="card-body-profile">
<div class="profile-forms">
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Name</h9>
<input type="text" class="form-control" placeholder="{{ company.company.name }}" value="" disabled>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Business Type</h9>
<input type="text" class="form-control" placeholder="{{ company.company.type }}" value="" disabled>
</div>
<div class="col-4 profile-form-row">
<h9 class="">ABN</h9>
<input type="text" class="form-control" placeholder="{{ company.company.abn }}" value="" disabled>
</div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Email Address</h9>
<input type="text" class="form-control" placeholder="{{ company.email }}" value="" disabled>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Phone Number</h9>
<input type="text" class="form-control" placeholder="{{ company.company.phone }}" value="" disabled>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Website</h9>
<input type="text" class="form-control" placeholder="{{ company.company.website }}" value=""
disabled>
</div>
</div>
<div class="row">
<div class="form-group col-md-4 profile-form-row">
<h9 class="">Address</h9>
<input type="text" class="form-control" placeholder="{{ company.company.address }}" disabled>
</div>
<div class="form-group col-md-4 profile-form-row">
<h9 class="">City</h9>
<input type="text" class="form-control" placeholder="{{ company.company.city }}" disabled>
</div>
<div class="form-group col-md-2 profile-form-row">
<h9 class="">State</h9>
<input type="text" class="form-control" placeholder="{{ company.company.state }}" disabled>
</div>
<div class="form-group col-md-2 profile-form-row">
<h9 class="">Zip</h9>
<input type="text" class="form-control" placeholder="{{ company.company.postcode }}" disabled>
</div>
</div>
<div class="card-body-profile">
<div class="profile-forms">
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Name</h9>
<input type="text" class="form-control" placeholder="{{ company.company.name }}" value="" disabled>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Business Type</h9>
<input type="text" class="form-control" placeholder="{{ company.company.type }}" value="" disabled>
</div>
<div class="col-4 profile-form-row">
<h9 class="">ABN</h9>
<input type="text" class="form-control" placeholder="{{ company.company.abn }}" value="" disabled>
</div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Email Address</h9>
<input type="text" class="form-control" placeholder="{{ company.email }}" value="" disabled>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Phone Number</h9>
<input type="text" class="form-control" placeholder="{{ company.company.phone }}" value="" disabled>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Website</h9>
<input type="text" class="form-control" placeholder="{{ company.company.website }}" value="" disabled>
</div>
</div>
<div class="row">
<div class="form-group col-md-4 profile-form-row">
<h9 class="">Address</h9>
<input type="text" class="form-control" placeholder="{{ company.company.address }}" disabled>
</div>
<div class="form-group col-md-4 profile-form-row">
<h9 class="">City</h9>
<input type="text" class="form-control" placeholder="{{ company.company.city }}" disabled>
</div>
<div class="form-group col-md-2 profile-form-row">
<h9 class="">State</h9>
<input type="text" class="form-control" placeholder="{{ company.company.state }}" disabled>
</div>
<div class="form-group col-md-2 profile-form-row">
<h9 class="">Zip</h9>
<input type="text" class="form-control" placeholder="{{ company.company.postcode }}" disabled>
</div>
</div>
<div class="row ">
<div class="col-3 profile-form-row">
<h9 class="">Twitter</h9>
<input type="text" class="form-control" placeholder="{{ company.company.twitter }}" disabled>
</div>
<div class="col-3 profile-form-row">
<h9 class="">Facebook</h9>
<input type="text" class="form-control" placeholder="{{ company.company.facebook }}" disabled>
</div>
<div class="col-3 profile-form-row">
<h9 class="">Instagram</h9>
<input type="text" class="form-control" placeholder="{{ company.company.instagram }}" disabled>
</div>
<div class="col-3 profile-form-row">
<h9 class="">Linkedin</h9>
<input type="text" class="form-control" placeholder="{{ company.company.linkedin }}" disabled>
</div>
</div>
<div class="row ">
<div class="col-3 profile-form-row">
<h9 class="">Twitter</h9>
<input type="text" class="form-control" placeholder="{{ company.company.twitter }}" disabled>
</div>
<div class="col-3 profile-form-row">
<h9 class="">Facebook</h9>
<input type="text" class="form-control" placeholder="{{ company.company.facebook }}" disabled>
</div>
<div class="col-3 profile-form-row">
<h9 class="">Instagram</h9>
<input type="text" class="form-control" placeholder="{{ company.company.instagram }}" disabled>
</div>
<div class="col-3 profile-form-row">
<h9 class="">Linkedin</h9>
<input type="text" class="form-control" placeholder="{{ company.company.linkedin }}" disabled>
</div>
</div>
</div>
</div>
</div>
<!--content container-->
</div>
<!--page container-->
</main>
</div>
<!--content container-->
</div>
<!--page container-->
</main>
<nw-footer></nw-footer>
</div>

+ 270
- 264
src/assets/scripts/dashboard/dashboard.html View File

@ -1,181 +1,186 @@
<main class='main-content bgc-grey-300' ng-controller="DashboardController" id="dashboard">
<div id='mainContent row'>
<div class="row content-title mT-60">
<div class="col-8 ml-1 mb-4">
<h1>Welcome {{ user.name }}</h1>
<nw-sidebar></nw-sidebar>
<div class="page-container">
<nw-topbar></nw-topbar>
<main class='main-content bgc-grey-300' ng-controller="DashboardController" id="dashboard">
<div id='mainContent row'>
<div class="row content-title mT-60">
<div class="col-8 ml-1 mb-4">
<h1>Welcome {{ user.name }}</h1>
</div>
</div>
</div>
<div class=" gap-20 masonry pos-r">
<!-- #content container ===== -->
<div class="masonry-sizer col-md-6"></div>
<!-- #NOMIT & REFEREE ===== -->
<div class="masonry-item w-100 visible-nomit visible-admin visible-referee" ng-show="user.role == 'nomit' || user.role == 'referee' || user.role == 'admin'">
<!-- #First line ========= -->
<div class=" gap-20 masonry pos-r">
<!-- #content container ===== -->
<div class="masonry-sizer col-md-6"></div>
<!-- #NOMIT & REFEREE ===== -->
<div class="masonry-item w-100 visible-nomit visible-admin visible-referee" ng-show="user.role == 'nomit' || user.role == 'referee' || user.role == 'admin'">
<!-- #First line ========= -->
<div class="row gap-20">
<div class="row gap-20">
<div class='col-md-4 '>
<!-- #Total Ads Views ==================== -->
<div class="layers bd bgc-white p-20 item-box">
<div class="layer w-100 mB-10">
<h6 class="lh-1">Total Applications</h6>
</div>
<div class="layer w-100">
<div class="peers ai-sb fxw-nw">
<div class="peer peer-greed">
<span id="sparklinedash"></span>
</div>
<div class="peer">
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-green-50 c-green-500">24K</span>
<div class='col-md-4 '>
<!-- #Total Ads Views ==================== -->
<div class="layers bd bgc-white p-20 item-box">
<div class="layer w-100 mB-10">
<h6 class="lh-1">Total Applications</h6>
</div>
<div class="layer w-100">
<div class="peers ai-sb fxw-nw">
<div class="peer peer-greed">
<span id="sparklinedash"></span>
</div>
<div class="peer">
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-green-50 c-green-500">24K</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='col-md-4 '>
<!-- #Successful Matches ==================== -->
<div class="layers bd bgc-white p-20 item-box">
<div class="layer w-100 mB-10">
<h6 class="lh-1">Successful Matches</h6>
</div>
<div class="layer w-100">
<div class="peers ai-sb fxw-nw">
<div class="peer peer-greed">
<span id="sparklinedash2"></span>
</div>
<div class="peer">
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-purple-50 c-purple-500">127</span>
<div class='col-md-4 '>
<!-- #Successful Matches ==================== -->
<div class="layers bd bgc-white p-20 item-box">
<div class="layer w-100 mB-10">
<h6 class="lh-1">Successful Matches</h6>
</div>
<div class="layer w-100">
<div class="peers ai-sb fxw-nw">
<div class="peer peer-greed">
<span id="sparklinedash2"></span>
</div>
<div class="peer">
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-purple-50 c-purple-500">127</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='col-md-4 '>
<!-- #New Ads ==================== -->
<div class="layers bd bgc-white p-20 item-box">
<div class="layer w-100 mB-10">
<h6 class="lh-1">New Ads (last month)</h6>
</div>
<div class="layer w-100">
<div class="peers ai-sb fxw-nw">
<div class="peer peer-greed">
<span id="sparklinedash3"></span>
</div>
<div class="peer">
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-blue-50 c-blue-500">79</span>
<div class='col-md-4 '>
<!-- #New Ads ==================== -->
<div class="layers bd bgc-white p-20 item-box">
<div class="layer w-100 mB-10">
<h6 class="lh-1">New Ads (last month)</h6>
</div>
<div class="layer w-100">
<div class="peers ai-sb fxw-nw">
<div class="peer peer-greed">
<span id="sparklinedash3"></span>
</div>
<div class="peer">
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-blue-50 c-blue-500">79</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="masonry-item col-12 visible-nomit visible-referee" ng-show="user.role == 'nomit' || user.role == 'referee' || user.role == 'admin'">
<!-- #New Registered Users ==================== -->
<div class="bd bgc-white item-box">
<div class="layers">
<div class="layer w-100 pX-20 pT-20">
<h6 class="lh-1">New Registered Users</h6>
</div>
<div class="layer w-100 p-20">
<canvas id="line-chart" height="220" ng-show="user.role == 'admin'"></canvas>
</div>
<div class="layer bdT p-20 w-100">
<div class="peers ai-c jc-c gapX-20">
<div class="peer">
<span class="fsz-def fw-600 mR-10 c-purple-800">COMPANIES </span>
</div>
<div class="peer fw-600">
<span class="fsz-def fw-600 mR-10 c-cyan-400">USERS </span>
<div class="masonry-item col-12 visible-nomit visible-referee" ng-show="user.role == 'nomit' || user.role == 'referee' || user.role == 'admin'">
<!-- #New Registered Users ==================== -->
<div class="bd bgc-white item-box">
<div class="layers">
<div class="layer w-100 pX-20 pT-20">
<h6 class="lh-1">New Registered Users</h6>
</div>
<div class="layer w-100 p-20">
<canvas id="line-chart" height="220" ng-show="user.role == 'admin'"></canvas>
</div>
<div class="layer bdT p-20 w-100">
<div class="peers ai-c jc-c gapX-20">
<div class="peer">
<span class="fsz-def fw-600 mR-10 c-purple-800">COMPANIES </span>
</div>
<div class="peer fw-600">
<span class="fsz-def fw-600 mR-10 c-cyan-400">USERS </span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="masonry-item w-100 visible-nomit visible-referee" ng-show="user.role == 'nomit' || user.role == 'referee' || user.role == 'admin'">
<!-- #Successful Mathches & #Nationality ==================== -->
<div class="row gap-20">
<div class="col-3 ">
<!-- #Successful Mathches %==================== -->
<div class="bd bgc-white p-20 peer peer-greed succ-match-perc item-box">
<div class="layers">
<div class="layer w-100 mB-10">
<h6 class="lh-1">Successful Mathches %</h6>
</div>
<!-- Pie Charts -->
<div class="peers pT-50 mT-20 bdT fxw-nw@lg+ jc-sb ta-c gap-10">
<div class="peer">
<div class="easy-pie-chart" data-size='130' data-percent="75" data-bar-color='#a19ff8'>
<span></span>
<div class="masonry-item w-100 visible-nomit visible-referee" ng-show="user.role == 'nomit' || user.role == 'referee' || user.role == 'admin'">
<!-- #Successful Mathches & #Nationality ==================== -->
<div class="row gap-20">
<div class="col-3 ">
<!-- #Successful Mathches %==================== -->
<div class="bd bgc-white p-20 peer peer-greed succ-match-perc item-box">
<div class="layers">
<div class="layer w-100 mB-10">
<h6 class="lh-1">Successful Mathches %</h6>
</div>
<!-- Pie Charts -->
<div class="peers pT-50 mT-20 bdT fxw-nw@lg+ jc-sb ta-c gap-10">
<div class="peer">
<div class="easy-pie-chart" data-size='130' data-percent="75" data-bar-color='#a19ff8'>
<span></span>
</div>
<h6 class="fsz-sm">Matched</h6>
</div>
<h6 class="fsz-sm">Matched</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-9 ">
<!-- #Nationality ==================== -->
<div class="bd bgc-white item-box nationality-item">
<div class="peers fxw-nw@lg+ ai-s">
<div class="peer peer-greed w-70p@lg+ w-100@lg- p-20">
<div class="layers">
<div class="layer w-100 mB-10">
<h6 class="lh-1">Nationality</h6>
</div>
<div class="layer w-100">
<div id="world-map-marker"></div>
<div class="col-9 ">
<!-- #Nationality ==================== -->
<div class="bd bgc-white item-box nationality-item">
<div class="peers fxw-nw@lg+ ai-s">
<div class="peer peer-greed w-70p@lg+ w-100@lg- p-20">
<div class="layers">
<div class="layer w-100 mB-10">
<h6 class="lh-1">Nationality</h6>
</div>
<div class="layer w-100">
<div id="world-map-marker"></div>
</div>
</div>
</div>
</div>
<div class="peer bdL p-20 w-30p@lg+ w-100p@lg-">
<div class="layers">
<div class="layer w-100">
<!-- Progress Bars -->
<div class="layers">
<div class="layer w-100">
<h5 class="mB-5">100k</h5>
<small class="fw-600 c-grey-700">Visitors From USA</small>
<span class="pull-right c-grey-600 fsz-sm">50%</span>
<div class="progress mT-10">
<div class="progress-bar bgc-deep-purple-500 nationality-item-progress-bar" role="progressbar"
aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only">50%
Complete</span></div>
<div class="peer bdL p-20 w-30p@lg+ w-100p@lg-">
<div class="layers">
<div class="layer w-100">
<!-- Progress Bars -->
<div class="layers">
<div class="layer w-100">
<h5 class="mB-5">100k</h5>
<small class="fw-600 c-grey-700">Visitors From USA</small>
<span class="pull-right c-grey-600 fsz-sm">50%</span>
<div class="progress mT-10">
<div class="progress-bar bgc-deep-purple-500 nationality-item-progress-bar" role="progressbar"
aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only">50%
Complete</span></div>
</div>
</div>
</div>
<div class="layer w-100 mT-15">
<h5 class="mB-5">1M</h5>
<small class="fw-600 c-grey-700">Visitors From Europe</small>
<span class="pull-right c-grey-600 fsz-sm">80%</span>
<div class="progress mT-10">
<div class="progress-bar bgc-green-500" role="progressbar" aria-valuenow="50" aria-valuemin="0"
aria-valuemax="100" style="width:80%;"> <span class="sr-only">80%
Complete</span></div>
<div class="layer w-100 mT-15">
<h5 class="mB-5">1M</h5>
<small class="fw-600 c-grey-700">Visitors From Europe</small>
<span class="pull-right c-grey-600 fsz-sm">80%</span>
<div class="progress mT-10">
<div class="progress-bar bgc-green-500" role="progressbar" aria-valuenow="50"
aria-valuemin="0" aria-valuemax="100" style="width:80%;"> <span class="sr-only">80%
Complete</span></div>
</div>
</div>
</div>
<div class="layer w-100 mT-15">
<h5 class="mB-5">450k</h5>
<small class="fw-600 c-grey-700">Visitors From Australia</small>
<span class="pull-right c-grey-600 fsz-sm">40%</span>
<div class="progress mT-10">
<div class="progress-bar bgc-light-blue-500" role="progressbar" aria-valuenow="50"
aria-valuemin="0" aria-valuemax="100" style="width:40%;"> <span class="sr-only">40%
Complete</span></div>
<div class="layer w-100 mT-15">
<h5 class="mB-5">450k</h5>
<small class="fw-600 c-grey-700">Visitors From Australia</small>
<span class="pull-right c-grey-600 fsz-sm">40%</span>
<div class="progress mT-10">
<div class="progress-bar bgc-light-blue-500" role="progressbar" aria-valuenow="50"
aria-valuemin="0" aria-valuemax="100" style="width:40%;"> <span class="sr-only">40%
Complete</span></div>
</div>
</div>
</div>
<div class="layer w-100 mT-15">
<h5 class="mB-5">1B</h5>
<small class="fw-600 c-grey-700">Visitors From India</small>
<span class="pull-right c-grey-600 fsz-sm">90%</span>
<div class="progress mT-10">
<div class="progress-bar bgc-blue-grey-500" role="progressbar" aria-valuenow="50"
aria-valuemin="0" aria-valuemax="100" style="width:90%;"> <span class="sr-only">90%
Complete</span></div>
<div class="layer w-100 mT-15">
<h5 class="mB-5">1B</h5>
<small class="fw-600 c-grey-700">Visitors From India</small>
<span class="pull-right c-grey-600 fsz-sm">90%</span>
<div class="progress mT-10">
<div class="progress-bar bgc-blue-grey-500" role="progressbar" aria-valuenow="50"
aria-valuemin="0" aria-valuemax="100" style="width:90%;"> <span class="sr-only">90%
Complete</span></div>
</div>
</div>
</div>
</div>
@ -186,154 +191,155 @@
</div>
</div>
</div>
</div>
<!-- #COMPANY / REFEREE / NOMIT ===== -->
<div class="masonry-item content-title w-100 visible-company visible-nomit visible-referee" ng-show="user.role == 'nomit' || user.role == 'referee' || user.role == 'company' ">
<div class="col-8 ml-1 mb-3">
Your Ads
<!-- #COMPANY / REFEREE / NOMIT ===== -->
<div class="masonry-item content-title w-100 visible-company visible-nomit visible-referee" ng-show="user.role == 'nomit' || user.role == 'referee' || user.role == 'company' ">
<div class="col-8 ml-1 mb-3">
Your Ads
</div>
</div>
</div>
<div class="masonry-item col-12 visible-company visible-nomit visible-referee" ng-show="user.role == 'nomit' || user.role == 'referee' || user.role == 'company' ">
<!-- #syour ads ==================== -->
<div class="row gap-30">
<div class="masonry-item col-12 visible-company visible-nomit visible-referee" ng-show="user.role == 'nomit' || user.role == 'referee' || user.role == 'company' ">
<!-- #syour ads ==================== -->
<div class="row gap-30">
<!-- # ad n 1 ==================== -->
<div class='col-md-4'>
<div class="card item-box">
<img class="card-img-top" src="assets/static/images/bg.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title d-flex" style="justify-content:space-between; margin-bottom:1px; font-weight: bolder; text-align: left;">
<div>Adv title </div>
</h5>
<h5 class="card-title" style="font-size:11px; margin-top: 1px;">Adv title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
</div>
<a href="ads_1.html">
<div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4; font-weight: bolder; text-align: center; margin: 0px">
VIEW MORE <i class=" ti-angle-right" style="color:#fff; font-weight: bolder;"></i>
<!-- # ad n 1 ==================== -->
<div class='col-md-4'>
<div class="card item-box">
<img class="card-img-top" src="assets/static/images/bg.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title d-flex" style="justify-content:space-between; margin-bottom:1px; font-weight: bolder; text-align: left;">
<div>Adv title </div>
</h5>
<h5 class="card-title" style="font-size:11px; margin-top: 1px;">Adv title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
</div>
</a>
<a href="ads_1.html">
<div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4; font-weight: bolder; text-align: center; margin: 0px">
VIEW MORE <i class=" ti-angle-right" style="color:#fff; font-weight: bolder;"></i>
</div>
</a>
</div>
</div>
</div>
<!-- # ad n 2 ==================== -->
<div class='col-md-4'>
<div class="card item-box">
<img class="card-img-top" src="assets/static/images/bg.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title d-flex" style="justify-content:space-between; margin-bottom:1px; font-weight: bolder; text-align: left;">
<div>Adv title </div>
</h5>
<h5 class="card-title" style="font-size:11px; margin-top: 1px;">Adv title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
</div>
<a href="ads_1.html">
<div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4; font-weight: bolder; text-align: center; margin: 0px">
VIEW MORE <i class=" ti-angle-right" style="color:#fff; font-weight: bolder;"></i>
<!-- # ad n 2 ==================== -->
<div class='col-md-4'>
<div class="card item-box">
<img class="card-img-top" src="assets/static/images/bg.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title d-flex" style="justify-content:space-between; margin-bottom:1px; font-weight: bolder; text-align: left;">
<div>Adv title </div>
</h5>
<h5 class="card-title" style="font-size:11px; margin-top: 1px;">Adv title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
</div>
</a>
</div>
</div>
<!-- # ad n 3 ==================== -->
<div class='col-md-4'>
<div class="card item-box">
<img class="card-img-top" src="assets/static/images/bg.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title d-flex" style="justify-content:space-between; margin-bottom:1px; font-weight: bolder; text-align: left;">
<div>Adv title </div>
</h5>
<h5 class="card-title" style="font-size:11px; margin-top: 1px;">Adv title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
<a href="ads_1.html">
<div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4; font-weight: bolder; text-align: center; margin: 0px">
VIEW MORE <i class=" ti-angle-right" style="color:#fff; font-weight: bolder;"></i>
</div>
</a>
</div>
<a href="ads_1.html">
<div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4; font-weight: bolder; text-align: center; margin: 0px">
VIEW MORE <i class=" ti-angle-right" style="color:#fff; font-weight: bolder;"></i>
</div>
<!-- # ad n 3 ==================== -->
<div class='col-md-4'>
<div class="card item-box">
<img class="card-img-top" src="assets/static/images/bg.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title d-flex" style="justify-content:space-between; margin-bottom:1px; font-weight: bolder; text-align: left;">
<div>Adv title </div>
</h5>
<h5 class="card-title" style="font-size:11px; margin-top: 1px;">Adv title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
</div>
</a>
<a href="ads_1.html">
<div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4; font-weight: bolder; text-align: center; margin: 0px">
VIEW MORE <i class=" ti-angle-right" style="color:#fff; font-weight: bolder;"></i>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- #USERS ===== -->
<div class="masonry-item col-12 visible-user" ng-show="user.role == 'user'">
<!-- #suggested ads ==================== -->
<div class="row gap-30">
<!-- #USERS ===== -->
<div class="masonry-item col-12 visible-user" ng-show="user.role == 'user'">
<!-- #suggested ads ==================== -->
<div class="row gap-30">
<!-- # ad n 1 ==================== -->
<div class='col-md-4'>
<div class="card item-box">
<img class="card-img-top" src="assets/static/images/bg.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title d-flex" style="justify-content:space-between; margin-bottom:1px; font-weight: bolder; text-align: left;">
<div>Adv title </div>
<div>
<a class='' href=""> <span class="icon-holder" style="color:#EE38A4"><i class="fa fa-heart"></i></span></a>
<!-- # ad n 1 ==================== -->
<div class='col-md-4'>
<div class="card item-box">
<img class="card-img-top" src="assets/static/images/bg.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title d-flex" style="justify-content:space-between; margin-bottom:1px; font-weight: bolder; text-align: left;">
<div>Adv title </div>
<div>
<a class='' href=""> <span class="icon-holder" style="color:#EE38A4"><i class="fa fa-heart"></i></span></a>
</div>
</h5>
<h5 class="card-title" style="font-size:11px; margin-top: 1px;">Adv title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
</div>
<a href="ads_1.html">
<div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4; font-weight: bolder; text-align: center; margin: 0px">
VIEW MORE <i class=" ti-angle-right" style="color:#fff; font-weight: bolder;"></i>
</div>
</h5>
<h5 class="card-title" style="font-size:11px; margin-top: 1px;">Adv title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
</a>
</div>
<a href="ads_1.html">
<div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4; font-weight: bolder; text-align: center; margin: 0px">
VIEW MORE <i class=" ti-angle-right" style="color:#fff; font-weight: bolder;"></i>
</div>
</a>
</div>
</div>
<!-- # ad n 2 ==================== -->
<div class='col-md-4'>
<div class="card item-box">
<img class="card-img-top" src="assets/static/images/bg.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title d-flex" style="justify-content:space-between; margin-bottom:1px; font-weight: bolder; text-align: left;">
<div>Adv title </div>
<div>
<a class='' href=""> <span class="icon-holder" style="color:#EE38A4"><i class="fa fa-heart"></i></span></a>
<!-- # ad n 2 ==================== -->
<div class='col-md-4'>
<div class="card item-box">
<img class="card-img-top" src="assets/static/images/bg.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title d-flex" style="justify-content:space-between; margin-bottom:1px; font-weight: bolder; text-align: left;">
<div>Adv title </div>
<div>
<a class='' href=""> <span class="icon-holder" style="color:#EE38A4"><i class="fa fa-heart"></i></span></a>
</div>
</h5>
<h5 class="card-title" style="font-size:11px; margin-top: 1px;">Adv title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
</div>
<a href="ads_1.html">
<div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4; font-weight: bolder; text-align: center; margin: 0px">
VIEW MORE <i class=" ti-angle-right" style="color:#fff; font-weight: bolder;"></i>
</div>
</h5>
<h5 class="card-title" style="font-size:11px; margin-top: 1px;">Adv title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
</a>
</div>
<a href="ads_1.html">
<div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4; font-weight: bolder; text-align: center; margin: 0px">
VIEW MORE <i class=" ti-angle-right" style="color:#fff; font-weight: bolder;"></i>
</div>
</a>
</div>
</div>
<!-- # ad n 3 ==================== -->
<div class='col-md-4'>
<div class="card item-box">
<img class="card-img-top" src="assets/static/images/bg.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title d-flex" style="justify-content:space-between; margin-bottom:1px; font-weight: bolder; text-align: left;">
<div>Adv title </div>
<div>
<a class='' href=""> <span class="icon-holder" style="color:#EE38A4"><i class="fa fa-heart"></i></span></a>
<!-- # ad n 3 ==================== -->
<div class='col-md-4'>
<div class="card item-box">
<img class="card-img-top" src="assets/static/images/bg.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title d-flex" style="justify-content:space-between; margin-bottom:1px; font-weight: bolder; text-align: left;">
<div>Adv title </div>
<div>
<a class='' href=""> <span class="icon-holder" style="color:#EE38A4"><i class="fa fa-heart"></i></span></a>
</div>
</h5>
<h5 class="card-title" style="font-size:11px; margin-top: 1px;">Adv title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
</div>
<a href="ads_1.html">
<div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4; font-weight: bolder; text-align: center; margin: 0px">
VIEW MORE <i class=" ti-angle-right" style="color:#fff; font-weight: bolder;"></i>
</div>
</h5>
<h5 class="card-title" style="font-size:11px; margin-top: 1px;">Adv title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
</a>
</div>
<a href="ads_1.html">
<div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4; font-weight: bolder; text-align: center; margin: 0px">
VIEW MORE <i class=" ti-angle-right" style="color:#fff; font-weight: bolder;"></i>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</main>
<nw-footer></nw-footer>
</div>

+ 76
- 71
src/assets/scripts/history/history.html View File

@ -1,72 +1,77 @@
<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>
<nw-sidebar></nw-sidebar>
<div class="page-container">
<nw-topbar></nw-topbar>
<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>
<!-- ### 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>
</main>
<nw-footer></nw-footer>
</div>

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

@ -16,7 +16,7 @@ import './googleMaps';
import './utils';
import './user-form';
import './logout';
import './nwLogin';
import './login';
import './nwFooter';
import './nwSidebar';
import './nwTopbar';


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

@ -0,0 +1,8 @@
import * as angular from 'angular';
import ngCookies from 'angular-cookies';
import LoginController from './login.controller';
import LoginService from './login.service';
angular.module('nwLogin', [ngCookies])
.controller('LoginController', LoginController)
.factory('LoginService', LoginService);

+ 33
- 0
src/assets/scripts/login/login.controller.js View File

@ -0,0 +1,33 @@
import * as $ from 'jquery';
/** @ngInject */
const LoginController = ['$scope', '$cookies', '$location', 'LoginService', 'UserService' ,
function($scope, $cookies, $location, LoginService, UserService) {
$('#modalLoginForm').modal({ backdrop: 'static', keyboard: false });
// load the user if already logged in, for all controllers
UserService.loadUser();
$scope.userLogin = (LoginForm) => {
$scope.submitted = true;
$scope.dataLoading = true;
if (LoginForm.$invalid) {
return;
}
LoginService.loginUserService($scope.user)
.then((result) => {
// save the cookie and reload the user for all controllers
$cookies.put('access_token', result.token);
UserService.loadUser();
$location.path('/');
$scope.$emit('needReload');
$scope.dataLoading = false;
})
.catch((err) => {
$scope.dataLoading = false;
alert(err);
})
}
}];
export default LoginController;

+ 231
- 0
src/assets/scripts/login/login.html View File

@ -0,0 +1,231 @@
<div ng-controller="LoginController">
<!-- Modal -->
<div class="modal" id="modalLoginForm" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body d-flex login-bg">
<div class="modal-left signup-modal-left">
<h2 class="text-white text-left ml-4" style="font-size: 40px;">Let's start with<br>getting connected.</h2>
<div class="subtitle-modal text-white ml-4" style="font-size: 14px;">Sign up and join the WISP to find your
best matches now. </div>
<a class="btn btn-signup ml-3" href="#!signup" role="button">SIGN UP</a>
</div>
<div class="container modal-right">
<div class="row">
<div class="col-10 mx-auto">
<div class="logo-wisp-right">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 138.8360748 39.8824463" style="enable-background:new 0 0 138.8360748 39.8824463;"
xml:space="preserve">
<style type="text/css">
.st0 {
fill: url(#SVGID_1_);
}
.st1 {
fill: url(#SVGID_2_);
}
.st2 {
fill: url(#SVGID_3_);
}
.st3 {
fill: url(#SVGID_4_);
}
.st4 {
fill: url(#SVGID_5_);
}
.st5 {
fill: url(#SVGID_6_);
}
.st6 {
fill: url(#SVGID_7_);
}
.st7 {
fill: url(#SVGID_8_);
}
.st8 {
fill: url(#SVGID_9_);
}
.st9 {
fill: url(#SVGID_10_);
}
.st10 {
fill: url(#SVGID_11_);
}
.st11 {
fill: #FFFFFF;
}
.st12 {
fill: url(#SVGID_12_);
}
.st13 {
fill: url(#SVGID_13_);
}
.st14 {
fill: url(#SVGID_14_);
}
.st15 {
fill: url(#SVGID_15_);
}
.st16 {
fill: url(#SVGID_16_);
}
.st17 {
fill: url(#SVGID_17_);
}
.st18 {
fill: url(#SVGID_18_);
}
.st19 {
fill: url(#SVGID_19_);
}
</style>
<g>
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="13.806386" y1="30.5149899" x2="13.806386"
y2="0.0000301">
<stop offset="0" style="stop-color:#8B00B1" />
<stop offset="0" style="stop-color:#EE38A4" />
<stop offset="0.0866544" style="stop-color:#C832A9" />
<stop offset="0.1996946" style="stop-color:#9D2AAF" />
<stop offset="0.3094908" style="stop-color:#7C24B3" />
<stop offset="0.4136127" style="stop-color:#6420B6" />
<stop offset="0.5097673" style="stop-color:#551EB8" />
<stop offset="0.5903056" style="stop-color:#501DB9" />
<stop offset="0.6045721" style="stop-color:#501DB9" />
<stop offset="0.7748037" style="stop-color:#501DB9" />
<stop offset="0.8825542" style="stop-color:#7311B4" />
<stop offset="1" style="stop-color:#9506B0" />
<stop offset="1" style="stop-color:#9103B0" />
</linearGradient>
<path class="st0" d="M18.4649811,27.823019l-0.0005131,0.0005131c0.0724716-0.0724716,0.1342678-0.1448421,0.204174-0.2173138
l-3.4111109-3.4110069l-0.558629-0.55863L6.319869,15.2575493l2.234416-2.234416l6.7032461-6.7032471l2.234416,2.234416
l5.6520958,5.6520948l3.0811882-3.0812902l-3.0811882,3.0812902l0,0l4.2584972-4.2586002L27.612772,9.737566l-7.8864098-7.8864594
c-2.468153-2.4681017-6.4696112-2.4681017-8.9376621,0l-8.9376621,8.9376106c-2.4680505,2.468051-2.4680505,6.4695606,0,8.9376621
l8.9376621,8.9376125c2.468051,2.4679985,6.4695091,2.4679985,8.9376621,0v-0.0000515l-1.0511513-1.0511513L18.4649811,27.823019z
" />
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="49.3865204" y1="27.2705288" x2="37.6677437"
y2="6.9730129">
<stop offset="0" style="stop-color:#8B00B1" />
<stop offset="0" style="stop-color:#EE38A4" />
<stop offset="0.5092942" style="stop-color:#9103B0" />
<stop offset="1" style="stop-color:#501DB9" />
<stop offset="1" style="stop-color:#9506B0" />
</linearGradient>
<path class="st1" d="M55.4768066,10.7887173l-8.9376602-8.9376106l-4.4687309,4.4687796l6.7032471,6.7032471l2.234314,2.234416
l-6.7031441,6.7032471l-2.234417,2.2344151l-7.7302742-7.7302761l-0.2102318,0.2102318l-4.2584972,4.2586002l7.7301731,7.7301731
v0.0000515c2.4680519,2.4679985,6.4696121,2.4679985,8.937561,0l8.9376602-8.9376125
C57.9449615,17.2582779,57.9449615,13.2567682,55.4768066,10.7887173z" />
<g>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="10.7887001" y1="15.2575035"
x2="46.5391464" y2="15.2575035">
<stop offset="0" style="stop-color:#8B00B1" />
<stop offset="0" style="stop-color:#EE38A4" />
<stop offset="0.1175187" style="stop-color:#D634A7" />
<stop offset="0.4183493" style="stop-color:#9D2AAF" />
<stop offset="0.6763742" style="stop-color:#7323B4" />
<stop offset="0.8785662" style="stop-color:#591FB8" />
<stop offset="1" style="stop-color:#501DB9" />
</linearGradient>
<path class="st2" d="M37.6015854,1.8511064l-8.9376621,8.9376106l-4.468729,4.468832l-0.55863,0.558629l-8.3790331,8.3790331
l-4.4688311,4.468832c2.467948,2.4677925,6.4688931,2.4678955,8.937149,0.0004101l0.0005131-0.0005131l13.4063931-13.4063911
l8.3790321-8.379034l0.5586281-0.5586295l4.4687309-4.4687796C44.0711975-0.6169954,40.0696373-0.6169954,37.6015854,1.8511064z" />
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="24.1951942" y1="13.6117887"
x2="27.4866123" y2="13.6117887">
<stop offset="0" style="stop-color:#8B00B1" />
<stop offset="0" style="stop-color:#EE38A4" />
<stop offset="0.1175187" style="stop-color:#D634A7" />
<stop offset="0.4183493" style="stop-color:#9D2AAF" />
<stop offset="0.6763742" style="stop-color:#7323B4" />
<stop offset="0.8785662" style="stop-color:#591FB8" />
<stop offset="1" style="stop-color:#501DB9" />
</linearGradient>
<polygon class="st3" points="24.1951942,15.2574978 24.1951942,15.2575493 27.4866123,11.9660282 " />
</g>
</g>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="77.3990173" y1="-7.8904157" x2="122.914917"
y2="37.6254807">
<stop offset="0" style="stop-color:#8B00B1" />
<stop offset="0" style="stop-color:#EE38A4" />
<stop offset="0.0727272" style="stop-color:#D634A7" />
<stop offset="0.2166433" style="stop-color:#AD2DAD" />
<stop offset="0.3643613" style="stop-color:#8C27B1" />
<stop offset="0.5144968" style="stop-color:#7123B5" />
<stop offset="0.6680248" style="stop-color:#5F20B7" />
<stop offset="0.8269761" style="stop-color:#541EB9" />
<stop offset="1" style="stop-color:#501DB9" />
</linearGradient>
<path class="st4" d="M73.7269974,4.3174438v5.8997192v11.3051758v5.3615112
c-0.4117432,2.0700073-1.6452637,3.1047974-3.7012939,3.1047974c-1.9445801,0-3.1610107-0.9794312-3.6466064-2.94104v-5.3562012
V10.0534058V4.1483765c0.4855957-2.0239868,1.7020264-3.036438,3.6466064-3.036438
C72.0817337,1.1119385,73.3152542,2.180603,73.7269974,4.3174438z M106.2809982,19.8569603
c0-1.8695717-0.9047928-3.7108078-2.7115402-5.5251274c-1.8067474-1.8133755-3.6427689-2.7205353-5.5052414-2.7205353h-6.3165283
c-1.0814056-0.3452024-1.6216354-1.055913-1.6216354-2.1316605c0-1.1130533,0.5383453-1.8237638,1.6159668-2.1311879h3.5096054
c1.9682465-0.5189838,2.9523697-1.7250671,2.9523697-3.6182499c0-2.0782979-1.0483475-3.3216877-3.1412582-3.7301693h-3.8703918
c-1.9077988,0-3.7872696,0.9000763-5.6374664,2.7002289c-1.8511353,1.8001525-2.7767029,3.6574452-2.7767029,5.5699892v2.4192505
c0,1.8752375,0.9038467,3.7230854,2.7105942,5.5416546c1.8067474,1.8195152,3.6427689,2.7285633,5.5061874,2.7285633h6.3165283
c1.0804596,0.3367023,1.6216354,1.0474129,1.6216354,2.1316605c0,1.0474129-0.5392838,1.7387619-1.6150208,2.0754642h-3.3981628
c-2.0060272,0.5605412-3.0090408,1.7765408-3.0090408,3.6461124c0,1.9446564,1.0105743,3.1776562,3.0298233,3.7018356h4.0951614
c1.8690872,0,3.7098312-0.8972435,5.5250778-2.6922016c1.8133621-1.7949581,2.7200394-3.6267509,2.7200394-5.4972649V19.8569603z
M138.8360748,10.5393066v2.6487427c0,2.5925903-1.1069336,4.9976807-3.3208008,7.2142944
c-2.2138672,2.2171631-4.6164551,3.3250122-7.2062988,3.3250122h-2.5329514c-0.7498779,0-1.7822266-0.2800293-3.0959473-0.8410645
v13.7991333c-0.4117432,2.1312256-1.6452637,3.1970215-3.7012939,3.1970215c-1.9447021,0-3.1610107-1.0115356-3.6466064-3.0331421
V3.0893555c0-0.262085,0.1303711-0.6176758,0.3929443-1.0672607C116.5467758,0.6738892,117.6329575,0,118.9787827,0
c0.9718018,0,1.8690186,0.4118042,2.692627,1.2339478C123.354393,0.4118042,124.7372055,0,125.821434,0h2.525383
c2.5803223,0,4.9726562,1.1088257,7.1798096,3.3250122C137.7328033,5.5426025,138.8360748,7.9467773,138.8360748,10.5393066z
M131.4881744,10.4920654c0-0.6478882-0.3929443-1.3340454-1.1787109-2.0579834
c-0.7858887-0.723938-1.4960938-1.0856323-2.1315918-1.0856323h-2.1874924c-0.6364746,0-1.3458252,0.3711548-2.1315918,1.1144409
s-1.1787109,1.4384155-1.1787109,2.0863647v2.6293945c0,0.5713501,0.3835449,1.2481079,1.1503906,2.0286865
c0.7668457,0.7820435,1.4309082,1.1720581,1.9909668,1.1720581h2.525383c0.5610352,0,1.2241211-0.3900146,1.9909668-1.1720581
c0.7658691-0.7805786,1.1503906-1.4573364,1.1503906-2.0286865V10.4920654z" />
</g>
</svg>
</div>
<!--logo-->
<div">
<h2 style="font-size: 16px;">Sign In</h2>
<form name="LoginForm" role="form" novalidate>
<input name="email" class="modal-username form-control" ng-model="user.email" type="email"
placeholder="Email" required />
<span ng-if="LoginForm.email.$dirty && LoginForm.email.$error.required">This field is required.</span>
<span ng-if="LoginForm.email.$error.email">Invalid email.</span>
<input name="pwd" class="modal-username form-control" type="password" ng-model="user.password"
placeholder="Password" ng-minlength=5 required />
<span ng-if="LoginForm.pwd.$error.minlength">Min 5 characters.</span>
<span ng-if="LoginForm.pwd.$dirty && LoginForm.pwd.$error.required">This field is required.</span>
<div class="form-actions">
<button type="submit" ng-disabled="dataLoading" class="btn btn-signin btn-centered mt-4 mb-3" ng-click="userLogin(LoginForm)">Login</button>
<img ng-if="dataLoading" src="assets/static/images/loading.gif" height="80px" width="80px" style="display:inline-block" />
</div>
<a class="text-terms" href="#">Terms & Conditions</a>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

src/assets/scripts/nwLogin/login.service.js → src/assets/scripts/login/login.service.js View File


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

@ -1,17 +0,0 @@
import * as angular from 'angular';
import ngCookies from 'angular-cookies';
import LoginController from './login.controller';
import LoginService from './login.service';
angular.module('NomitWisp-Login', [ngCookies])
.directive('nwLogin', nwLogin)
.controller('LoginController', LoginController)
.factory('LoginService', LoginService);
/** @ngInject */
function nwLogin(){
return {
restrict: 'E',
templateUrl: 'assets/scripts/nwLogin/nwLogin.html',
};
}

+ 0
- 28
src/assets/scripts/nwLogin/login.controller.js View File

@ -1,28 +0,0 @@
/** @ngInject */
const LoginController = ['$scope', '$cookies', '$location', 'LoginService', 'UserService' ,
function ($scope, $cookies, $location, LoginService, UserService) {
// load the user if already logged in, for all controllers
UserService.loadUser();
$scope.userLogin = async (isValid) => {
$scope.dataLoading = true;
if(isValid){
await LoginService.loginUserService($scope.user)
.then((result) => {
// save the cookie and reload the user for all controllers
$cookies.put('access_token', result.token);
UserService.loadUser();
$location.path('/');
$scope.$emit('needReload');
$scope.dataLoading = false;
})
.catch((err) => {
$scope.dataLoading = false;
alert(err);
})
}
}
}];
export default LoginController;

+ 0
- 163
src/assets/scripts/nwLogin/nwLogin.html View File

@ -1,163 +0,0 @@
<div ng-controller="LoginController">
<!-- Modal -->
<div class="modal fade" id="modalLoginForm" tabindex="-1" role="dialog" aria-labelledby="modalLoginFormLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body d-flex login-bg">
<div class="modal-left signup-modal-left" >
<h2 class="text-white text-left ml-4" style="font-size: 40px;">Let's start with<br>getting connected.</h2>
<div class="subtitle-modal text-white ml-4" style="font-size: 14px;">Sign up and join the WISP to find your best matches now. </div>
<a class="btn btn-signup ml-3" href="#!signup" role="button">SIGN UP</a>
</div>
<div class="container modal-right">
<div class="row">
<div class="col-10 mx-auto">
<div class="logo-wisp-right">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 138.8360748 39.8824463" style="enable-background:new 0 0 138.8360748 39.8824463;" xml:space="preserve">
<style type="text/css">
.st0{fill:url(#SVGID_1_);}
.st1{fill:url(#SVGID_2_);}
.st2{fill:url(#SVGID_3_);}
.st3{fill:url(#SVGID_4_);}
.st4{fill:url(#SVGID_5_);}
.st5{fill:url(#SVGID_6_);}
.st6{fill:url(#SVGID_7_);}
.st7{fill:url(#SVGID_8_);}
.st8{fill:url(#SVGID_9_);}
.st9{fill:url(#SVGID_10_);}
.st10{fill:url(#SVGID_11_);}
.st11{fill:#FFFFFF;}
.st12{fill:url(#SVGID_12_);}
.st13{fill:url(#SVGID_13_);}
.st14{fill:url(#SVGID_14_);}
.st15{fill:url(#SVGID_15_);}
.st16{fill:url(#SVGID_16_);}
.st17{fill:url(#SVGID_17_);}
.st18{fill:url(#SVGID_18_);}
.st19{fill:url(#SVGID_19_);}
</style>
<g>
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="13.806386" y1="30.5149899" x2="13.806386" y2="0.0000301">
<stop offset="0" style="stop-color:#8B00B1"/>
<stop offset="0" style="stop-color:#EE38A4"/>
<stop offset="0.0866544" style="stop-color:#C832A9"/>
<stop offset="0.1996946" style="stop-color:#9D2AAF"/>
<stop offset="0.3094908" style="stop-color:#7C24B3"/>
<stop offset="0.4136127" style="stop-color:#6420B6"/>
<stop offset="0.5097673" style="stop-color:#551EB8"/>
<stop offset="0.5903056" style="stop-color:#501DB9"/>
<stop offset="0.6045721" style="stop-color:#501DB9"/>
<stop offset="0.7748037" style="stop-color:#501DB9"/>
<stop offset="0.8825542" style="stop-color:#7311B4"/>
<stop offset="1" style="stop-color:#9506B0"/>
<stop offset="1" style="stop-color:#9103B0"/>
</linearGradient>
<path class="st0" d="M18.4649811,27.823019l-0.0005131,0.0005131c0.0724716-0.0724716,0.1342678-0.1448421,0.204174-0.2173138
l-3.4111109-3.4110069l-0.558629-0.55863L6.319869,15.2575493l2.234416-2.234416l6.7032461-6.7032471l2.234416,2.234416
l5.6520958,5.6520948l3.0811882-3.0812902l-3.0811882,3.0812902l0,0l4.2584972-4.2586002L27.612772,9.737566l-7.8864098-7.8864594
c-2.468153-2.4681017-6.4696112-2.4681017-8.9376621,0l-8.9376621,8.9376106c-2.4680505,2.468051-2.4680505,6.4695606,0,8.9376621
l8.9376621,8.9376125c2.468051,2.4679985,6.4695091,2.4679985,8.9376621,0v-0.0000515l-1.0511513-1.0511513L18.4649811,27.823019z
"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="49.3865204" y1="27.2705288" x2="37.6677437" y2="6.9730129">
<stop offset="0" style="stop-color:#8B00B1"/>
<stop offset="0" style="stop-color:#EE38A4"/>
<stop offset="0.5092942" style="stop-color:#9103B0"/>
<stop offset="1" style="stop-color:#501DB9"/>
<stop offset="1" style="stop-color:#9506B0"/>
</linearGradient>
<path class="st1" d="M55.4768066,10.7887173l-8.9376602-8.9376106l-4.4687309,4.4687796l6.7032471,6.7032471l2.234314,2.234416
l-6.7031441,6.7032471l-2.234417,2.2344151l-7.7302742-7.7302761l-0.2102318,0.2102318l-4.2584972,4.2586002l7.7301731,7.7301731
v0.0000515c2.4680519,2.4679985,6.4696121,2.4679985,8.937561,0l8.9376602-8.9376125
C57.9449615,17.2582779,57.9449615,13.2567682,55.4768066,10.7887173z"/>
<g>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="10.7887001" y1="15.2575035" x2="46.5391464" y2="15.2575035">
<stop offset="0" style="stop-color:#8B00B1"/>
<stop offset="0" style="stop-color:#EE38A4"/>
<stop offset="0.1175187" style="stop-color:#D634A7"/>
<stop offset="0.4183493" style="stop-color:#9D2AAF"/>
<stop offset="0.6763742" style="stop-color:#7323B4"/>
<stop offset="0.8785662" style="stop-color:#591FB8"/>
<stop offset="1" style="stop-color:#501DB9"/>
</linearGradient>
<path class="st2" d="M37.6015854,1.8511064l-8.9376621,8.9376106l-4.468729,4.468832l-0.55863,0.558629l-8.3790331,8.3790331
l-4.4688311,4.468832c2.467948,2.4677925,6.4688931,2.4678955,8.937149,0.0004101l0.0005131-0.0005131l13.4063931-13.4063911
l8.3790321-8.379034l0.5586281-0.5586295l4.4687309-4.4687796C44.0711975-0.6169954,40.0696373-0.6169954,37.6015854,1.8511064z"
/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="24.1951942" y1="13.6117887" x2="27.4866123" y2="13.6117887">
<stop offset="0" style="stop-color:#8B00B1"/>
<stop offset="0" style="stop-color:#EE38A4"/>
<stop offset="0.1175187" style="stop-color:#D634A7"/>
<stop offset="0.4183493" style="stop-color:#9D2AAF"/>
<stop offset="0.6763742" style="stop-color:#7323B4"/>
<stop offset="0.8785662" style="stop-color:#591FB8"/>
<stop offset="1" style="stop-color:#501DB9"/>
</linearGradient>
<polygon class="st3" points="24.1951942,15.2574978 24.1951942,15.2575493 27.4866123,11.9660282 "/>
</g>
</g>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="77.3990173" y1="-7.8904157" x2="122.914917" y2="37.6254807">
<stop offset="0" style="stop-color:#8B00B1"/>
<stop offset="0" style="stop-color:#EE38A4"/>
<stop offset="0.0727272" style="stop-color:#D634A7"/>
<stop offset="0.2166433" style="stop-color:#AD2DAD"/>
<stop offset="0.3643613" style="stop-color:#8C27B1"/>
<stop offset="0.5144968" style="stop-color:#7123B5"/>
<stop offset="0.6680248" style="stop-color:#5F20B7"/>
<stop offset="0.8269761" style="stop-color:#541EB9"/>
<stop offset="1" style="stop-color:#501DB9"/>
</linearGradient>
<path class="st4" d="M73.7269974,4.3174438v5.8997192v11.3051758v5.3615112
c-0.4117432,2.0700073-1.6452637,3.1047974-3.7012939,3.1047974c-1.9445801,0-3.1610107-0.9794312-3.6466064-2.94104v-5.3562012
V10.0534058V4.1483765c0.4855957-2.0239868,1.7020264-3.036438,3.6466064-3.036438
C72.0817337,1.1119385,73.3152542,2.180603,73.7269974,4.3174438z M106.2809982,19.8569603
c0-1.8695717-0.9047928-3.7108078-2.7115402-5.5251274c-1.8067474-1.8133755-3.6427689-2.7205353-5.5052414-2.7205353h-6.3165283
c-1.0814056-0.3452024-1.6216354-1.055913-1.6216354-2.1316605c0-1.1130533,0.5383453-1.8237638,1.6159668-2.1311879h3.5096054
c1.9682465-0.5189838,2.9523697-1.7250671,2.9523697-3.6182499c0-2.0782979-1.0483475-3.3216877-3.1412582-3.7301693h-3.8703918
c-1.9077988,0-3.7872696,0.9000763-5.6374664,2.7002289c-1.8511353,1.8001525-2.7767029,3.6574452-2.7767029,5.5699892v2.4192505
c0,1.8752375,0.9038467,3.7230854,2.7105942,5.5416546c1.8067474,1.8195152,3.6427689,2.7285633,5.5061874,2.7285633h6.3165283
c1.0804596,0.3367023,1.6216354,1.0474129,1.6216354,2.1316605c0,1.0474129-0.5392838,1.7387619-1.6150208,2.0754642h-3.3981628
c-2.0060272,0.5605412-3.0090408,1.7765408-3.0090408,3.6461124c0,1.9446564,1.0105743,3.1776562,3.0298233,3.7018356h4.0951614
c1.8690872,0,3.7098312-0.8972435,5.5250778-2.6922016c1.8133621-1.7949581,2.7200394-3.6267509,2.7200394-5.4972649V19.8569603z
M138.8360748,10.5393066v2.6487427c0,2.5925903-1.1069336,4.9976807-3.3208008,7.2142944
c-2.2138672,2.2171631-4.6164551,3.3250122-7.2062988,3.3250122h-2.5329514c-0.7498779,0-1.7822266-0.2800293-3.0959473-0.8410645
v13.7991333c-0.4117432,2.1312256-1.6452637,3.1970215-3.7012939,3.1970215c-1.9447021,0-3.1610107-1.0115356-3.6466064-3.0331421
V3.0893555c0-0.262085,0.1303711-0.6176758,0.3929443-1.0672607C116.5467758,0.6738892,117.6329575,0,118.9787827,0
c0.9718018,0,1.8690186,0.4118042,2.692627,1.2339478C123.354393,0.4118042,124.7372055,0,125.821434,0h2.525383
c2.5803223,0,4.9726562,1.1088257,7.1798096,3.3250122C137.7328033,5.5426025,138.8360748,7.9467773,138.8360748,10.5393066z
M131.4881744,10.4920654c0-0.6478882-0.3929443-1.3340454-1.1787109-2.0579834
c-0.7858887-0.723938-1.4960938-1.0856323-2.1315918-1.0856323h-2.1874924c-0.6364746,0-1.3458252,0.3711548-2.1315918,1.1144409
s-1.1787109,1.4384155-1.1787109,2.0863647v2.6293945c0,0.5713501,0.3835449,1.2481079,1.1503906,2.0286865
c0.7668457,0.7820435,1.4309082,1.1720581,1.9909668,1.1720581h2.525383c0.5610352,0,1.2241211-0.3900146,1.9909668-1.1720581
c0.7658691-0.7805786,1.1503906-1.4573364,1.1503906-2.0286865V10.4920654z"/>
</g>
</svg>
</div> <!--logo-->
<div">
<h2 style="font-size: 16px;">Sign In</h2>
<form ng-submit="userLogin(LoginForm.$valid)" name="LoginForm" novalidate>
<input name="email" class="modal-username form-control" ng-model="user.email" type="email" placeholder="Email" required />
<span ng-if="LoginForm.email.$dirty && LoginForm.email.$error.required">This field is required.</span>
<span ng-if="LoginForm.email.$error.email">Invalid email.</span>
<input name="pwd" class="modal-username form-control" type="password" ng-model="user.password" placeholder="Password" ng-minlength=5 required />
<span ng-if="LoginForm.pwd.$error.minlength">Min 5 characters.</span>
<span ng-if="LoginForm.pwd.$dirty && LoginForm.pwd.$error.required">This field is required.</span>
<div class="form-actions">
<button type="submit" ng-disabled="form.$invalid || dataLoading" class="btn btn-signin btn-centered mt-4 mb-3" style="display:inline-block">Login</button>
<img ng-if="dataLoading" src="assets/static/images/loading.gif" height="80px" width="80px" style="display:inline-block"/>
</div>
<a class="text-terms" href="#">Terms & Conditions</a>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

+ 731
- 744
src/assets/scripts/profile/profile.html
File diff suppressed because it is too large
View File


+ 40
- 38
src/assets/scripts/referees/referees.html View File

@ -1,47 +1,49 @@
<main class='main-content'>
<div id='mainContent row'>
<div class="row content-title mT-60">
<h1 class="col-8 ml-1 mb-4">Referees</h1>
</div>
<nw-sidebar></nw-sidebar>
<div class="page-container">
<nw-topbar></nw-topbar>
<main class='main-content'>
<div id='mainContent row'>
<div class="row content-title mT-60">
<h1 class="col-8 ml-1 mb-4">Referees</h1>
</div>
<div class=" gap-30 masonry pos-r">
<!-- #content container ===== -->
<div class="masonry-sizer col-md-6"></div>
<div class=" gap-30 masonry pos-r">
<!-- #content container ===== -->
<div class="masonry-sizer col-md-6"></div>
<div class="masonry-item w-50" ng-repeat="referee in referees">
<!-- #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="">
<div class="user-card-col">
<div class="user-card-title">{{referee.name}}</div>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">{{referee.email}}</div>
<a href="#" id="user-action-fill">{{referee.bio}}</a>
<a href="#" id="user-action-border" data-toggle="tooltip" data-placement="bottom" title="Referee will be unable to log in to WISP">ban
referee</a>
<div class="masonry-item w-50" ng-repeat="referee in referees">
<!-- #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="">
<div class="user-card-col">
<div class="user-card-title">{{referee.name}}</div>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">{{referee.email}}</div>
<a href="#" id="user-action-fill">{{referee.bio}}</a>
<a href="#" id="user-action-border" data-toggle="tooltip" data-placement="bottom" title="Referee will be unable to log in to WISP">ban
referee</a>
</div>
</div>
</div>
<div class="card-body p-0">
<div class="card-body-users row">
<div class="col-4"></div>
<div class="users-icons col-8">
<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 class="card-body p-0">
<div class="card-body-users row">
<div class="col-4"></div>
<div class="users-icons col-8">
<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>
</div>
</div>
<!--content container-->
</main>
<!--content container-->
</main>
<nw-footer></nw-footer>
</div>

+ 346
- 342
src/assets/scripts/reports/reports.html View File

@ -1,349 +1,353 @@
<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-->
<nw-sidebar></nw-sidebar>
<div class="page-container">
<nw-topbar></nw-topbar>
<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 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 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 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 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-->
<!-- ### 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>
<!-- ### 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>
</div>
</main>
</main>
<nw-footer></nw-footer>
</div>

+ 534
- 511
src/assets/scripts/user-add/user-add.html
File diff suppressed because it is too large
View File


+ 80
- 79
src/assets/scripts/user-details/user-details.html View File

@ -1,19 +1,22 @@
<main class='main-content bgc-grey-300'>
<nw-sidebar></nw-sidebar>
<div class="page-container">
<nw-topbar></nw-topbar>
<main class='main-content bgc-grey-300'>
<div id='mainContent row'>
<div class="content-title mT-60">
<div class="ml-1 mb-3">
<h1>User's Profile</h1>
</div>
</div>
<div class=" gap-30 masonry pos-r">
<!-- #content container ===== -->
<div class="masonry-sizer col-md-6"></div>
<!-- #user profile ========= -->
<div class="masonry-item w-100 visible-admin visible-nomit visible-referee visible-company" ng-show="user.role != 'user'">
<div class="card item-box">
<div class="row user-data-title">
@ -21,18 +24,18 @@
<div class="col-9">
<img class="user-update-img" src="assets/static/images/user-update.png" alt="">
<div class="testo">
<h5>{{userDetails.name}}</h5>
<h5>{{userDetails.name}}</h5>
{{userDetails.personal.bio}}
</div>
</div>
<div class="col-3 profile-form-row row">
<div class="users-icons ml-0">
<a href="https://www.linkedin.com/{{userDetails.personal.linkedin}}"><i class="fa fa-linkedin"></i></a>
<a href="https://www.facebook.com/{{userDetails.personal.facebook}} "><i class="fa fa-facebook"></i></a>
<a href="https://www.instagram.com/{{userDetails.personal.instagram}}"><i class="fa fa-instagram"></i></a>
<a href="https://github.com/{{userDetails.personal.github}}"><i class="fa fa-github"></i></a>
</div>
<div class="users-icons ml-0">
<a href="https://www.linkedin.com/{{userDetails.personal.linkedin}}"><i class="fa fa-linkedin"></i></a>
<a href="https://www.facebook.com/{{userDetails.personal.facebook}} "><i class="fa fa-facebook"></i></a>
<a href="https://www.instagram.com/{{userDetails.personal.instagram}}"><i class="fa fa-instagram"></i></a>
<a href="https://github.com/{{userDetails.personal.github}}"><i class="fa fa-github"></i></a>
</div>
</div>
</div>
@ -42,7 +45,7 @@
<div class="card-body-profile">
<div class="profile-forms">
<h5 class="card-title d-flex text-black-bold"> Your Profile</h5>
<div class="row ">
<div class="col-3 profile-form-row">
<h9 class="">First Name</h9>
@ -57,7 +60,7 @@
<p class="font-weight-light">{{userDetails.personal.last_name}}</p>
</div>
</div>
<div class="row ">
<div class="col-3 profile-form-row">
<h9 class="">Email Address</h9>
@ -72,7 +75,7 @@
<p class="font-weight-light">{{userDetails.personal.state}}</p>
</div>
</div>
<div class="row ">
<div class="col-3 profile-form-row">
<h9 class="">Nationality</h9>
@ -89,100 +92,98 @@
</div>
</div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Education</h9>
<!--<div ng-repeat=" education in userDetails.personal.educations">
<div class="col-4 profile-form-row">
<h9 class="">Education</h9>
<!--<div ng-repeat=" education in userDetails.personal.educations">
<p class="font-weight-light">{{education}}</p>-->
<p class="font-weight-light">{{userDetails.personal.education}}</p>
</div>
</div>
<p class="font-weight-light">{{userDetails.personal.education}}</p>
</div>
</div>
<div class="row col-12 profile-form-row">
<h9 class=" ">Main Classification:</h9>
<div ng-repeat="industry in userDetails.personal.main_classification">
<div class="ml-1 mb-4 btn btn-industry" >{{industry}}</div>
<div class="ml-1 mb-4 btn btn-industry">{{industry}}</div>
</div>
</div>
</div>
<div class="row col-12 profile-form-row">
<h9 class=" mt-60">Skills:</h9>
<div ng-repeat="skill in userDetails.personal.skills">
<div class="ml-1 mb-4 btn btn-skills" >{{skill}}</div>
<div class="ml-1 mb-4 btn btn-skills">{{skill}}</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- #extra info for nomit and referees ========= -->
<div class="masonry-item w-100 visible-admin visible-nomit visible-referee" ng-show="profile.role =='admin' || profile.role =='nomit' || profile.role =='referee'">
<div class="card item-box">
<div class="card-body-profile">
<div class="profile-forms">
<h5 class="card-title d-flex text-black-bold">Help NOMIT collecting more data: your information
won't be visible!!</h5>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Birthdate</h9>
<div class="timepicker-input input-icon form-group">
<div class="input-group">
<div class="input-group-addon bgc-white bd bdwR-0">
<i class="ti-calendar"></i>
</div>
<p class="font-weight-light">{{userDetails.personal.dob}}</p>
</div>
<!-- #extra info for nomit and referees ========= -->
<div class="masonry-item w-100 visible-admin visible-nomit visible-referee" ng-show="profile.role =='admin' || profile.role =='nomit' || profile.role =='referee'">
<div class="card item-box">
<div class="card-body-profile">
<div class="profile-forms">
<h5 class="card-title d-flex text-black-bold">Help NOMIT collecting more data: your information
won't be visible!!</h5>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Birthdate</h9>
<div class="timepicker-input input-icon form-group">
<div class="input-group">
<div class="input-group-addon bgc-white bd bdwR-0">
<i class="ti-calendar"></i>
</div>
<p class="font-weight-light">{{userDetails.personal.dob}}</p>
</div>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Gender</h9>
<p class="font-weight-light">{{userDetails.personal.gender}}</p>
</div>
<div class="col-4 profile-form-row">
<h9 class="">City of Birth</h9>
<p class="font-weight-light">{{userDetails.personal.city}}</p>
</div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Arriving in Australia</h9>
<div class="timepicker-input input-icon form-group">
<div class="input-group">
<div class="input-group-addon bgc-white bd bdwR-0">
<i class="ti-calendar"></i>
</div>
<p class="font-weight-light">{{userDetails.personal.arriving}}</p>
<div class="col-4 profile-form-row">
<h9 class="">Gender</h9>
<p class="font-weight-light">{{userDetails.personal.gender}}</p>
</div>
<div class="col-4 profile-form-row">
<h9 class="">City of Birth</h9>
<p class="font-weight-light">{{userDetails.personal.city}}</p>
</div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Arriving in Australia</h9>
<div class="timepicker-input input-icon form-group">
<div class="input-group">
<div class="input-group-addon bgc-white bd bdwR-0">
<i class="ti-calendar"></i>
</div>
<p class="font-weight-light">{{userDetails.personal.arriving}}</p>
</div>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Reason for leaving</h9>
<p class="font-weight-light">{{userDetails.personal.left}}</p>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Reason for staying in Australia</h9>
<textarea id="staying" name="story" rows="5" disabled>Tell us something about your new life...</textarea>
</div>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Reason for leaving</h9>
<p class="font-weight-light">{{userDetails.personal.left}}</p>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Reason for staying in Australia</h9>
<textarea id="staying" name="story" rows="5" disabled>Tell us something about your new life...</textarea>
</div>
</div>
</div>
</div>
</div>
</div>
<!--content container-->
</div>
<!--content container-->
<!--page container-->
</main>
<nw-footer></nw-footer>
</div>

+ 39
- 36
src/assets/scripts/users/users.html View File

@ -1,45 +1,48 @@
<main class='main-content' ng-controller="UsersController" id="users">
<div id='mainContent row'>
<div class="row content-title mT-60">
<h1 class="col-8 ml-1 mb-4">Users</h1>
</div>
<nw-sidebar></nw-sidebar>
<div class="page-container">
<nw-topbar></nw-topbar>
<main class='main-content' ng-controller="UsersController" id="users">
<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=" gap-30 masonry pos-r">
<!-- #content container ===== -->
<div class="masonry-sizer col-md-6"></div>
<div class="masonry-item w-50" ng-repeat="u in users">
<!-- #first user ========= -->
<div class="card item-box">
<div class="user-data-title container">
<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">{{u.personal.first_name}} {{u.personal.last_name}}</div>
<div class=" text-size-11">{{u.personal.city}}</div>
<div class=" text-size-11">{{u.personal.phone}}</div>
<a href="#!users/{{u._id}}" id="user-action-fill">view user profile</a>
<a href="#" class="visible-nomit visible-referee visible-admin" ng-show="user.role =='nomit' || user.role =='referee' || user.role =='admin'" id="user-action-border" data-toggle="tooltip" data-placement="bottom" title="User will be unable to log in to WISP">
ban user</a>
<div class="masonry-item w-50" ng-repeat="u in users">
<!-- #first user ========= -->
<div class="card item-box">
<div class="user-data-title container">
<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">{{u.personal.first_name}} {{u.personal.last_name}}</div>
<div class=" text-size-11">{{u.personal.city}}</div>
<div class=" text-size-11">{{u.personal.phone}}</div>
<a href="#!users/{{u._id}}" id="user-action-fill">view user profile</a>
<a href="#" class="visible-nomit visible-referee visible-admin" ng-show="user.role =='nomit' || user.role =='referee' || user.role =='admin'"
id="user-action-border" data-toggle="tooltip" data-placement="bottom" title="User will be unable to log in to WISP">
ban user</a>
</div>
</div>
</div>
<div class="card-body p-0">
<div class="card-body-users row">
<div class="col-4"></div>
<div class="users-icons col-8">
<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 class="card-body p-0">
<div class="card-body-users row">
<div class="col-4"></div>
<div class="users-icons col-8">
<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>
</div>
<!--content container-->
</main>
<!--content container-->
</main>
<nw-footer></nw-footer>
</div>

+ 0
- 22
src/index.html View File

@ -71,29 +71,7 @@
});
</script>
<!-- @App Content -->
<!-- =================================================== -->
<div class="blurra">
<!-- #sidebar ============================ -->
<nw-sidebar></nw-sidebar>
<!-- #Main ============================ -->
<div class="page-container">
<!-- #topbar ============================ -->
<nw-topbar></nw-topbar>
<!-- ### $App Screen Content ### -->
<div ng-view></div>
<nw-footer></nw-footer>
</div>
<!-- ### $App Screen Footer ### -->
</div>
<!-- ### $App Login Modal ### -->
<nw-login></nw-login>
</body>
</html>

Write Preview
Loading…
Cancel
Save