Hr Admin

  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')); }); })
NEW EMPLOYEE
51 13%
Analytics for last week
TOTAL EMPLOYEE
372 8%
Analytics for last Year
TOTAL SALARY
$25 k 4.26%
Analytics for last Month
AVG. SALARY
$1050 11.2%
Analytics for last Year
Salary Statistics
$23,056
Last Year
$8,150
Last Month
Developer
Marketing
Sales
JanJanFebFebMarchMarchAprAprMayMayJunJunJulyJulyAugAugSeptSeptOctOctNovNovDecDec10010090908080707060605050404030302020101000
Income Analysis
Design
4.55K
1.03%
Dev
7.44K
1.63%
SEO
2.33K
4.33%
Income Analysis by Domain
HospitalHospital RealEsate RealEsateEducationEducationERPERPBankingBankingOtherOther80080060060040040020020000
Statistics by Technology
ReactReactPHPPHPVueJsVueJsAngularAngularWordpressWordpressDotNetDotNet808060604040202000
Active Employee
Daily (Avg)
1.08K
1.03%
Weekly
3.20K
1.63%
Monthly
8.18K
4.33%
Reports overview

$7,431.14 USD

0% 100%
Name Change
Gross value $3,500.71 +12.1%
Net volume from sales $2,980.45 +6.9%
New volume from sales $950.00 -1.5%
Other 32 1.9%
Name Age Number Department
Dean Otto 22 +404-447-6013 React
K. Thornton 23 +404-447-6013 Angular
Kane D. 22 +404-447-4582 Laravel
Jack Bird 24 +404-447-3214 VueJs
Hughe L. 22 +404-447-2589 React
// top sparklines var randomizeArray = function(arg) { var array = arg.slice(); var currentIndex = array.length, temporaryValue, randomIndex; while (0 !== currentIndex) { randomIndex = Math.floor(Math.random() * currentIndex); currentIndex -= 1; temporaryValue = array[currentIndex]; array[currentIndex] = array[randomIndex]; array[randomIndex] = temporaryValue; } return array; } // data for the sparklines that appear below header area var sparklineData = [47, 45, 54, 38, 56, 24, 65, 31]; // topb big chart var spark5 = { chart: { type: 'line', height: 50, sparkline: { enabled: true }, }, stroke: { width: 3 }, colors: ['var(--chart-color4)'], series: [{ data: randomizeArray(sparklineData) }], series: [{ data: randomizeArray(sparklineData) }], } var spark5 = new ApexCharts(document.querySelector("#apexspark5"), spark5); spark5.render(); // Salary Statistics var options = { series: [{ name: 'Developer', data: [44, 55, 41, 67, 22, 43, 21, 49, 33, 29, 44, 38] }, { name: 'Marketing', data: [13, 23, 20, 8, 13, 27, 21, 49, 33, 29, 33, 12] }, { name: 'Sales', data: [11, 17, 21, 49, 33, 29, 15, 15, 21, 14, 15, 13] }], chart: { type: 'bar', height: 300, stacked: true, stackType: '100%', toolbar: { show: false, }, }, colors: ['var(--chart-color1)', 'var(--chart-color2)', 'var(--chart-color3)'], responsive: [{ breakpoint: 480, options: { legend: { position: 'bottom', offsetX: -10, offsetY: 0 } } }], xaxis: { categories: ['Jan', 'Feb', 'March', 'Apr', 'May', 'Jun', 'July', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec'], }, fill: { opacity: 1 }, dataLabels: { enabled: false, }, legend: { position: 'bottom', horizontalAlign: 'center', }, }; var chart = new ApexCharts(document.querySelector("#apex-SalaryStatistics"), options); chart.render(); // Income Analysis by Domain var options = { chart: { height: 200, type: 'bar', toolbar: { show: false, }, }, colors: ['var(--chart-color1)'], grid: { yaxis: { lines: { show: false, } }, padding: { top: 0, right: 0, bottom: 0, left: 0 }, }, plotOptions: { bar: { horizontal: true, } }, dataLabels: { enabled: false }, series: [{ data: [378, 430, 248, 470, 715, 89, ] }], xaxis: { categories: ['Hospital', ' RealEsate', 'Education', 'ERP', 'Banking', 'Other'], } } var chart = new ApexCharts(document.querySelector("#apex-AnalysisDomain"), options); chart.render(); // Statistics by Technology var options = { chart: { height: 200, type: 'bar', toolbar: { show: false, }, }, colors: ['var(--chart-color5)'], grid: { yaxis: { lines: { show: false, } }, padding: { top: 0, right: 0, bottom: 0, left: 0 }, }, plotOptions: { bar: { horizontal: true, } }, dataLabels: { enabled: false }, series: [{ data: [55, 75, 22, 49, 7, 39] }], xaxis: { categories: ['React', 'PHP', 'VueJs', 'Angular', 'Wordpress', 'DotNet'], } } var chart = new ApexCharts(document.querySelector("#apex-StatisticsbyTechnology"), options); chart.render(); // Income Analysis var options = { chart: { height: 270, type: 'donut', }, dataLabels: { enabled: false, }, legend: { position: 'top', horizontalAlign: 'center', show: false, }, colors: ['var(--chart-color1)', 'var(--chart-color2)', 'var(--chart-color3)'], series: [55, 35, 10], responsive: [{ breakpoint: 480, options: { chart: { width: 200 }, legend: { position: 'bottom' } } }] } var chart = new ApexCharts(document.querySelector("#apex-DeviceusebyStudent"), options); chart.render(); // DataTables $('#myDataTable').addClass('nowrap').dataTable({ responsive: true, searching: false, paging: false, ordering: true, info: false, });