Browse Source

Started routing

pull/146/head
Mohammed Tantawy 7 years ago
parent
commit
88da8d067a
12 changed files with 514 additions and 200 deletions
  1. +86
    -0
      src/assets/scripts/ads-details/ads-details.html
  2. +17
    -0
      src/assets/scripts/ads-details/ads.service.js
  3. +8
    -0
      src/assets/scripts/ads-details/controller.js
  4. +7
    -0
      src/assets/scripts/ads-details/index.js
  5. +88
    -0
      src/assets/scripts/ads/ads.html
  6. +6
    -0
      src/assets/scripts/ads/controller.js
  7. +6
    -0
      src/assets/scripts/ads/index.js
  8. +30
    -0
      src/assets/scripts/app/index.js
  9. +17
    -0
      src/assets/scripts/dashboard/controller.js
  10. +2
    -19
      src/assets/scripts/dashboard/index.js
  11. +3
    -0
      src/assets/scripts/index.js
  12. +244
    -181
      src/assets/scripts/nwSidebar/nwSidebar.html

+ 86
- 0
src/assets/scripts/ads-details/ads-details.html View File

@ -0,0 +1,86 @@
<main class='main-content bgc-grey-300'>
<div id='mainContent row'>
<div class="content-title mT-60">
<div class="ml-1 mb-3">
</div>
</div>
<div class=" gap-30 masonry pos-r ">
<!-- #content container ===== -->
<div class="masonry-sizer col-md-6 "></div>
<!-- ### Job Details Card ### -->
<div class="masonry-item w-50">
<div class="card">
<div class="row">
<div class="col-3 mt-4 ">
<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">
<h2 class="card-title mt-4 mr-4">Graphic Design Internship</h2>
<h6 class="card-title mr-4">Great Southern Press</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>
<p class="card-text ml-4 mr-4">Great Southern Press is a leading B2B publishing and events company built on
partnerships with industry. We deliver quality business information to our industries and great marketing
results to our clients.
We build long-lasting partnerships with our industry partners in the energy and infrastructure sectors,
aligning the success of our business with the continued growth and expansion of the industries we publish
for.
</p>
<h5 class="card-title mt-4 ml-4 mr-4">About the role:</h5>
<p class="card-text ml-4 mb-4 mr-4">This part-time role will suit a university graduate or someone looking
for an entry-level design position. The successful candidate will be involved in all areas of design
including:<br><br>
• Publication layout (annual directories, books etc).<br>
• Creation of artwork for print and online advertisements.<br>
• Wallcharts, flyers, brochures and other print design as required.<br>
• Event collateral including branding, signage, handbooks etc.<br>
• Designs for website, email communications and social media.<br><br>
Reporting to the Head of Design, you will have an opportunity to work with and be mentored by someone
with more than 10 years’ industry experience.
</p>
</div>
</div>
</div>
<!-- ### Other Info Card ### -->
<div class="masonry-item w-50">
<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">Melbourne, CBD & Inner Suburbs</p>
<h5 class="card-title mt-4 ml-4 mr-4">Application close:</h5>
<p class="card-text ml-4 mr-4">14th March 2019 (Friday)</p>
<h5 class="card-title mt-4 ml-4 mr-4">Skills:</h5>
<div class="ml-4 mb-4 btn btn-skills">Graphic Design</div>
<div class="ml-1 mb-4 btn btn-skills">Adobe Creaetive CC</div>
<div class="ml-1 mb-4 btn btn-skills">Illustration</div>
<p class="card-text ml-4 my-4"><small class="text-muted">Posted 3 days ago</small></p>
</div>
</div>
</div>
<!-- ### Buttons ### -->
<div class="masonry-item w-50 m-auto btn-centered-container ">
<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>
<!--content row-->
</main>

+ 17
- 0
src/assets/scripts/ads-details/ads.service.js View File

@ -0,0 +1,17 @@
const AdsDetailsService = ($http) => {
let serv = {};
serv.fetchAdsService = () =>{
return $http.get('https://nomitwisp-restapi.herokuapp.com/api/ads')
.then( (result) => {
console.log(result);
return result;
}, (error) => {
console.log(error);
return error;
});
}
return serv;
}
export default AdsDetailsService;

+ 8
- 0
src/assets/scripts/ads-details/controller.js View File

