first commit
This commit is contained in:
399
public/assets/js/pages/dashboard-job.init.js
Normal file
399
public/assets/js/pages/dashboard-job.init.js
Normal file
@ -0,0 +1,399 @@
|
||||
function getChartColorsArray(e) {
|
||||
if (null !== document.getElementById(e)) {
|
||||
var a = document.getElementById(e).getAttribute("data-colors");
|
||||
if (a) return (a = JSON.parse(a)).map(function(e) {
|
||||
var a = e.replace(" ", "");
|
||||
return -1 === a.indexOf(",") ? getComputedStyle(document.documentElement).getPropertyValue(a) || a : 2 == (e = e.split(",")).length ? "rgba(" + getComputedStyle(document.documentElement).getPropertyValue(e[0]) + "," + e[1] + ")" : a
|
||||
});
|
||||
console.warn("data-colors atributes not found on", e)
|
||||
}
|
||||
}
|
||||
var worldemapmarkers, jobListAll, searchResultList, options, chart, linechartDashedColors = getChartColorsArray("line_chart_dashed"),
|
||||
chartDonutBasicColors = (linechartDashedColors && (options = {
|
||||
chart: {
|
||||
height: 345,
|
||||
type: "line",
|
||||
zoom: {
|
||||
enabled: !1
|
||||
},
|
||||
toolbar: {
|
||||
show: !1
|
||||
}
|
||||
},
|
||||
colors: linechartDashedColors,
|
||||
dataLabels: {
|
||||
enabled: !1
|
||||
},
|
||||
stroke: {
|
||||
width: [3, 4, 3],
|
||||
curve: "straight",
|
||||
dashArray: [0, 8, 5]
|
||||
},
|
||||
series: [{
|
||||
name: "New Application",
|
||||
data: [89, 56, 74, 98, 72, 38, 64, 46, 84, 58, 46, 49]
|
||||
}, {
|
||||
name: "Interview",
|
||||
data: [45, 52, 38, 24, 33, 26, 21, 20, 6, 8, 15, 10]
|
||||
}, {
|
||||
name: " Hired",
|
||||
data: [36, 42, 60, 42, 13, 18, 29, 37, 36, 51, 32, 35]
|
||||
}],
|
||||
markers: {
|
||||
size: 0,
|
||||
hover: {
|
||||
sizeOffset: 6
|
||||
}
|
||||
},
|
||||
xaxis: {
|
||||
categories: ["01 Jan", "02 Jan", "03 Jan", "04 Jan", "05 Jan", "06 Jan", "07 Jan", "08 Jan", "09 Jan", "10 Jan", "11 Jan", "12 Jan"]
|
||||
},
|
||||
grid: {
|
||||
borderColor: "#f1f1f1"
|
||||
}
|
||||
}, (chart = new ApexCharts(document.querySelector("#line_chart_dashed"), options)).render()), getChartColorsArray("store-visits-source")),
|
||||
vectorMapWorldMarkersColors = (chartDonutBasicColors && (options = {
|
||||
series: [44, 55, 41, 17, 15],
|
||||
labels: ["Direct", "Social", "Email", "Other", "Referrals"],
|
||||
chart: {
|
||||
height: 333,
|
||||
type: "donut"
|
||||
},
|
||||
legend: {
|
||||
position: "bottom"
|
||||
},
|
||||
stroke: {
|
||||
show: !1
|
||||
},
|
||||
dataLabels: {
|
||||
dropShadow: {
|
||||
enabled: !1
|
||||
}
|
||||
},
|
||||
colors: chartDonutBasicColors
|
||||
}, (chart = new ApexCharts(document.querySelector("#store-visits-source"), options)).render()), getChartColorsArray("sales-by-locations")),
|
||||
jobListAllData = (vectorMapWorldMarkersColors && (worldemapmarkers = new jsVectorMap({
|
||||
map: "world_merc",
|
||||
selector: "#sales-by-locations",
|
||||
zoomOnScroll: !1,
|
||||
zoomButtons: !1,
|
||||
selectedMarkers: [0, 5],
|
||||
regionStyle: {
|
||||
initial: {
|
||||
stroke: "#9599ad",
|
||||
strokeWidth: .25,
|
||||
fill: vectorMapWorldMarkersColors[0],
|
||||
fillOpacity: 1
|
||||
}
|
||||
},
|
||||
markersSelectable: !0,
|
||||
markers: [{
|
||||
name: "Palestine",
|
||||
coords: [31.9474, 35.2272]
|
||||
}, {
|
||||
name: "Russia",
|
||||
coords: [61.524, 105.3188]
|
||||
}, {
|
||||
name: "Canada",
|
||||
coords: [56.1304, -106.3468]
|
||||
}, {
|
||||
name: "Greenland",
|
||||
coords: [71.7069, -42.6043]
|
||||
}],
|
||||
markerStyle: {
|
||||
initial: {
|
||||
fill: vectorMapWorldMarkersColors[1]
|
||||
},
|
||||
selected: {
|
||||
fill: vectorMapWorldMarkersColors[2]
|
||||
}
|
||||
},
|
||||
labels: {
|
||||
markers: {
|
||||
render: function(e) {
|
||||
return e.name
|
||||
}
|
||||
}
|
||||
}
|
||||
})), [
|
||||
["Marketing Director", "Meta4Systems", "Vinninga, Sweden", "$250 - $800", "0-5 year", "Full Time"],
|
||||
["UI/UX designer", "Zoetic Fashion", "Cullera, Spain", "$400+", "0-2 year", "Part Time"],
|
||||
["Web Designer", "Force Medicines", "Ugashik, US", "$412 - $241 ", "3+ year", "Freelancer"],
|
||||
["Full Stack Engineer", "Syntyce Solutions", "Zuweihir, UAE", "$650 - $900", "0-1+ year", "Full Time"],
|
||||
["Assistant / Store Keeper", "Moetic Fashion", "Limestone, US", "$340 - $800", "0-3 year", "Intership"],
|
||||
["Project Manager", "Themesbrand", "California, US", "$400 - $600", "3+ year", "Part Time"],
|
||||
["Education Training", "Micro Design", "Germany", "$750 - $940", "1.5+ year", "Freelancer"],
|
||||
["Graphic Designer", "Digitech Galaxy", "Mughairah, UAE", "$160 - $230", "2-3+ year", "Full Time"],
|
||||
["React Developer", "iTest Factory", "Khabākhib, UAE", "$90 - $160", "5+ year", "Intership"],
|
||||
["Executive, HR Operations", "Micro Design", "Texanna, US", "$50 - $120", "1-5 year", "Part Time"],
|
||||
["Project Manager", "Meta4Systems", "Limestone, US", "$210 - $300", "0-2+ year", "Freelancer"],
|
||||
["Full Stack Engineer", "Force Medicines", "Ugashik, US", "$120 - $180", "2-5 year", "Part Time"],
|
||||
["Full Stack Engineer", "Digitech Galaxy", "Maidaq, UAE", "$900 - $1020", "3-5 year", "Full Time"],
|
||||
["Marketing Director", "Zoetic Fashion", "Quesada, US", "$600 - $870", "0-5 year", "Freelancer"]
|
||||
]),
|
||||
chartRadialbarBasicColors = (document.getElementById("recomended-jobs") && (jobListAll = new gridjs.Grid({
|
||||
columns: [{
|
||||
name: "Position",
|
||||
width: "150px"
|
||||
}, {
|
||||
name: "Company Name",
|
||||
width: "250px"
|
||||
}, {
|
||||
name: "Location",
|
||||
width: "250px"
|
||||
}, {
|
||||
name: "Salary",
|
||||
width: "250px"
|
||||
}, {
|
||||
name: "Experience",
|
||||
width: "150px"
|
||||
}, {
|
||||
name: "Job Type",
|
||||
width: "150px"
|
||||
}],
|
||||
sort: !0,
|
||||
pagination: {
|
||||
limit: 6
|
||||
},
|
||||
data: jobListAllData
|
||||
}).render(document.getElementById("recomended-jobs")), (searchResultList = document.getElementById("searchResultList")).addEventListener("keyup", function() {
|
||||
var e = searchResultList.value.toLowerCase();
|
||||
a = e;
|
||||
var a, e = jobListAllData.filter(function(e) {
|
||||
return -1 !== e[0].toLowerCase().indexOf(a.toLowerCase()) || -1 !== e[1].toLowerCase().indexOf(a.toLowerCase())
|
||||
});
|
||||
jobListAll.updateConfig({
|
||||
data: e
|
||||
}).forceRender()
|
||||
})), Array.from(document.querySelectorAll("#candidate-list li")).forEach(function(t) {
|
||||
t.querySelector("a").addEventListener("click", function() {
|
||||
var e = t.querySelector(".candidate-name").innerHTML,
|
||||
a = t.querySelector(".candidate-position").innerHTML,
|
||||
r = t.querySelector(".candidate-img").src;
|
||||
document.getElementById("candidate-name").innerHTML = e, document.getElementById("candidate-position").innerHTML = a, document.getElementById("candidate-img").src = r
|
||||
})
|
||||
}), window.addEventListener("load", () => {
|
||||
var r = document.getElementById("searchList"),
|
||||
t = document.querySelectorAll("#candidate-list li");
|
||||
r.onkeyup = () => {
|
||||
var e, a = r.value.toLowerCase();
|
||||
for (e of t) - 1 == e.querySelector(".candidate-name").innerHTML.toLowerCase().indexOf(a) ? e.classList.add("d-none") : e.classList.remove("d-none")
|
||||
}
|
||||
}), getChartColorsArray("total_jobs"));
|
||||
chartRadialbarBasicColors && (options = {
|
||||
series: [95],
|
||||
chart: {
|
||||
type: "radialBar",
|
||||
width: 105,
|
||||
sparkline: {
|
||||
enabled: !0
|
||||
}
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: !1
|
||||
},
|
||||
plotOptions: {
|
||||
radialBar: {
|
||||
hollow: {
|
||||
margin: 0,
|
||||
size: "70%"
|
||||
},
|
||||
track: {
|
||||
margin: 1
|
||||
},
|
||||
dataLabels: {
|
||||
show: !0,
|
||||
name: {
|
||||
show: !1
|
||||
},
|
||||
value: {
|
||||
show: !0,
|
||||
fontSize: "16px",
|
||||
fontWeight: 600,
|
||||
offsetY: 8
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
colors: chartRadialbarBasicColors
|
||||
}, (chart = new ApexCharts(document.querySelector("#total_jobs"), options)).render()), (chartRadialbarBasicColors = getChartColorsArray("apply_jobs")) && (options = {
|
||||
series: [97],
|
||||
chart: {
|
||||
type: "radialBar",
|
||||
width: 105,
|
||||
sparkline: {
|
||||
enabled: !0
|
||||
}
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: !1
|
||||
},
|
||||
plotOptions: {
|
||||
radialBar: {
|
||||
hollow: {
|
||||
margin: 0,
|
||||
size: "70%"
|
||||
},
|
||||
track: {
|
||||
margin: 1
|
||||
},
|
||||
dataLabels: {
|
||||
show: !0,
|
||||
name: {
|
||||
show: !1
|
||||
},
|
||||
value: {
|
||||
show: !0,
|
||||
fontSize: "16px",
|
||||
fontWeight: 600,
|
||||
offsetY: 8
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
colors: chartRadialbarBasicColors
|
||||
}, (chart = new ApexCharts(document.querySelector("#apply_jobs"), options)).render()), (chartRadialbarBasicColors = getChartColorsArray("interview_chart")) && (options = {
|
||||
series: [89],
|
||||
chart: {
|
||||
type: "radialBar",
|
||||
width: 105,
|
||||
sparkline: {
|
||||
enabled: !0
|
||||
}
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: !1
|
||||
},
|
||||
plotOptions: {
|
||||
radialBar: {
|
||||
hollow: {
|
||||
margin: 0,
|
||||
size: "70%"
|
||||
},
|
||||
track: {
|
||||
margin: 1
|
||||
},
|
||||
dataLabels: {
|
||||
show: !0,
|
||||
name: {
|
||||
show: !1
|
||||
},
|
||||
value: {
|
||||
show: !0,
|
||||
fontSize: "16px",
|
||||
fontWeight: 600,
|
||||
offsetY: 8
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
colors: chartRadialbarBasicColors
|
||||
}, (chart = new ApexCharts(document.querySelector("#interview_chart"), options)).render()), (chartRadialbarBasicColors = getChartColorsArray("hired_chart")) && (options = {
|
||||
series: [64],
|
||||
chart: {
|
||||
type: "radialBar",
|
||||
width: 105,
|
||||
sparkline: {
|
||||
enabled: !0
|
||||
}
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: !1
|
||||
},
|
||||
plotOptions: {
|
||||
radialBar: {
|
||||
hollow: {
|
||||
margin: 0,
|
||||
size: "70%"
|
||||
},
|
||||
track: {
|
||||
margin: 1
|
||||
},
|
||||
dataLabels: {
|
||||
show: !0,
|
||||
name: {
|
||||
show: !1
|
||||
},
|
||||
value: {
|
||||
show: !0,
|
||||
fontSize: "16px",
|
||||
fontWeight: 600,
|
||||
offsetY: 8
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
colors: chartRadialbarBasicColors
|
||||
}, (chart = new ApexCharts(document.querySelector("#hired_chart"), options)).render()), (chartRadialbarBasicColors = getChartColorsArray("rejected_chart")) && (options = {
|
||||
series: [20],
|
||||
chart: {
|
||||
type: "radialBar",
|
||||
width: 105,
|
||||
sparkline: {
|
||||
enabled: !0
|
||||
}
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: !1
|
||||
},
|
||||
plotOptions: {
|
||||
radialBar: {
|
||||
hollow: {
|
||||
margin: 0,
|
||||
size: "70%"
|
||||
},
|
||||
track: {
|
||||
margin: 1
|
||||
},
|
||||
dataLabels: {
|
||||
show: !0,
|
||||
name: {
|
||||
show: !1
|
||||
},
|
||||
value: {
|
||||
show: !0,
|
||||
fontSize: "16px",
|
||||
fontWeight: 600,
|
||||
offsetY: 8
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
colors: chartRadialbarBasicColors
|
||||
}, (chart = new ApexCharts(document.querySelector("#rejected_chart"), options)).render()), (chartRadialbarBasicColors = getChartColorsArray("new_jobs_chart")) && (options = {
|
||||
series: [80],
|
||||
chart: {
|
||||
type: "radialBar",
|
||||
width: 105,
|
||||
sparkline: {
|
||||
enabled: !0
|
||||
}
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: !1
|
||||
},
|
||||
plotOptions: {
|
||||
radialBar: {
|
||||
hollow: {
|
||||
margin: 0,
|
||||
size: "70%"
|
||||
},
|
||||
track: {
|
||||
margin: 1
|
||||
},
|
||||
dataLabels: {
|
||||
show: !0,
|
||||
name: {
|
||||
show: !1
|
||||
},
|
||||
value: {
|
||||
show: !0,
|
||||
fontSize: "16px",
|
||||
fontWeight: 600,
|
||||
offsetY: 8
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
colors: chartRadialbarBasicColors
|
||||
}, (chart = new ApexCharts(document.querySelector("#new_jobs_chart"), options)).render());
|
||||
Reference in New Issue
Block a user