Browse Source

Merge branch 'master' into style-integration

pull/146/head
francesca6431 7 years ago
committed by GitHub
parent
commit
c6b285d806
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
11 changed files with 815 additions and 639 deletions
  1. +24
    -20
      package.json
  2. +3
    -0
      src/_sidebar.html
  3. +11
    -183
      src/_topbar.html
  4. +1
    -0
      src/assets/scripts/index.js
  5. +32
    -0
      src/assets/scripts/login/controller.js
  6. +12
    -0
      src/assets/scripts/login/index.js
  7. +22
    -0
      src/assets/scripts/login/service.js
  8. +151
    -86
      src/assets/styles/nomit.scss
  9. +17
    -5
      src/login.html
  10. +542
    -222
      src/profile.html
  11. +0
    -123
      src/sidebar.html

+ 24
- 20
package.json View File

@ -17,54 +17,58 @@
"html-loader": "^0.5.5"
},
"dependencies": {
"angular": "^1.6.4",
"angular-cookies": "^1.6.4",
"babel-core": "^6.26.0",
"babel-eslint": "^8.0.1",
"babel-loader": "^7.1.2",
"babel-plugin-transform-class-properties": "^6.24.1",
"babel-plugin-transform-object-rest-spread": "^6.26.0",
"babel-plugin-transform-runtime": "^6.23.0",
"babel-polyfill": "^6.26.0",
"babel-preset-env": "^1.6.1",
"babel-preset-stage-0": "^6.24.1",
"babel-runtime": "^6.26.0",
"bootstrap": "^4.0.0",
"bootstrap-datepicker": "^1.7.1",
"case-sensitive-paths-webpack-plugin": "^2.1.1",
"chart.js": "^2.7.1",
"copy-webpack-plugin": "^4.2.0",
"cross-env": "^5.1.0",
"css-loader": "^0.28.7",
"datatables": "^1.10.13",
"easy-pie-chart": "^2.1.7",
"eslint": "^4.9.0",
"eslint-config-airbnb-base": "^12.1.0",
"eslint-plugin-import": "2.7.0",
"extract-text-webpack-plugin": "^3.0.1",
"html-webpack-plugin": "^2.30.1",
"file-loader": "^1.1.5",
"fullcalendar": "^3.6.2",
"html-includes": "^4.0.0",
"html-loader": "^0.5.5",
"html-webpack-plugin": "^2.30.1",
"imagemin-webpack-plugin": "^1.5.2",
"jquery": "^3.2.1",
"jquery-sparkline": "^2.4.0",
"jvectormap": "^2.0.4",
"load-google-maps-api": "^1.0.0",
"lodash": "^4.17.4",
"masonry-layout": "^4.2.0",
"moment": "^2.19.1",
"ng-tags-input": "^3.2.0",
"node-sass": "^4.5.3",
"perfect-scrollbar": "^1.1.0",
"popper.js": "^1.12.6",
"postcss-cssnext": "^3.0.2",
"postcss-loader": "^2.0.8",
"sass-loader": "^6.0.6",
"shx": "^0.2.2",
"skycons": "^1.0.0",
"style-loader": "^0.19.0",
"stylelint": "^8.2.0",
"stylelint-config-standard": "^17.0.0",
"webpack": "^3.8.1",
"webpack-dashboard": "^1.0.0",
"webpack-dev-server": "^2.9.3",
"babel-polyfill": "^6.26.0",
"bootstrap": "^4.0.0",
"bootstrap-datepicker": "^1.7.1",
"chart.js": "^2.7.1",
"datatables": "^1.10.13",
"easy-pie-chart": "^2.1.7",
"file-loader": "^1.1.5",
"fullcalendar": "^3.6.2",
"jquery": "^3.2.1",
"jquery-sparkline": "^2.4.0",
"jvectormap": "^2.0.4",
"load-google-maps-api": "^1.0.0",
"lodash": "^4.17.4",
"masonry-layout": "^4.2.0",
"moment": "^2.19.1",
"perfect-scrollbar": "^1.1.0",
"popper.js": "^1.12.6",
"skycons": "^1.0.0"
"webpack-dev-server": "^2.9.3"
}
}

+ 3
- 0
src/_sidebar.html View File

@ -163,6 +163,7 @@
<span class="title text-white font-weight-bold">My Ads</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="profile.html">
<span class="icon-holder">
@ -171,6 +172,7 @@
<span class="title text-white font-weight-bold">Profile</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="users.html">
<span class="icon-holder">
@ -217,6 +219,7 @@
<input type="checkbox" class="switch">
</div>
</ul>


+ 11
- 183
src/_topbar.html View File

