TanchoToplineCargo/public/assets/js/pages/dashboard-job.init.js
2024-05-05 10:32:49 +05:45

399 lines
13 KiB
JavaScript

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());