@ -0,0 +1,8 @@
const AdsDetailsController = async($scope, AdsDetailsService, $routeParams) => {
await AdsDetailsService.fetchAdsService()
.then((data) => {
$scope.ad = data[$routeParams.id];
})
}
export default AdsDetailsController;

+ 7
- 0
src/assets/scripts/ads-details/index.js View File

@ -0,0 +1,7 @@
import * as angular from 'angular';
import AdsDetailsController from './controller';
import AdsDetailsService from './ads.service'
angular.module('nwAdsDetails', [])
.controller(AdsDetailsController.name, AdsDetailsController)
.factory(AdsDetailsService.name, AdsDetailsService);

+ 88
- 0
src/assets/scripts/ads/ads.html View File

@ -0,0 +1,88 @@
<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">All Published 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="row gap-30">
<!-- ============== Job Ad ============== -->
<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">
<div class="card-title d-flex mx-2" style="justify-content:space-between; margin-bottom:0px; text-align: left;">
<h4>Graphic Designer </h4>
<div>
<a class='' href="" > <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">Sierra Delta Creative</small></p>
<div class="star-rating-display ml-2 mb-2" data-rating="2"><span class="is-vishidden">Two stars</span></div>
<p class="card-text mx-2 mb-2">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=" fa fa-chevron-right ml-1" style="color:#fff; font-size: 11px; font-weight: bolder;"></i>
</div>
</a>
</div>
</div>
<!-- ============== Job Ad ============== -->
<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">
<div class="card-title d-flex mx-2" style="justify-content:space-between; margin-bottom:0px; text-align: left;">
<h4>Graphic Designer </h4>
<div>
<a class='' href="" > <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">Sierra Delta Creative</small></p>
<div class="star-rating-display ml-2 mb-2" data-rating="2"><span class="is-vishidden">Two stars</span></div>
<p class="card-text mx-2 mb-2">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=" fa fa-chevron-right ml-1" style="color:#fff; font-size: 11px; font-weight: bolder;"></i>
</div>
</a>
</div>
</div>
<!-- ============== Job Ad ============== -->
<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">
<div class="card-title d-flex mx-2" style="justify-content:space-between; margin-bottom:0px; text-align: left;">
<h4>Graphic Designer </h4>
<div>
<a class='' href="" > <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">Sierra Delta Creative</small></p>
<div class="star-rating-display ml-2 mb-2" data-rating="2"><span class="is-vishidden">Two stars</span></div>
<p class="card-text mx-2 mb-2">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=" 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>

+ 6
- 0
src/assets/scripts/ads/controller.js View File

@ -0,0 +1,6 @@
/** @ngInject */
const AdsController = ($scope) => {
}
export default AdsController;

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

@ -0,0 +1,6 @@
import * as angular from 'angular';
import AdsController from './controller';
angular.module('nwAds', [])
.controller(AdsController.name, AdsController);

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

@ -9,6 +9,8 @@ angular.module('NomitWisp',
'NomitWisp-Footer',
'nwDashboard',
'nwLogout',
'nwAds',
'nwAdsDetails',
ngRoute
])
@ -18,6 +20,34 @@ angular.module('NomitWisp',
controller: 'DashboardController',
templateUrl: 'assets/scripts/dashboard/dashboard.html'
})
.when('/ads', {
controller: 'AdsController',
templateUrl: 'assets/scripts/ads/ads.html'
})
.when('/ads/:id',{
controller: 'AdsDetailsController',
templateUrl: 'assets/scripts/ads-details/ads-details.html'
})
// .when('/profile', {
// controller: 'ProfileController',
// templateUrl: ''
// })
// .when('/users', {
// controller: 'UsersController',
// templateUrl: ''
// })
// .when('/companies', {
// controller: 'CompaniesController',
// templateUrl: ''
// })
// .when('/referees', {
// controller: 'RefereesController',
// templateUrl: ''
// })
// .when('/reports', {
// controller: 'ReportsController',
// templateUrl: ''
// })
.otherwise({
redirectTo: '/'
});

+ 17
- 0
src/assets/scripts/dashboard/controller.js View File