@ -8,16 +8,16 @@
<i class="ti-menu"></i>
</a>
</li>
<li class="search-box">
<li class="search-box visible-nomit visible-referee" ng-show="user.role=='nomit' || user.role == ‘referee’">
<a class="search-toggle no-pdd-right" href="javascript:void(0);">
<i class="search-icon ti-search pdd-right-10"></i>
<i class="search-icon-close ti-close pdd-right-10"></i>
</a>
</li>
<li class="search-input">
<li class="search-input visible-referee visible-nomit" ng-show="user.role=='nomit' || user.role == ‘referee’">
<input class="form-control" type="text" placeholder="Search users, companies, or anything..">
</li>
<li class="">
<li class="visible-nomit" ng-show="user.role=='nomit'">
<button type="button" class="btn btn-gradient ">
<i class="fa fa-plus pdd-right-5 text-white"></i>
Add new user
@ -26,203 +26,31 @@
</ul>
<ul class="nav-right">
<!-- #RIGHT ============================ -->
<!-- #email ============================ -->
<li class="notifications dropdown">
<span class="counter bgc-blue">3</span>
<a href="" class="dropdown-toggle no-after" data-toggle="dropdown">
<i class="ti-email top-notification"></i>
</a>
<ul class="dropdown-menu">
<li class="pX-20 pY-15 bdB">
<i class="ti-email pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Emails</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
<li>
<a href="" class='peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100'>
<div class="peer mR-15">
<img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/1.jpg" alt="">
</div>
<div class="peer peer-greed">
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">John Doe</p>
</div>
<div class="peer">
<small class="fsz-xs">5 mins ago</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
</span>
</div>
</div>
</a>
</li>
<li>
<a href="" class='peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100'>
<div class="peer mR-15">
<img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/2.jpg" alt="">
</div>
<div class="peer peer-greed">
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Moo Doe</p>
</div>
<div class="peer">
<small class="fsz-xs">15 mins ago</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
</span>
</div>
</div>
</a>
</li>
<li>
<a href="" class='peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100'>
<div class="peer mR-15">
<img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/3.jpg" alt="">
</div>
<div class="peer peer-greed">
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Lee Doe</p>
</div>
<div class="peer">
<small class="fsz-xs">25 mins ago</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
</span>
</div>
</div>
</a>
</li>
</ul>
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">View All Email <i class="fs-xs ti-angle-right mL-10"></i></a>
</span>
</li>
</ul>
</li>
<!-- #notifications bell ============================ -->
<li class="notifications dropdown">
<span class="counter bgc-red">3</span>
<a href="" class="dropdown-toggle no-after" data-toggle="dropdown">
<i class="ti-bell"></i>
</a>
<ul class="dropdown-menu">
<li class="pX-20 pY-15 bdB">
<i class="ti-bell pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Notifications</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
<li>
<a href="" class='peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100'>
<div class="peer mR-15">
<img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/1.jpg" alt="">
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">John Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">post</span>
</span>
</span>
<p class="m-0">
<small class="fsz-xs">5 mins ago</small>
</p>
</div>
</a>
</li>
<li>
<a href="" class='peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100'>
<div class="peer mR-15">
<img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/2.jpg" alt="">
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Moo Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">cover image</span>
</span>
</span>
<p class="m-0">
<small class="fsz-xs">7 mins ago</small>
</p>
</div>
</a>
</li>
<li>
<a href="" class='peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100'>
<div class="peer mR-15">
<img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/3.jpg" alt="">
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Lee Doe</span>
<span class="c-grey-600">commented on your <span class="text-dark">video</span>
</span>
</span>
<p class="m-0">
<small class="fsz-xs">10 mins ago</small>
</p>
</div>
</a>
</li>
</ul>
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">View All Notifications <i class="ti-angle-right fsz-xs mL-10"></i></a>
</span>
</li>
</ul>
</li>
<li>
<!-- #vertical line ============================ -->
<div class="verticalLine"> </div>
</li>
<!-- #account ============================ -->
<li class="dropdown">
<a href="" class="dropdown-toggle no-after peers fxw-nw ai-c lh-1" data-toggle="dropdown">
<div class="peer">
<span class="fsz-sm c-grey-900">Nomit Admin</span>
<span class="fsz-sm c-grey-900 visible-nomit" ng-show="user.role=='nomit'">Nomit Admin</span>
<span class="fsz-sm c-grey-900 visible-referee" ng-show="user.role=='referee'">Referee Admin</span>
<span class="fsz-sm c-grey-900 visible-user visible-company" ng-show="user.role=='user' || user.role == ‘company’">Username</span>
</div>
<div class="peer mR-10">
<div class="peer mR-10 visible-nomit" ng-show="user.role=='nomit'">
<img class=" w-2r bdrs-50p mL-10 nomit-logo-top" src="assets/static/images/nomit-logo.png" alt="">
</div>
<div class="peer mR-10 visible-referee visible-user visible-company" ng-show="user.role!='nomit'">
<img class=" w-2r bdrs-50p mL-10 nomit-logo-top" src="assets/static/images/user-update.png" alt="">
</div>
</a>
<ul class="dropdown-menu fsz-sm">
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-settings mR-10"></i>
<span>Setting</span>
</a>
</li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-user mR-10"></i>
<span>Profile</span>
</a>
</li>
<li>
<a href="email.html" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-email mR-10"></i>
<span>Messages</span>
</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">


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

@ -16,3 +16,4 @@ import './fullcalendar';
import './googleMaps';
import './utils';
import './user-form';
import './login';

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

@ -0,0 +1,32 @@
import 'babel-polyfill';
const LoginController = ($scope, LoginService, $cookies) => {
$scope.userLogged = false;
if(typeof $cookies.get('access_token') !== 'undefined' ){
$scope.userLogged = true;
$scope.user = parseJwt( $cookies.get('access_token') );
}
console.log("BEFORE FUNC ");
$scope.userLogin = async () => {
let result = await LoginService.loginUserService($scope.user);
if( $scope.user !== "" || $scope.user !== "undefined"){
console.log(result);
$scope.userLogged = true;
$scope.user = parseJwt( result );
$cookies.put('access_token', result);
console.log('Redirect me to Dashboard.');
} else {
console.log("User is empty");
}
}
};
function parseJwt(token) {
var base64Url = token.split('.')[1];
var base64 = base64Url.replace('-', '+').replace('_', '/');
return JSON.parse(window.atob(base64));
};
export default LoginController;

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

