399 lines
13 KiB
JavaScript
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()); |