@ -0,0 +1,17 @@
/** @ngInject */
const DashboardController = ($scope, $cookies) => {
const token = $cookies.get('access_token');
console.log(token);
if(typeof(token) !== "undefined"){
$scope.user = parseJwt( token );
}
}
function parseJwt(token) {
var base64Url = token.split('.')[1];
var base64 = base64Url.replace('-', '+').replace('_', '/');
return JSON.parse(window.atob(base64));
};
export default DashboardController;

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

@ -1,23 +1,6 @@
import * as angular from 'angular';
import ngCookies from 'angular-cookies';
import DashboardController from './controller';
angular.module('nwDashboard', [ngCookies])
.controller('DashboardController', DashboardController);
/** @ngInject */
function DashboardController($scope, $cookies){
// service carica dashboard
// jquery per grafici
const token = $cookies.get('access_token');
console.log(token);
if(typeof(token) !== "undefined"){
$scope.user = parseJwt( token );
}
}
function parseJwt(token) {
var base64Url = token.split('.')[1];
var base64 = base64Url.replace('-', '+').replace('_', '/');
return JSON.parse(window.atob(base64));
};
.controller(DashboardController.name, DashboardController);

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

@ -23,4 +23,7 @@ import './nwFooter';
import './nwSidebar';
import './nwTopbar';
import './dashboard'
import './ads';
import './ads-details';
import './app';

+ 244
- 181
src/assets/scripts/nwSidebar/nwSidebar.html View File