@ -0,0 +1,12 @@
import * as angular from 'angular';
import ngCookies from 'angular-cookies';
import LoginController from './controller';
import LoginService from './service';
angular.module('NomitWisp-Login', [ngCookies])
.config(['$httpProvider', function($httpProvider) {
$httpProvider.defaults.withCredentials = true;
}])
.controller(LoginController.name, LoginController)
.factory(LoginService.name, LoginService);

+ 22
- 0
src/assets/scripts/login/service.js View File

@ -0,0 +1,22 @@
const LoginService = ($http) => {
let serv = {};
serv.loginUserService = (user) =>{
return $http({
method: 'POST',
url: 'https://nomitwisp-restapi.herokuapp.com/login',
data: user,
headers: { 'Content-Type': 'application/json' }
})
.then( (result) => {
console.log(result.data.token);
return result.data.token;
}, (err) => {
console.log(err.data);
return err.data;
});
}
return serv;
}
export default LoginService;

+ 151
- 86
src/assets/styles/nomit.scss View File

@ -234,66 +234,114 @@ body{
// ***** PAGES ***** //
//index
.succ-match-perc{
height: 400px;
.succ-match-perc {
height: 400px;
}
.nationality-item{
height: 400px;
.nationality-item {
height: 400px;
}
.nationality-item-progress-bar{
width:50%;
.nationality-item-progress-bar {
width: 50%;
}
//ads
.card-img-top{
border-radius: 0% !important;
.card-img-top {
border-radius: 0% !important;
}
//profile
.card-body-profile{
background-color: #e6eaf08f;
.card-body-profile {
background-color: #e6eaf08f;
}
.user-update-img{
width: 80px;
float: left;
margin-left: 50px;
margin-top: 20px;
margin-bottom: 20px;
.user-update-img {
width: 80px;
float: left;
margin-left: 50px;
margin-top: 20px;
margin-bottom: 20px;
}
.testo{
vertical-align:middle;
margin-top: 30px;
margin-left: 150px;
.testo {
vertical-align: middle;
margin-top: 30px;
margin-left: 150px;
}
.profile-forms{
padding: 50px;
padding-bottom: 30px
.profile-forms {
padding: 50px;
padding-bottom: 30px
}
.profile-form-row{
font-weight: bold;
margin-top: 20px;
.profile-form-row {
font-weight: bold;
margin-top: 20px;
}
textarea {
padding: 10px;
line-height: 1.5;
border-radius: 5px;
border: 1px solid #ccc;
box-shadow: 1px 1px 1px #999;
resize: none;
width: 100%;
}
.btn-cv {
box-shadow: 0 8px 7px 0 rgba(192, 192, 192, 0.521), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
color: #fff;
background-image: linear-gradient(to right, #ee38a4, #501db9);
border-radius: 50px;
border: none;
height: 40px;
width: 100px;
margin-top: calc((#{$header-height} - 40px)/2);
margin-left: 15px;
outline: none;
padding: 5px;
}
.btn-cv:hover {
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
.cv{
margin-top: calc((#{$header-height} - 40px)/2);
margin-left: 15px;
height: 40px;
}
//users
.card{
border-radius: 0% !important;
.card {
border-radius: 0% !important;
}
.card-body-users{
border-top: 1px solid #9c9fa0;
margin: 0;
.card-body-users {
border-top: 1px solid #9c9fa0;
margin: 0;
}
.users-icons{
margin-left: 150px;
padding: 5px;
padding-left: 0;
.users-icons {
margin-left: 150px;
padding: 5px;
padding-left: 0;
}
.users-icons i{
font-size: 20px;
margin-right: 15px;
color: #9c9fa0;
.users-icons i {
font-size: 20px;
margin-right: 15px;
color: #9c9fa0;
}
//login
.modal-dialog {
max-width: 800px;
margin: 200px auto;
max-width: 800px;
margin: 200px auto;
}
.modal-content {
position: relative;
display: -webkit-box;
@ -318,12 +366,13 @@ body{
visibility:visible;
}
.mo-title{
font-size: 40px;
font-size: 28px;
font-weight: bolder;
}
.subtitle-modal{
font-size: 20px;
}
.modal-right {
background-color: #fff;
height: 400px;
@ -346,7 +395,9 @@ body{
width: 174px;
}
.modal-username{
margin-top: 10px;;
font-size: 14px;
margin-top: 10px;
padding-left: 10px;
border-radius: 50px;
border-color: #501db9;
width: 180px;
@ -367,59 +418,73 @@ body{
text-align: -webkit-center;
margin-top: 20px;
}
//companies
.card-body-companies{
border-top: 1px solid #9c9fa0;
margin: 0;
.card-body-companies {
border-top: 1px solid #9c9fa0;
margin: 0;
}
.companies-icons{
margin-left: 150px;
padding: 5px;
padding-left: 0;
.companies-icons {
margin-left: 150px;
padding: 5px;
padding-left: 0;
}
.companies-icons i{
font-size: 20px;
margin-right: 15px;
color: #9c9fa0;
.companies-icons i {
font-size: 20px;
margin-right: 15px;
color: #9c9fa0;
}
.companies-update-img{
width: 80px;
float: left;
margin-left: 50px;
margin-top: 20px;
margin-bottom: 20px;
.companies-update-img {
width: 80px;
float: left;
margin-left: 50px;
margin-top: 20px;
margin-bottom: 20px;
}
//referees
.card-body-referee{
border-top: 1px solid #9c9fa0;
margin: 0;
.card-body-referee {
border-top: 1px solid #9c9fa0;
margin: 0;
}
.referee-icons{
margin-left: 150px;
padding: 5px;
padding-left: 0;
.referee-icons {
margin-left: 150px;
padding: 5px;
padding-left: 0;
}
.referee-icons i{
font-size: 20px;
margin-right: 15px;
color: #9c9fa0;
.referee-icons i {
font-size: 20px;
margin-right: 15px;
color: #9c9fa0;
}
.referee-update-img{
width: 80px;
float: left;
margin-left: 50px;
margin-top: 20px;
margin-bottom: 20px;
.referee-update-img {
width: 80px;
float: left;
margin-left: 50px;
margin-top: 20px;
margin-bottom: 20px;
}
//ad-details
.companies-update-title{
margin-left: 50px;
margin-top: 20px;
margin-bottom: 20px;
//ads_1
.companies-update-title {
margin-left: 50px;
margin-top: 20px;
margin-bottom: 20px;
}
.btn-centered{
margin-top: 0;
margin-left: 0;
.btn-centered {
margin-top: 0;
margin-left: 0;
}
.btn-centered-container {
text-align: center;
}
.btn-centered-container{
text-align:center;
@ -435,4 +500,4 @@ body{
.table {
background-color: #FFFFFF;
}

+ 17
- 5
src/login.html View File

@ -55,7 +55,7 @@
</style>
</head>
<body class="app">
<body class="app" ng-app="NomitWisp-Login">
<div id='loader'>
<div class="spinner"></div>
@ -209,10 +209,22 @@
</svg>
</div> <!--logo-->
<h4 class=""><strong>Sign In </strong></p>
<input class="modal-username" type="text" placeholder="Username">
<input class="modal-username" type="password" placeholder="Password">
<button type="button" class="btn btn-gradient btn-centered mt-20">SIGN IN</button>
<div ng-controller="LoginController">
<h4 class=""><strong>Sign In </strong>
<form ng-submit="userLogin()" name="LoginForm">
<input class="modal-username" ng-model="user.email" type="text" placeholder="Email" required>
<input class="modal-username" type="password" ng-model="user.password" placeholder="Password" required>
<button type="submit" class="btn btn-gradient btn-centered mt-2" ng-disabled="LoginForm.$invalid">SIGN IN</button>
</form>
<div ng-show="userLogged">
<h2>Welcome {{user.fullname}}!</h2>
<p ng-show="user.role == 'user'">This text is only visible to Users</p>
<p ng-show="user.role == 'company'">This text is only visible to Companies</p>
<p ng-show="user.role == 'nomit' || user.role == 'admin'">This text is visible to both Nomit and Admin</p>
<p ng-show="user.role == 'nomit'">This text is only visible to Nomit</p>
<p ng-show="user.role == 'admin'">This text is only visible to Admin</p>
</div>
</div>
</div>
</div>


+ 542
- 222
src/profile.html View File

@ -1,12 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Profile</title>
<style>
#loader {
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Profile</title>
<style>
#loader {
transition: all 0.3s ease-in-out;
opacity: 1;
visibility: visible;
@ -53,16 +54,16 @@
}
}
</style>
</head>
</head>
<body class="app">
<div id='loader'>
<div class="spinner"></div>
</div>
<body class="app">
<div id='loader'>
<div class="spinner"></div>
</div>
<script>
window.addEventListener('load', () => {
<script>
window.addEventListener('load', () => {
const loader = document.getElementById('loader');
setTimeout(() => {
loader.classList.add('fadeOut');
@ -70,259 +71,578 @@
});
</script>
<!-- @App Content -->
<!-- =================================================== -->
<div>
<!-- @App Content -->
<!-- =================================================== -->
<div>
${require('html-loader!./_sidebar.html')}
${require('html-loader!./_sidebar.html')}
<div class="page-container">
<div class="page-container">
${require('html-loader!./_topbar.html')}
${require('html-loader!./_topbar.html')}
<!-- ### $App Screen Content ### -->
<main class='main-content bgc-grey-300'>
<div id='mainContent row'>
<div class="content-title mT-60">
<div class="ml-1 mb-3">
Profile
</div>
</div>
<div class="ml-1 mb-3 text-black-bold">
Sign up with WISP now to get yourself connected.
</div>
<div class="ml-1 mb-3 text-size-11">
Please, tell us more about your information so we could find the perfect oportunities for you.
</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-user" ng-show="user.role=='user'">
<div class="card item-box">
<div class="user-data-title">
<img class="user-update-img" src="assets/static/images/user-update.png" alt="">
<div class="testo">
<h5>Francesca Sperati</h5> Bla Bla, this is your bio or whatever!
</div>
</div>
<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-4 profile-form-row">
<h9 class="">First Name</h9>
<input type="text" class="form-control" id="" placeholder="First name" value="Francesca"
required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Middle Name</h9>
<input type="text" class="form-control" id="" placeholder="Middle name" value="" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Last Name</h9>
<input type="text" class="form-control" id="" placeholder="Last name" value="Sperati" required>
</div>
</div>
<!-- ### $App Screen Content ### -->
<main class='main-content bgc-grey-300'>
<div id='mainContent row'>
<div class="content-title mT-60">
<h1 class="ml-1 mb-3">My Profile</h1>
</div>
<h5 class="ml-1 mb-3">
Sign up with WISP now to get yourself connected.
</h3>
<h6 class="ml-1 mb-3">
Please, tell us more about your information so we could find the perfect oportunities for you.
</h6>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Email Address</h9>
<input type="text" class="form-control" id="" placeholder="Email" value="test@test.au" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Phone Number</h9>
<input type="text" class="form-control" id="" placeholder="Phone" value="0414098765" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">State</h9>
<select id="inputState" class="form-control">
<option selected>VIC</option>
<option>SA</option>
<option>WA</option>
<option>NSW</option>
<option>QLD</option>
<option>TAS</option>
</select>
</div>
</div>
<div class=" gap-30 masonry pos-r"> <!-- #content container ===== -->
<div class="masonry-sizer col-md-6"></div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Nationality</h9>
<select id="inputState" class="form-control">
<option selected>Italian</option>
<option>...</option>
</select>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Visa Type</h9>
<select id="inputState" class="form-control">
<option selected>Student</option>
<option>...</option>
</select>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Language (Select one or more)</h9>
<select id="inputState" class="form-control">
<option selected>English</option>
<option>...</option>
</select>
</div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Expertiece / Fields (Select one or more)</h9>
<input type="text" class="form-control" id="" placeholder="Preofessions" value="" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Expertiece / Fields (Select one or more)</h9>
<select id="" class="form-control">
<option selected>Project Management</option>
<option>...</option>
</select>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Education</h9>
<select id="" class="form-control">
<option selected>Diploma</option>
<option>Degree</option>
<option>...</option>
</select>
</div>
</div>
<div class="row ">
<div class="col-6 profile-form-row">
<button type="button" class="btn btn-gradient ">UPDATE</button>
<button type="button" class="btn btn-cancel ">CANCEL</button>
</div>
<div class="col-6 profile-form-row">
<div class="masonry-item w-100"> <!-- #your profile ========= -->
<form action="upload.asp" method="post" enctype="multipart/form-data">
<h9 class="cv">Curriculum </h9>
<input class="cv" type="file" name="file1" multiple>
<input type="submit" class="btn btn-cv" value="Upload">
</form>
</div>
<div class="card item-box" >
<div class="user-data-title">
<img class="user-update-img" src="assets/static/images/user-update.png" alt="">
<div class="testo"> <h3>Francesca Sperati</h3> Bla Bla, this is your bio or whatever!</div>
</div>
<div class="card-body-profile">
<div class="profile-forms">
<h5 class="card-title d-flex form-title"> Your Profile</h5>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">First Name</h9>
<input type="text" class="form-control" id="" placeholder="First name" value="Francesca" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Middle Name (Optional)</h9>
<input type="text" class="form-control" id="" placeholder="Middle name" value="">
</div>
<div class="col-4 profile-form-row">
<h9 class="">Last Name</h9>
<input type="text" class="form-control" id="" placeholder="Last name" value="Sperati" required>
</div>
<div class="col-4 profile-form-row"></div>
</div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Email Address</h9>
<input type="text" class="form-control" id="" placeholder="Email" value="test@test.au" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Phone Number</h9>
<input type="text" class="form-control" id="" placeholder="Phone" value="0414098765" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Date of Birth</h9>
<input type="date" class="form-control" name="dob" required>
</select>
</div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">State</h9>
<select id="inputState" class="form-control">
<option selected>VIC</option>
<option>...</option>
</select>
</div>
<div class="col-4 profile-form-row">
<h9 class="">City</h9>
<input type="text" class="form-control" id="" placeholder="" value="Ringwood" required>
</div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Nationality</h9>
<select id="inputState" class="form-control">
<option selected>Italian</option>
<option>...</option>
</select>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Visa Type</h9>
<select id="inputState" class="form-control">
<option selected>Student</option>
<option>...</option>
</select>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Language (Select one or more)</h9>
<select id="inputState" class="form-control">
<option selected>English</option>
<option>...</option>
</select>
</div>
</div>
</div>
</div>
</div>
<div class="masonry-item w-100 visible-user" ng-show="user.role=='user'">
<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>
<button type="button" class="btn btn-gradient ">UPDATE</button>
<button type="button" class="btn btn-border ">CANCEL</button>
<input type="text" class="form-control bdc-grey-200 start-date" placeholder="Date of Birth"
data-provide="datepicker">
</div>
</div>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Gender</h9>
<select id="inputGender" class="form-control">
<option selected>Male</option>
<option>Female</option>
</select>
</div>
<div class="col-4 profile-form-row">
<h9 class="">City of Birth</h9>
<input type="text" class="form-control" id="inputCity">
</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>
<input type="text" class="form-control bdc-grey-200 start-date" placeholder="Date of Arrive"
data-provide="datepicker">
</div>
</div>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Reason for leaving</h9>
<textarea id="leaving" name="story" rows="5">Tell us something about your old life...</textarea>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Reason for staying in Australia</h9>
<textarea id="staying" name="story" rows="5">Tell us something about your new life...</textarea>
</div>
</div>
<button type="button" class="btn btn-gradient ">UPDATE</button>
<button type="button" class="btn btn-cancel ">CANCEL</button>
</div>
</div>
</div>
</div>
<!-- #company profile ========= -->
<div class="masonry-item w-100 visible-company" ng-show="user.role=='company'">
<div class="card item-box">
<div class="user-data-title">
<img class="user-update-img" src="assets/static/images/user-update.png" alt="">
<div class="testo">
<h5>Leonardo</h5> A global high-tech company and one of the key players in Aerospace, Defence and
Security
</div>
</div>
<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-4 profile-form-row">
<h9 class="">Name</h9>
<input type="text" class="form-control" id="" placeholder="Leonardo" value="" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Business Type</h9>
<input type="text" class="form-control" id="" placeholder="Technological Innovation" value=""
required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">ABN</h9>
<input type="text" class="form-control" id="" placeholder="Last name" value="66 942 977 659"
required>
</div>
</div>
<div class="masonry-item w-100"> <!-- Skills Section ========= -->
<div class="card item-box" >
<div class="card-body-profile">
<div class="profile-forms">
<h5 class="card-title d-flex form-title">Your Skills</h5>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Education</h9>
<select id="inputState" class="form-control">
<option selected>Bachelor Degree</option>
<option>Associate Degree / Advanced Diploma</option>
<option>Diploma</option>
<option>College</option>
<option>Others</option>
</select>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Experience / Fields (Select one or more)</h9>
<select id="inputState" class="form-control">
<option selected>Software Engineering</option>
<option>...</option>
</select>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Skills (Select one or more)</h9>
<select id="inputState" class="form-control">
<option selected>Project Management</option>
<option>...</option>
</select>
</div>
<div class="col-4 profile-form-row"> </div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Desired Work Location (Optional)</h9>
<input type="text" class="form-control" id="" placeholder="" value="Ringwood" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Work Type</h9>
<select id="inputState" class="form-control">
<option selected>Full Time</option>
<option>Part Time</option>
</select>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Availability</h9>
<input type="date" class="form-control" name="dob" required>
</select>
</div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Email Address</h9>
<input type="text" class="form-control" id="" placeholder="Email" value="ir@leonardocompany"
required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Phone Number</h9>
<input type="text" class="form-control" id="" placeholder="Phone" value="+39 06.324731"
required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Website</h9>
<input type="text" class="form-control" id="" placeholder="Phone" value="https://www.leonardocompany.com"
required>
</div>
</div>
<button type="button" class="btn btn-gradient ">UPDATE</button>
<button type="button" class="btn btn-border ">CANCEL</button>
<div class="row">
<div class="form-group col-md-4 profile-form-row">
<h9 class="">Address</h9>
<input type="text" class="form-control" id="inputAddress" placeholder="Piazza Monte Grappa, 4"
required>
</div>
<div class="form-group col-md-4 profile-form-row">
<h9 class="">City</h9>
<input type="text" class="form-control" id="inputCity" placeholder="Roma" required>
</div>
<div class="form-group col-md-2 profile-form-row">
<h9 class="">State</h9>
<input type="text" class="form-control" id="validationCustom04" placeholder="Italia" required>
</div>
<div class="form-group col-md-2 profile-form-row">
<h9 class="">Zip</h9>
<input type="text" class="form-control" id="inputZip" placeholder="00195" required>
</div>
</div>
<div class="row">
<div class="col-12 profile-form-row">
<h9 class="">Description</h9>
<textarea id="description" class="company-description" name="story" rows="5">We constantly explore new ideas to turn them into new technologies that improve our world and design the future one. We invest in research and development to provide sustainable and competitive solutions. Wherever defence and security are needed: land, sea, sky, Space and cyberspace.
</textarea>
</div>
</div>
<div class="row ">
<div class="col-3 profile-form-row">
<h9 class="">Twitter</h9>
<input type="text" class="form-control" id="" placeholder="Facebook" value="https://twitter.com/leonardo_it">
</div>
<div class="col-3 profile-form-row">
<h9 class="">Facebook</h9>
<input type="text" class="form-control" id="" placeholder="Facebook" value="https://www.facebook.com/Leonardo-Company-473417172849580/">
</div>
<div class="col-3 profile-form-row">
<h9 class="">Instagram</h9>
<input type="text" class="form-control" id="" placeholder="Instagram" value="https://www.instagram.com/leonardo_company/?hl=it">
</div>
<div class="col-3 profile-form-row">
<h9 class="">Linkedin</h9>
<input type="text" class="form-control" id="" placeholder="Linkedin" value="https://www.linkedin.com/company/drs-defense-solutions-llc/life/">
</div>
</div>
<button type="button" class="btn btn-gradient ">UPDATE</button>
<button type="button" class="btn btn-cancel ">CANCEL</button>
</div>
</div>
</div>
</div>
<div class="masonry-item w-100"> <!-- share more with us ========= -->
<!-- #nomit profile ========= -->
<div class="masonry-item w-100 visible-nomit" ng-show="user.role=='nomit'">
<div class="card item-box">
<div class="user-data-title">
<img class="user-update-img" src="assets/static/images/nomit-logo.png" alt="">
<div class="testo">
<h5>Nomit</h5> The Italian Network of Melbourne
</div>
</div>
<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-4 profile-form-row">
<h9 class="">Name</h9>
<input type="text" class="form-control" id="" placeholder="Nomit" value="" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Business Type</h9>
<input type="text" class="form-control" id="" placeholder="Australian non-profit Association" value=""
required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">ABN</h9>
<input type="text" class="form-control" id="" placeholder="Last name" value="92 106 088 918"
required>
</div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Email Address</h9>
<input type="text" class="form-control" id="" placeholder="Email" value="info@nomit.com.au"
required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Phone Number</h9>
<input type="text" class="form-control" id="" placeholder="Phone" value="0481 983 702 "
required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Website</h9>
<input type="text" class="form-control" id="" placeholder="Phone" value="https://www.leonardocompany.com"
required>
</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" id="inputAddress" placeholder="1/509 St Kilda Rd"
required>
</div>
<div class="form-group col-md-4 profile-form-row">
<h9 class="">City</h9>
<input type="text" class="form-control" id="inputCity" placeholder="Melbourne" required>
</div>
<div class="form-group col-md-2 profile-form-row">
<h9 class="">State</h9>
<input type="text" class="form-control" id="validationCustom04" placeholder="VIC" required>
</div>
<div class="form-group col-md-2 profile-form-row">
<h9 class="">Zip</h9>
<input type="text" class="form-control" id="inputZip" placeholder="3004" required>
</div>
</div>
<div class="row">
<div class="col-12 profile-form-row">
<h9 class="">Description</h9>
<textarea id="description" class="company-description" name="story" rows="5">Nomit is an Australian non-profit organisation supported, amongst others, by the Italian Consulate in Melbourne and the Victorian Multicultural Commission.</textarea>
</div>
</div>
<div class="row ">
<div class="col-3 profile-form-row">
<h9 class="">Twitter</h9>
<input type="text" class="form-control" id="" placeholder="Facebook" value="https://twitter.com/nomitnetwork">
</div>
<div class="col-3 profile-form-row">
<h9 class="">Facebook</h9>
<input type="text" class="form-control" id="" placeholder="Facebook" value="https://www.facebook.com/nomitnetwork">
</div>
<div class="col-3 profile-form-row">
<h9 class="">Instagram</h9>
<input type="text" class="form-control" id="" placeholder="Instagram" value="">
</div>
<div class="col-3 profile-form-row">
<h9 class="">Linkedin</h9>
<input type="text" class="form-control" id="" placeholder="Linkedin" value="https://www.linkedin.com/company/nomit/about/">
</div>
</div>
<button type="button" class="btn btn-gradient ">UPDATE</button>
<button type="button" class="btn btn-cancel ">CANCEL</button>
</div>
</div>
</div>
</div>
<div class="card item-box" >
<div class="card-body-profile">
<div class="profile-forms">
<h5 class="card-title d-flex form-title">Share More with Us</h5>
<div class="row ">
<!-- #referee profile ========= -->
<div class="masonry-item w-100 visible-nomit" ng-show="user.role=='nomit'">
<div class="card item-box">
<div class="user-data-title">
<img class="user-update-img" src="assets/static/images/user-update.png" alt="">
<div class="testo">
<h5>Jobwatch</h5> EMPLOYMENT RIGHTS LEGAL CENTRE
</div>
</div>
<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-4 profile-form-row">
<h9 class="">Current Password</h9>
<input type="password" class="form-control" id="" placeholder="Password" required>
<h9 class="">Name</h9>
<input type="text" class="form-control" id="" placeholder="Jobwatch" value="" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">New Password</h9>
<input type="password" class="form-control" id="" placeholder="New Password" required>
<h9 class="">Business Type</h9>
<input type="text" class="form-control" id="" placeholder="Employment rights legal centre" value=""
required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Confirm New urrent Password</h9>
<input type="password" class="form-control" id="" placeholder="New Password" required>
<h9 class="">ABN</h9>
<input type="text" class="form-control" id="" placeholder="Last name" value="92 106 088 918"
required>
</div>
</div>
<button type="button" class="btn btn-gradient ">UPDATE</button>
<button type="button" class="btn btn-border ">CANCEL</button>
</div>
</div>
</div>
</div>
<div class="masonry-item w-100"> <!-- #change password ========= -->
<div class="card item-box" >
<div class="card-body-profile">
<div class="profile-forms">
<h5 class="card-title d-flex form-title"> Change Password</h5>
<div class="row ">
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Current Password</h9>
<input type="password" class="form-control" id="" placeholder="Password" required>
<h9 class="">Email Address</h9>
<input type="text" class="form-control" id="" placeholder="Email" value="info@test.com.au"
required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">New Password</h9>
<input type="password" class="form-control" id="" placeholder="New Password" required>
<h9 class="">Phone Number</h9>
<input type="text" class="form-control" id="" placeholder="Phone" value="9662 1933 "
required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Confirm New urrent Password</h9>
<input type="password" class="form-control" id="" placeholder="New Password" required>
<h9 class="">Website</h9>
<input type="text" class="form-control" id="" placeholder="Phone" value="http://jobwatch.org.au/"
required>
</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" id="inputAddress" placeholder="1/509 St Kilda Rd"
required>
</div>
<div class="form-group col-md-4 profile-form-row">
<h9 class="">City</h9>
<input type="text" class="form-control" id="inputCity" placeholder="Melbourne" required>
</div>
<div class="form-group col-md-2 profile-form-row">
<h9 class="">State</h9>
<input type="text" class="form-control" id="validationCustom04" placeholder="VIC" required>
</div>
<div class="form-group col-md-2 profile-form-row">
<h9 class="">Zip</h9>
<input type="text" class="form-control" id="inputZip" placeholder="3004" required>
</div>
</div>
<div class="row">
<div class="col-12 profile-form-row">
<h9 class="">Description</h9>
<textarea id="description" class="company-description" name="story" rows="5">Nomit is an Australian non-profit organisation supported, amongst others, by the Italian Consulate in Melbourne and the Victorian Multicultural Commission.</textarea>
</div>
</div>
<div class="row ">
<div class="col-3 profile-form-row">
<h9 class="">Twitter</h9>
<input type="text" class="form-control" id="" placeholder="Facebook" value="https://twitter.com/nomitnetwork">
</div>
<div class="col-3 profile-form-row">
<h9 class="">Facebook</h9>
<input type="text" class="form-control" id="" placeholder="Facebook" value="https://www.facebook.com/nomitnetwork">
</div>
<div class="col-3 profile-form-row">
<h9 class="">Instagram</h9>
<input type="text" class="form-control" id="" placeholder="Instagram" value="">
</div>
<div class="col-3 profile-form-row">
<h9 class="">Linkedin</h9>
<input type="text" class="form-control" id="" placeholder="Linkedin" value="https://www.linkedin.com/company/nomit/about/">
</div>
</div>
<button type="button" class="btn btn-gradient ">UPDATE</button>
<button type="button" class="btn btn-border ">CANCEL</button>
<button type="button" class="btn btn-cancel ">CANCEL</button>
</div>
</div>
</div>
</div>
<!-- #change password ========= -->
<div class="masonry-item w-100">
<div class="card item-box">
<div class="card-body-profile">
<div class="profile-forms">
<h5 class="card-title d-flex text-black-bold"> Change Password</h5>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Current Password</h9>
<input type="password" class="form-control" id="" placeholder="Password" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">New Password</h9>
<input type="password" class="form-control" id="" placeholder="New Password" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Confirm New urrent Password</h9>
<input type="password" class="form-control" id="" placeholder="New Password" required>
</div>
</div>
<button type="button" class="btn btn-gradient ">UPDATE</button>
<button type="button" class="btn btn-cancel ">CANCEL</button>
</div>
</div>
</div>
</div>
</div><!--content container-->
</div><!--page container-->
</main>
<!-- ### $App Screen Footer ### -->
${require('html-loader!./_footer.html')}
</div><!-- page-container -->
</div> <!-- App Content -->
</body>
</div>
<!--content container-->
</div>
<!--page container-->
</main>
<!-- ### $App Screen Footer ### -->
${require('html-loader!./_footer.html')}
</div><!-- page-container -->
</div> <!-- App Content -->
</body>
</html>

+ 0
- 123
src/sidebar.html View File

@ -1,123 +0,0 @@
<!-- #Left Sidebar ==================== -->
<div class="sidebar">
<div class="sidebar-inner">
<!-- ### $Sidebar Header ### -->
<div class="sidebar-logo">
<div class="peers ai-c fxw-nw">
<div class="peer peer-greed">
<a class="sidebar-link td-n" href="index.html">
<div class="peers ai-c fxw-nw">
<div class="peer">
<div class="logo">
<img src="assets/static/images/wisp_logo_white_vertical.svg" alt="">
</div>
</div>
</div>
</a>
</div>
<div class="peer">
<div class="mobile-toggle sidebar-toggle">
<a href="" class="td-n">
<i class="ti-arrow-circle-left"></i>
</a>
</div>
</div>
</div>
</div>
<!-- ### $Sidebar Menu ### -->
<ul class="sidebar-menu scrollable pos-r">
<li class="nav-item mT-30 active">
<a class="sidebar-link" href="index.html">
<span class="icon-holder">
<i class="c-white-500 ti-bar-chart"></i>
</span>
<span class="title">Dashboard</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="charts.html">
<span class="icon-holder">
<i class="c-white-500 ti-receipt"></i>
</span>
<span class="title">Ads</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="charts.html">
<span class="icon-holder">
<i class="c-white-500 ti-home"></i>
</span>
<span class="title">Profile</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="charts.html">
<span class="icon-holder">
<i class="c-white-500 fa fa-users"></i>
</span>
<span class="title">Users</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="charts.html">
<span class="icon-holder">
<i class="c-white-500 fa fa-building"></i>
</span>
<span class="title">Companies</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="charts.html">
<span class="icon-holder">
<i class="c-white-500 fa fa-crosshairs"></i>
</span>
<span class="title">Referees</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="forms.html">
<span class="icon-holder">
<i class="c-white-500 ti-comments"></i>
</span>
<span class="title">Reviews</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="charts.html">
<span class="icon-holder">
<i class="c-white-500 ti-calendar"></i>
</span>
<span class="title">Reports</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="calendar.html" >
<span class="icon-holder">
<i class="c-white-500 fa fa-history"></i>
</span>
<span class="title">History</span>
</a>
</li>
<li class="nav-item">
<a class="sidebar-link" href="ui.html">
<span class="icon-holder">
<i class="c-white-500 fa fa-cogs"></i>
</span>
<span class="title">Settings</span>
</a>
</li>
</ul>
</div>
</div>

Loading…
Cancel
Save