Job Portal

  1. Home
  2. Dashboard

Welcome back, Allie!

You have 12 new messages and 7 new notifications.
// date range picker $(function() { $('input[name="daterange"]').daterangepicker({ opens: 'left' }, function(start, end, label) { console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD')); }); })
Applications
10.5K 2.55%
Company
814 18.60%
Shortlisted
5.2K 3.08%
On-Hold
2.2K 1.72%
Vacancies
24 Recomended
Vacancies
12 Saved
Vacancies
7 Sent
Vacancies
24 Feedback
Job Statistic
Application
Sortlist
Rejected
JanJanFebFebMarchMarchAprAprMayMayJunJunJulyJulyAugAugSeptSeptOctOctNovNovDecDec100100808060604040202000
Job Vacancy
Government
Private
Candidates by Gender
Male
Female
Angular Developer
ThemeMakker inc. (Paris, France)

$5k - $9k

Ful-Time Vacancy. 12
Required Skills
  • Angular CLI, AngularJs
  • NPM, Git, TypeScript
  • HTML, SCSS
  • Communication
React Developer
ThemeMakker inc. (NY, USA)

$11k - $15k

Remote Vacancy. 8
Required Skills
  • ReactJS, Redux
  • Node + NPM
  • HTML + CSS & JavaScript
  • Communication
Fullstack Developer
ThemeMakker inc. (DC, USA)

$17k - $21k

Part-Time Vacancy. 23
Required Skills
  • MEAN, RoR & Django
  • Database & Web Storage
  • HTML, SCSS
  • Communication
Manuella Nevoresky
Web Designer
Phone
+123 456 789
Email ID
eliana.smith@info.com
  • Photoshop
  • illustrator
  • HTML
  • CSS
Top Referrers
Direct
514 Pageview
Google
784 Pageview
Jobs.lever.co.uk
105 Pageview
Mail Campaign
215 Pageview
Facebook Campaign
980 Pageview
linkedin Post
348 Pageview
Direct
514 Pageview
Loan to Value
Percent %43

$25,480

Loan Balance
102.10%
Debt Service Coverage
Debt Yield
22.74%
// Job Statistic var options = { series: [{ name: "Application", data: [87, 57, 74, 39, 75, 38, 62, 47, 42, 56, 45, 47] }, { name: "Sortlist", data: [45, 52, 38, 24, 33, 26, 21, 20, 16, 18, 15, 10] }, { name: "Rejected", data: [22, 11, 15, 28, 10, 27, 23, 19, 15, 21, 26, 28] }], chart: { height: 300, type: 'line', // line, bar, area toolbar: { show: false, }, zoom: { enabled: false }, }, responsive: [{ breakpoint: 1200, options: { chart: { height: 345, }, } }], colors: ['var(--chart-color2)', 'var(--chart-color5)', 'var(--chart-color4)'], dataLabels: { enabled: false }, stroke: { width: [3, 4, 2], curve: 'smooth', // straight, smooth dashArray: [5] }, legend: { tooltipHoverFormatter: function(val, opts) { return val + ' - ' + opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] + '' } }, markers: { size: 0, hover: { sizeOffset: 6 } }, xaxis: { categories: ['Jan', 'Feb', 'March', 'Apr', 'May', 'Jun', 'July', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec'], }, tooltip: { y: [{ title: { formatter: function(val) { return val + " (People)" } } }, { title: { formatter: function(val) { return val + " (People)" } } }] }, }; var chart = new ApexCharts(document.querySelector("#apex-JobStatistic"), options); chart.render(); // Job Vacancy var options = { series: [32, 68], chart: { type: 'donut', width: 300, toolbar: { show: false, }, }, responsive: [{ breakpoint: 1200, options: { chart: { width: 260 }, legend: { position: 'bottom' } } }], labels: ['Government', 'Private'], colors: ['var(--chart-color2)', 'var(--chart-color1)'], dataLabels: { enabled: false }, legend: { position: 'bottom', // top, bottom enabled: false } }; var chart = new ApexCharts(document.querySelector("#apex-JobVacancy"), options); chart.render(); // Candidates by Gender var options = { series: [81, 19], chart: { type: 'donut', width: 300, toolbar: { show: false, }, }, responsive: [{ breakpoint: 1200, options: { chart: { width: 260 }, legend: { position: 'bottom' } } }], labels: ['Male', 'Female'], colors: ['var(--chart-color3)', 'var(--chart-color4)'], dataLabels: { enabled: false }, legend: { position: 'bottom', // top, bottom enabled: false } }; var chart = new ApexCharts(document.querySelector("#apex-CandidatesbyGender"), options); chart.render(); // Loan to Value var options = { series: [43], chart: { height: 220, type: 'radialBar', toolbar: { show: false } }, plotOptions: { radialBar: { startAngle: -135, endAngle: 225, hollow: { margin: 0, size: '70%', background: '#fff', image: undefined, imageOffsetX: 0, imageOffsetY: 0, position: 'front', dropShadow: { enabled: true, top: 3, left: 0, blur: 4, opacity: 0.24 } }, track: { background: '#fff', strokeWidth: '70%', margin: 0, // margin is in pixels dropShadow: { enabled: true, top: -3, left: 0, blur: 4, opacity: 0.35 } }, dataLabels: { show: true, name: { offsetY: -10, show: true, color: '#888', fontSize: '17px' }, value: { formatter: function(val) { return parseInt(val); }, color: '#111', fontSize: '36px', show: true, } } } }, fill: { type: 'gradient', gradient: { shade: 'dark', type: 'horizontal', shadeIntensity: 0.5, gradientToColors: ['var(--chart-color1)'], inverseColors: true, opacityFrom: 1, opacityTo: 1, stops: [0, 100] } }, colors: ['var(--chart-color2)'], stroke: { lineCap: 'round' }, labels: ['Percent %'], }; var chart = new ApexCharts(document.querySelector("#apex-LoantoValue"), options); chart.render();