@ -1,94 +1,158 @@
<!-- #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">
<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 105.6869278 99.4877319" style="enable-background:new 0 0 105.6869278 99.4877319;" xml:space="preserve">
<style type="text/css">
.logost0{fill:url(#LOGOSVGID_1_);}
.logost1{fill:url(#LOGOSVGID_2_);}
.logost2{fill:url(#LOGOSVGID_3_);}
.logost3{fill:url(#LOGOSVGID_4_);}
.logost4{fill:url(#LOGOSVGID_5_);}
.logost5{fill:url(#LOGOSVGID_6_);}
.logost6{fill:url(#LOGOSVGID_7_);}
.logost7{fill:url(#LOGOSVGID_8_);}
.logost8{fill:url(#LOGOSVGID_9_);}
.logost9{fill:url(#LOGOSVGID_10_);}
.logost10{fill:url(#LOGOSVGID_11_);}
.logost11{fill:#FFFFFF;}
.logost12{fill:url(#LOGOSVGID_12_);}
.logost13{fill:url(#LOGOSVGID_13_);}
.logost14{fill:url(#LOGOSVGID_14_);}
.logost15{fill:url(#LOGOSVGID_15_);}
.logost16{fill:url(#LOGOSVGID_16_);}
.logost17{fill:url(#LOGOSVGID_17_);}
.logost18{fill:url(#LOGOSVGID_18_);}
.logost19{fill:url(#LOGOSVGID_19_);}
</style>
<g>
<g>
<linearGradient id="LOGOSVGID_1_" gradientUnits="userSpaceOnUse" x1="14.6859789" y1="5.9550242" x2="40.6093216" y2="50.8555679">
<stop offset="0" style="stop-color:#8B00B1"/>
<stop offset="0" style="stop-color:#FFFFFF"/>
<stop offset="0.3073062" style="stop-color:#FDFDFD"/>
<stop offset="0.4651366" style="stop-color:#F5F5F5"/>
<stop offset="0.5889232" style="stop-color:#E8E8E8"/>
<stop offset="0.6943781" style="stop-color:#D5D5D5"/>
<stop offset="0.7869266" style="stop-color:#BDBDBD"/>
<stop offset="0.8250626" style="stop-color:#BABABA"/>
<stop offset="1" style="stop-color:#B8B8B8"/>
</linearGradient>
<path class="logost0" d="M34.0411263,51.2930908l-0.000946,0.000946c0.133606-0.133606,0.2475319-0.267025,0.3764076-0.400631
<!-- #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">
<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 105.6869278 99.4877319" style="enable-background:new 0 0 105.6869278 99.4877319;"
xml:space="preserve">
<style type="text/css">
.logost0 {
fill: url(#LOGOSVGID_1_);
}
.logost1 {
fill: url(#LOGOSVGID_2_);
}
.logost2 {
fill: url(#LOGOSVGID_3_);
}
.logost3 {
fill: url(#LOGOSVGID_4_);
}
.logost4 {
fill: url(#LOGOSVGID_5_);
}
.logost5 {
fill: url(#LOGOSVGID_6_);
}
.logost6 {
fill: url(#LOGOSVGID_7_);
}
.logost7 {
fill: url(#LOGOSVGID_8_);
}
.logost8 {
fill: url(#LOGOSVGID_9_);
}
.logost9 {
fill: url(#LOGOSVGID_10_);
}
.logost10 {
fill: url(#LOGOSVGID_11_);
}
.logost11 {
fill: #FFFFFF;
}
.logost12 {
fill: url(#LOGOSVGID_12_);
}
.logost13 {
fill: url(#LOGOSVGID_13_);
}
.logost14 {
fill: url(#LOGOSVGID_14_);
}
.logost15 {
fill: url(#LOGOSVGID_15_);
}
.logost16 {
fill: url(#LOGOSVGID_16_);
}
.logost17 {
fill: url(#LOGOSVGID_17_);
}
.logost18 {
fill: url(#LOGOSVGID_18_);
}
.logost19 {
fill: url(#LOGOSVGID_19_);
}
</style>
<g>
<g>
<linearGradient id="LOGOSVGID_1_" gradientUnits="userSpaceOnUse" x1="14.6859789" y1="5.9550242"
x2="40.6093216" y2="50.8555679">
<stop offset="0" style="stop-color:#8B00B1" />
<stop offset="0" style="stop-color:#FFFFFF" />
<stop offset="0.3073062" style="stop-color:#FDFDFD" />
<stop offset="0.4651366" style="stop-color:#F5F5F5" />
<stop offset="0.5889232" style="stop-color:#E8E8E8" />
<stop offset="0.6943781" style="stop-color:#D5D5D5" />
<stop offset="0.7869266" style="stop-color:#BDBDBD" />
<stop offset="0.8250626" style="stop-color:#BABABA" />
<stop offset="1" style="stop-color:#B8B8B8" />
</linearGradient>
<path class="logost0" d="M34.0411263,51.2930908l-0.000946,0.000946c0.133606-0.133606,0.2475319-0.267025,0.3764076-0.400631
l-6.2885551-6.2883644l-1.0298615-1.0298615L11.6509991,28.1280079l4.1192579-4.119257l12.3577757-12.3577757l4.1192589,4.1192579
l10.4199219,10.4199238l5.6803284-5.6805153l-5.6803284,5.6805153l0,0l7.8507576-7.8509464l0.3875732-0.3875694
L36.3665504,3.4125531c-4.5501671-4.5500708-11.9270592-4.5500708-16.4770355,0L3.412482,19.889492
c-4.5499759,4.5499763-4.5499759,11.9269619,0,16.4770317l16.4770336,16.4769402
c4.5499763,4.549881,11.9268684,4.549881,16.4770355,0v-0.0000954l-1.937851-1.937851L34.0411263,51.2930908z"/>
<path class="logost11" d="M102.2743073,19.889492L85.7972717,3.4125531l-8.238327,8.2384224l12.3577728,12.3577757l4.119072,4.119257
c4.5499763,4.549881,11.9268684,4.549881,16.4770355,0v-0.0000954l-1.937851-1.937851L34.0411263,51.2930908z" />
<path class="logost11" d="M102.2743073,19.889492L85.7972717,3.4125531l-8.238327,8.2384224l12.3577728,12.3577757l4.119072,4.119257
L81.6781998,40.4857826l-4.1192551,4.1192589L63.3077888,30.3538876l-0.3875694,0.3875713l-7.8507576,7.8509445
l14.2509651,14.2509651v0.0000954c4.5499725,4.549881,11.9270554,4.549881,16.4768448,0l16.4770355-16.4769402
C106.8244705,31.8164539,106.8244705,24.4394684,102.2743073,19.889492z"/>
<g>
<linearGradient id="LOGOSVGID_2_" gradientUnits="userSpaceOnUse" x1="24.0086803" y1="56.9627228" x2="81.6780624" y2="-0.7066581">
<stop offset="0" style="stop-color:#8B00B1"/>
<stop offset="0" style="stop-color:#FFFFFF"/>
<stop offset="0.3235791" style="stop-color:#FDFDFD"/>
<stop offset="0.5064212" style="stop-color:#F4F4F4"/>
<stop offset="0.6542051" style="stop-color:#E7E7E7"/>
<stop offset="0.7824864" style="stop-color:#D3D3D3"/>
<stop offset="0.885314" style="stop-color:#BDBDBD"/>
<stop offset="0.9058406" style="stop-color:#BABABA"/>
<stop offset="1" style="stop-color:#B8B8B8"/>
</linearGradient>
<path class="logost1" d="M69.3204269,3.4125531L52.8433952,19.889492l-8.2383308,8.2385159l-1.0298615,1.0298634
C106.8244705,31.8164539,106.8244705,24.4394684,102.2743073,19.889492z" />
<g>
<linearGradient id="LOGOSVGID_2_" gradientUnits="userSpaceOnUse" x1="24.0086803" y1="56.9627228"
x2="81.6780624" y2="-0.7066581">
<stop offset="0" style="stop-color:#8B00B1" />
<stop offset="0" style="stop-color:#FFFFFF" />
<stop offset="0.3235791" style="stop-color:#FDFDFD" />
<stop offset="0.5064212" style="stop-color:#F4F4F4" />
<stop offset="0.6542051" style="stop-color:#E7E7E7" />
<stop offset="0.7824864" style="stop-color:#D3D3D3" />
<stop offset="0.885314" style="stop-color:#BDBDBD" />
<stop offset="0.9058406" style="stop-color:#BABABA" />
<stop offset="1" style="stop-color:#B8B8B8" />
</linearGradient>
<path class="logost1" d="M69.3204269,3.4125531L52.8433952,19.889492l-8.2383308,8.2385159l-1.0298615,1.0298634
L28.1280327,44.6050415l-8.2385178,8.2385178c4.5497875,4.5495033,11.9257336,4.5496902,16.4760895,0.0007553l0.000946-0.000946
l24.7153587-24.7153606l15.4471741-15.4471712l1.0298615-1.0298615l8.238327-8.2384224
C81.2474823-1.1375177,73.8703995-1.1375177,69.3204269,3.4125531z"/>
<linearGradient id="LOGOSVGID_3_" gradientUnits="userSpaceOnUse" x1="44.6050186" y1="28.1279621" x2="50.673008" y2="22.0599709">
<stop offset="0" style="stop-color:#8B00B1"/>
<stop offset="0" style="stop-color:#FFFFFF"/>
<stop offset="0.3235791" style="stop-color:#FDFDFD"/>
<stop offset="0.5064212" style="stop-color:#F4F4F4"/>
<stop offset="0.6542051" style="stop-color:#E7E7E7"/>
<stop offset="0.7824864" style="stop-color:#D3D3D3"/>
<stop offset="0.885314" style="stop-color:#BDBDBD"/>
<stop offset="0.9058406" style="stop-color:#BABABA"/>
<stop offset="1" style="stop-color:#B8B8B8"/>
</linearGradient>
<polygon class="logost2" points="44.6050644,28.1279144 44.6050644,28.1280079 50.6729622,22.0599232 "/>
</g>
</g>
<g>
<path class="logost11" d="M39.1436119,81.5978546c0,1.7324905-0.7470245,3.3397293-2.2410698,4.8207779
C81.2474823-1.1375177,73.8703995-1.1375177,69.3204269,3.4125531z" />
<linearGradient id="LOGOSVGID_3_" gradientUnits="userSpaceOnUse" x1="44.6050186" y1="28.1279621"
x2="50.673008" y2="22.0599709">
<stop offset="0" style="stop-color:#8B00B1" />
<stop offset="0" style="stop-color:#FFFFFF" />
<stop offset="0.3235791" style="stop-color:#FDFDFD" />
<stop offset="0.5064212" style="stop-color:#F4F4F4" />
<stop offset="0.6542051" style="stop-color:#E7E7E7" />
<stop offset="0.7824864" style="stop-color:#D3D3D3" />
<stop offset="0.885314" style="stop-color:#BDBDBD" />
<stop offset="0.9058406" style="stop-color:#BABABA" />
<stop offset="1" style="stop-color:#B8B8B8" />
</linearGradient>
<polygon class="logost2" points="44.6050644,28.1279144 44.6050644,28.1280079 50.6729622,22.0599232 " />
</g>
</g>
<g>
<path class="logost11" d="M39.1436119,81.5978546c0,1.7324905-0.7470245,3.3397293-2.2410698,4.8207779
c-1.4940453,1.4819946-3.1073112,2.2220459-4.839798,2.2220459h-1.7324848c-0.9543877,0-2.0590687-0.3452988-3.314043-1.0361938
c-0.2764874-0.1534653-0.6785355-0.4737091-1.2055092-0.9597778h-0.1128788
c-0.3766823,0.460701-1.0672665,0.9087296-2.0717525,1.3434296c-1.0044861,0.4356613-1.820631,0.6525421-2.4478016,0.6525421
@ -100,11 +164,11 @@
v6.7419128c0,0.3766861,0.2587318,0.8228073,0.7768288,1.3370972c0.5180969,0.5149307,0.9670715,0.7720718,1.3462906,0.7720718
h1.74263c0.3792191,0,0.8275604-0.2571411,1.3456573-0.7720718c0.5174637-0.5142899,0.777462-0.9604111,0.777462-1.3370972
v-6.7419128c0.372879-1.3805313,1.2086792-2.071434,2.5042381-2.071434c1.2448273,0,2.0552673,0.6909027,2.4294128,2.071434
V81.5978546z"/>
<path class="logost11" d="M50.1029091,86.4887009c-0.2764854,1.4347534-1.1046791,2.1519775-2.4852142,2.1519775
V81.5978546z" />
<path class="logost11" d="M50.1029091,86.4887009c-0.2764854,1.4347534-1.1046791,2.1519775-2.4852142,2.1519775
c-1.305706,0-2.1224823-0.6788559-2.4484329-2.0384598V74.8232803c0.3259506-1.3589706,1.1427269-2.0387726,2.4484329-2.0387726
c1.3805351,0,2.2087288,0.7175369,2.4852142,2.1522903V86.4887009z"/>
<path class="logost11" d="M72.098877,87.6992874c0,1.2559204-0.6087799,2.4858475-1.8263397,3.69104
c1.3805351,0,2.2087288,0.7175369,2.4852142,2.1522903V86.4887009z" />
<path class="logost11" d="M72.098877,87.6992874c0,1.2559204-0.6087799,2.4858475-1.8263397,3.69104
c-1.2188263,1.2051926-2.4547806,1.8076324-3.7097473,1.8076324h-2.7496567
c-1.3558044-0.3519516-2.0343399-1.1798248-2.0343399-2.4855347c0-1.2552872,0.6734619-2.0717468,2.0203896-2.4481125h2.2816505
c0.7222977-0.2260742,1.0843887-0.6902695,1.0843887-1.3935394c0-0.7279968-0.3633652-1.2051926-1.088829-1.4312668h-4.2411613
@ -112,9 +176,8 @@
c0-1.2841415,0.6214638-2.531189,1.8643875-3.7398682c1.2422905-1.2086868,2.5042381-1.8130264,3.7852135-1.8130264h2.5987282
c1.4052658,0.2742691,2.109169,1.1091232,2.109169,2.5045547c0,1.2711487-0.6607819,2.0809479-1.982338,2.4294128h-2.3564873
c-0.7235603,0.2064133-1.085022,0.683609-1.085022,1.430954c0,0.72229,0.3627319,1.1994858,1.088829,1.4312592H66.58181
c1.2505341,0,2.4833145,0.6091003,3.696434,1.8266602c1.2131195,1.2181931,1.8206329,2.4544601,1.8206329,3.7097473V87.6992874z"
/>
<path class="logost11" d="M93.2653732,81.5642471c0,1.7407303-0.7432175,3.3555832-2.2296524,4.8439178
c1.2505341,0,2.4833145,0.6091003,3.696434,1.8266602c1.2131195,1.2181931,1.8206329,2.4544601,1.8206329,3.7097473V87.6992874z" />
<path class="logost11" d="M93.2653732,81.5642471c0,1.7407303-0.7432175,3.3555832-2.2296524,4.8439178
c-1.4864349,1.4886551-3.0997009,2.2325134-4.8385239,2.2325134h-1.7007828c-0.5035095,0-1.1966324-0.1880264-2.0787277-0.5647125
v9.2651825c-0.2764893,1.4309464-1.1046829,2.1465836-2.4852142,2.1465836c-1.3057022,0-2.1224823-0.6791687-2.4484329-2.0365601
V74.7836456c0-0.175972,0.0875092-0.4147263,0.2638016-0.7165833c0.5517044-0.9052429,1.2809753-1.3577042,2.1846313-1.3577042
@ -124,107 +187,107 @@
c-0.5276108-0.4860687-1.0044861-0.7289505-1.4312668-0.7289505h-1.4686813c-0.4274139,0-0.903656,0.2492218-1.4312668,0.748291
c-0.5276108,0.4990768-0.7914124,0.9658051-0.7914124,1.4008255v1.7654648c0,0.3836594,0.2574615,0.8380203,0.7723923,1.3621445
c0.5149231,0.5250702,0.9607315,0.786972,1.3367767,0.786972h1.6957016c0.3766861,0,0.8218536-0.2619019,1.3367767-0.786972
C88.0736313,82.3959274,88.3317261,81.9415665,88.3317261,81.5579071z"/>
</g>
</g>
</svg>
</div>
</div>
C88.0736313,82.3959274,88.3317261,81.9415665,88.3317261,81.5579071z" />
</g>
</g>
</svg>
</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>
</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 fa fa-bar-chart text-white"></i>
</span>
<span class="title text-white font-weight-bold">Dashboard</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="ads.html">
<span class="icon-holder">
<i class="c-white-500 fa fa-briefcase text-white"></i>
</span>
<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">
<i class="c-white-500 fa fa-user-circle-o text-white"></i>
</span>
<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">
<i class="c-white-500 fa fa-users text-white"></i>
</span>
<span class="title text-white font-weight-bold">Users</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="companies.html">
<span class="icon-holder">
<i class="c-white-500 fa fa-building text-white"></i>
</span>
<span class="title text-white font-weight-bold">Companies</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="referees.html">
<span class="icon-holder">
<i class="c-white-500 fa fa-anchor text-white"></i>
</span>
<span class="title text-white font-weight-bold">Referees</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="reports.html">
<span class="icon-holder">
<i class="c-white-500 fa fa-calendar-check-o text-white"></i>
</span>
<span class="title text-white font-weight-bold">Reports</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="#">
<span class="icon-holder">
<i class="c-white-500 fa fa-history text-white"></i>
</span>
<span class="title text-white font-weight-bold">History</span>
</a>
</li>
<div class="mx-auto" style="width: 40px;">
<br>
<input type="checkbox" class="switch">
</div>
<!-- ### $Sidebar Menu ### -->
<ul class="sidebar-menu scrollable pos-r">
<li class="nav-item mT-30 active">
<a class="sidebar-link" href="/">
<span class="icon-holder">
<i class="c-white-500 fa fa-bar-chart text-white"></i>
</span>
<span class="title text-white font-weight-bold">Dashboard</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="#!ads">
<span class="icon-holder">
<i class="c-white-500 fa fa-briefcase text-white"></i>
</span>
<span class="title text-white font-weight-bold">My Ads</span>
</a>
</li>
</ul>
<li class="nav-item">
<a class='sidebar-link' href="#!profile">
<span class="icon-holder">
<i class="c-white-500 fa fa-user-circle-o text-white"></i>
</span>
<span class="title text-white font-weight-bold">Profile</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="#!users">
<span class="icon-holder">
<i class="c-white-500 fa fa-users text-white"></i>
</span>
<span class="title text-white font-weight-bold">Users</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="#!companies">
<span class="icon-holder">
<i class="c-white-500 fa fa-building text-white"></i>
</span>
<span class="title text-white font-weight-bold">Companies</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="#!referees">
<span class="icon-holder">
<i class="c-white-500 fa fa-anchor text-white"></i>
</span>
<span class="title text-white font-weight-bold">Referees</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="#!reports">
<span class="icon-holder">
<i class="c-white-500 fa fa-calendar-check-o text-white"></i>
</span>
<span class="title text-white font-weight-bold">Reports</span>
</a>
</li>
<li class="nav-item">
<a class='sidebar-link' href="#">
<span class="icon-holder">
<i class="c-white-500 fa fa-history text-white"></i>
</span>
<span class="title text-white font-weight-bold">History</span>
</a>
</li>
<div class="mx-auto" style="width: 40px;">
<br>
<input type="checkbox" class="switch">
</div>
</ul>
</div>
</div>
</div>

Loading…
Cancel
Save