+
+
- {% endif %}
+ {% endif %} {% endcomment %}
{% endif %}
+
+
+
+
+
+ {% comment %} {% trans "Mail Servers" %}
{% if perms.base.add_dynamicemailconfiguration %}{% trans "There is no mail server at this moment." %}
+
+
diff --git a/helpdesk/templates/department_managers/department_managers.html b/helpdesk/templates/department_managers/department_managers.html
index d78d29369..de9af66af 100644
--- a/helpdesk/templates/department_managers/department_managers.html
+++ b/helpdesk/templates/department_managers/department_managers.html
@@ -7,7 +7,10 @@
{% if perms.helpdesk.view_departmentmanager %}
-
+
+
{% endcomment %}
+
{% endcomment %}
{% comment %} ------------------------------------------------------ {% endcomment %}
+
+ {% comment %} {{model.get_verbose_name_plural}}
{% if perms.helpdesk.add_departmentmanager %}
+
\ No newline at end of file
diff --git a/horilla_theme/static/horilla_theme/assets/img/icons/rejected.svg b/horilla_theme/static/horilla_theme/assets/img/icons/rejected.svg
new file mode 100644
index 000000000..d6cdf2593
--- /dev/null
+++ b/horilla_theme/static/horilla_theme/assets/img/icons/rejected.svg
@@ -0,0 +1,22 @@
+
+
\ No newline at end of file
diff --git a/horilla_theme/static/horilla_theme/assets/img/icons/request-to-approve.svg b/horilla_theme/static/horilla_theme/assets/img/icons/request-to-approve.svg
new file mode 100644
index 000000000..a6f83a107
--- /dev/null
+++ b/horilla_theme/static/horilla_theme/assets/img/icons/request-to-approve.svg
@@ -0,0 +1,20 @@
+
+
\ No newline at end of file
diff --git a/horilla_theme/templates/attendance/dashboard/dashboard.html b/horilla_theme/templates/attendance/dashboard/dashboard.html
new file mode 100644
index 000000000..6051ffc13
--- /dev/null
+++ b/horilla_theme/templates/attendance/dashboard/dashboard.html
@@ -0,0 +1,225 @@
+
+ {% extends 'index.html' %} {% block content %} {% load static i18n horillafilters mathfilters basefilters attendancefilters %}
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ {% trans "Today's Attendances" %}
+
+
+ {{marked_attendances_ratio}}%
+ +
+
+
+
+
+
+ 
+
+
+
+
+ {% trans "On Time" %}
+
+
+ + {{on_time}} +
+ +
+
+
+
+
+
+ 
+
+
+
+
+ {% trans "Late Come" %}
+
+
+ + {{late_come}} +
+ +
+
+
+ {% endblock %}
+
+
\ No newline at end of file
diff --git a/horilla_theme/templates/attendance/ip_restriction/ip_restriction.html b/horilla_theme/templates/attendance/ip_restriction/ip_restriction.html
new file mode 100644
index 000000000..adae4643c
--- /dev/null
+++ b/horilla_theme/templates/attendance/ip_restriction/ip_restriction.html
@@ -0,0 +1,80 @@
+{% extends 'settings.html' %} {% block settings %}{% load i18n %} {% load horillafilters %}{% load widget_tweaks %}
+
+
+
+
+
+ + {% trans "Attendance Analytics" %} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {% trans "Hours Chart" %}
+ +
+
+
+
+
+
+
+
+ {% if "attendance"|app_installed %}
+ {% if perms.employee.view_employee or request.user|is_reportingmanager %}
+ {% if not 'online_employees' in charts %}
+
+
+ {% trans "Attendance To Validate" %}
+
+
+
+
+
+ {% endif %}
+ {% if not 'offline_employees' in charts %}
+
+
+ {% trans "Online Employees" %}
+
+
+
+
+ {% endif %}
+ {% endif %}
+ {% if not 'overtime_approve' in charts %}
+
+
+ {% trans "Offline Employees" %}
+
+
+
+
+ {% endif %}
+{% endif %}
+
+
+ {% trans "Overtime To Approve" %}
+
+
+
+
+
+
+ + {% trans "Department Overtime Chart" %} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {% trans "On Break" %}
+
+
+
+ {% trans "IP Restriction" %}
+ {% if allowed_ips.is_enabled %}
+
+
+
+
+ {% endblock settings %}
\ No newline at end of file
diff --git a/horilla_theme/templates/attendance/late_come_early_out/tracking.html b/horilla_theme/templates/attendance/late_come_early_out/tracking.html
new file mode 100644
index 000000000..e81967cd1
--- /dev/null
+++ b/horilla_theme/templates/attendance/late_come_early_out/tracking.html
@@ -0,0 +1,26 @@
+{% extends 'settings.html' %} {% block settings %}{% load i18n %} {% load horillafilters %}{% load widget_tweaks %}
+ {% trans "IP Restriction" %}
+ {% if allowed_ips.is_enabled %}
+
+
+
+ {% endif %}
+
+
+
+
+ {% if allowed_ips.is_enabled %}
+ {% if allowed_ips.additional_data.allowed_ips %}
+
+
+
+
+
+
+
+
+
+
+
+ {% trans "IP Login Restriction" %}
+ + +
+
+ {% endif %}
+ {% endif %}
+
+
+
+
+
+
+ {% trans "Sl.No" %}
+ {% trans "IPs" %}
+ {% trans "Actions" %}
+
+ {% for ip in allowed_ips.additional_data.allowed_ips %}
+
+ {% endfor %}
+
+
+
+
+ {% endblock settings %}
\ No newline at end of file
diff --git a/horilla_theme/templates/base/company/date.html b/horilla_theme/templates/base/company/date.html
new file mode 100644
index 000000000..2ec35ed9e
--- /dev/null
+++ b/horilla_theme/templates/base/company/date.html
@@ -0,0 +1,173 @@
+
+{% extends 'settings.html' %} {% block settings %}{% load i18n %} {% load horillafilters %}{% load widget_tweaks static %}
+{% trans 'Tracking Enable' %} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {% trans 'Tracking Enable' %}
+ +
+
+
+{% trans "Date Format" %} +
+ {% if perms.base.change_company %} +
+
+ {% endif %}
+
+
+
+
+
+
+
+ {% comment %}
+
+
+
+ +
+ {% trans "Current Date Format"%} :
+
+
+
+
+
+
{% endcomment %}
+
+
+
+
+
+ {% trans "Current Time Format" %} :
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {% endblock settings %}
\ No newline at end of file
diff --git a/horilla_theme/templates/base/install_biometric_attendance.html b/horilla_theme/templates/base/install_biometric_attendance.html
new file mode 100644
index 000000000..44045d5c7
--- /dev/null
+++ b/horilla_theme/templates/base/install_biometric_attendance.html
@@ -0,0 +1,47 @@
+{% extends 'settings.html' %} {% block settings %}{% load i18n %} {% load horillafilters %}{% load widget_tweaks %}
+{% trans "Time Format" %} +
+ {% if perms.base.change_company %} +
+
+ {% endif %}
+
+ {% comment %}
+
+
+
{% endcomment %}
+
+
+
+
+
+
+ {% trans "Current Date Format"%} :
+
+
+
+
+
+
+
+
+
+
+
+ +
+ {% trans "Current Time Format" %} :
+
+
+
+
+
+
+
+ {% endblock settings %}
\ No newline at end of file
diff --git a/horilla_theme/templates/dashboard/dashboard.html b/horilla_theme/templates/dashboard/dashboard.html
new file mode 100644
index 000000000..d5079cd1f
--- /dev/null
+++ b/horilla_theme/templates/dashboard/dashboard.html
@@ -0,0 +1,276 @@
+
+{% extends 'index.html' %} {% block content %} {% load static i18n horillafilters mathfilters recruitmentfilters %}
+{% trans "Biometric Attendance" %} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {% trans "Activate Biometric Attendance" %}
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {% trans "Total Vacancies" %}
+
+
+ {{total_vacancy}}
+ +
+
+
+
+
+
+
+
+
+
+
+ {% trans "Ongoing Recruitments" %}
+
+
+ + {{ongoing_recruitments}} +
+ +
+
+
+
+
+
+
+
+
+
+
+ {% trans "Hired Candidates" %}
+
+
+ + {{total_hired_candidates}} +
+ +
+
+ {% if "onboarding"|app_installed %}
+
+
+
+
+ 
+
+
+
+
+
+
+ {% trans "Conversion Rate" %}
+ +
+
+ + {{conversion_ratio}} +
+ +
+
+ {% endif %}
+
+
+
+
+
+
+
+
+
+
+
+ {% trans "Offer Acceptance Rate (OAR)" %}
+ +
+
+ + {{acceptance_ratio}}% +
+ +
+
diff --git a/horilla_theme/templates/helpdesk/ticket/ticket_detail.html b/horilla_theme/templates/helpdesk/ticket/ticket_detail.html
new file mode 100644
index 000000000..7f034c76b
--- /dev/null
+++ b/horilla_theme/templates/helpdesk/ticket/ticket_detail.html
@@ -0,0 +1 @@
+gdgd
\ No newline at end of file
diff --git a/horilla_theme/templates/leave/dashboard.html b/horilla_theme/templates/leave/dashboard.html
new file mode 100644
index 000000000..6d9c2be9d
--- /dev/null
+++ b/horilla_theme/templates/leave/dashboard.html
@@ -0,0 +1,240 @@
+{% extends 'index.html' %}
+{% load static %}
+{% load i18n %}
+{% block content %}
+{% include 'generic/components.html' %}
+{% load tz %}
+{% now "Y-m-d" as current_date %}
+
+
+
+
+
+ {% trans "Skill Zone Status" %}
+
+
+
+
+
+ {% if "onboarding"|app_installed %}
+
+
+
+ + {% trans "Candidate Offer Letter Status" %} +
+ +
+
+
+
+
+
+
+ {% endif %}
+
+ 
+
+ {% comment %} {% endif %} {% endcomment %}
+
+ {% trans "Candidate on Onboard" %}
+ {% comment %} {% if onboarding_count %} {% endcomment %} + +
+
+ {% comment %} {% endif %} {% endcomment %}
+
+
+
+
+
+
+
+
+ {% trans "Joinings Per Month" %}
+ +
+
+
+
+
+
+
+
+
+
+ + {% trans "Current Hiring Pipeline" %} +
+
+
+
+
+
+ {% if ongoing_recruitments %}
+
+
+
+ {% trans "Candidates Per Stage" %}
+ +
+ {% if stage_chart_count %}
+
+ {% endif %}
+
+
+
+{% endif %}
+{% if "onboarding"|app_installed %}
+{% if request.user|is_in_task_managers %}
+
+
+ {% trans "Ongoing Recruitments & Hiring Managers" %}
+
+
+
+
+
+
+ {% endif %}
+ {% endif %}
+
+
+
+
+
+ {% endblock %}
+
+
+ + {% trans "My Onboarding Tasks" %} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+ {% trans "Requests to Approve" %}
+
+
+ {{requested|length}}
+
+
+
+
+
+ 
+
+
+
+
+ {% trans "Approved Leaves In This Month" %}
+
+
+ {{approved|length}}
+
+
+
+
+
+ 
+
+
+
+
+ {% trans "Rejected Leaves In This Month" %}
+
+
+ {{rejected|length}}
+
+
+
+
+
+
+
+
+
+ {% trans "Employee Leaves" %}
+ +
+
+
+
+
+
+
+
+
+ {% trans "On Leave" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+ {% trans "Next Holiday" %}
+ {{next_holiday.name}}
+ {{next_holiday.start_date}}
+
+
+
+
+
+
+ {% trans "Upcoming holidays" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {% trans "Department Leaves" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {% trans "Leave Type - Count of leaves" %}
+ +
+
+
+
+
+
+
+
+
+ {% trans "Weekly Leave Analytics" %}
+
+
+
+
+
+
+
+
+
+{% endblock %}
diff --git a/horilla_theme/templates/leave/employee_dashboard.html b/horilla_theme/templates/leave/employee_dashboard.html
new file mode 100644
index 000000000..ffe098886
--- /dev/null
+++ b/horilla_theme/templates/leave/employee_dashboard.html
@@ -0,0 +1,154 @@
+{% extends 'index.html' %}
+{% load static %}
+{% block content %}
+{% include 'generic/components.html' %}
+{% load i18n %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/horilla_theme/templates/leave/settings/past_leave_restrict_view.html b/horilla_theme/templates/leave/settings/past_leave_restrict_view.html
new file mode 100644
index 000000000..a0a35a028
--- /dev/null
+++ b/horilla_theme/templates/leave/settings/past_leave_restrict_view.html
@@ -0,0 +1,36 @@
+{% extends 'settings.html' %} {% block settings %}{% load i18n %} {% load horillafilters %}{% load widget_tweaks %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {% trans "New Requests" %}
+
+
+ {{requested|length}}
+
+
+
+
+
+
+
+
+
+
+ {% trans "Approved Leaves In This Month" %}
+
+
+ {{approved|length}}
+
+
+
+
+
+
+
+
+
+
+ {% trans "Rejected Leaves In This Month" %}
+
+
+ {{rejected|length}}
+
+
+
+
+
+
+
+
+ {% trans "Available Leaves" %}
+
+
+
+
+
+
+
+
+
+
+ {% trans "Total Leave Requests" %}
+
+
+
+
+ {% comment %}
+
+
+ {% include 'leave/leave_request/dashboard_leave_requests.html' %}
+
{% endcomment %}
+
+
+
+
+
+
+ {% if perms.leave.view_leaverequest %}
+
+ {% endif %}
+
+
+
+
+
+
+
+
+ {% trans "Next Holiday" %}
+ {{next_holiday.name}}
+ {{next_holiday.start_date}}
+
+
+
+
+ {% trans "Upcoming holidays" %}
+
+
+
+
+
+
+
+ {% endblock settings %}
\ No newline at end of file
diff --git a/horilla_theme/templates/recruitment/settings/settings.html b/horilla_theme/templates/recruitment/settings/settings.html
new file mode 100644
index 000000000..87cd49b74
--- /dev/null
+++ b/horilla_theme/templates/recruitment/settings/settings.html
@@ -0,0 +1,55 @@
+{% extends 'settings.html' %} {% block settings %}{% load i18n %} {% load horillafilters %}
+{% trans "Restrict Past Leave" %} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endblock settings %}
diff --git a/horilla_theme/templates/task/new/overall.html b/horilla_theme/templates/task/new/overall.html
new file mode 100644
index 000000000..4fa717135
--- /dev/null
+++ b/horilla_theme/templates/task/new/overall.html
@@ -0,0 +1,8 @@
+{% extends 'index.html' %} {% block content %} {% load static %} {% load i18n %} {% load horillafilters %}
++ {% trans 'Candidate Self Tracking' %} +
+
+
+
+
+
+
+
+
+
+
+
+ {% trans "Application Tracking" %}
+ + +
+
+
+
+
+
+
+
+
+
+ {% trans "Rating Visiblity" %}
+ +
+
+ {% include 'task/new/task_navbar.html' %}
+
+
+
+ {% endblock content %}
\ No newline at end of file
diff --git a/horilla_theme/templates/task/new/task_navbar.html b/horilla_theme/templates/task/new/task_navbar.html
new file mode 100644
index 000000000..ae65e0b8f
--- /dev/null
+++ b/horilla_theme/templates/task/new/task_navbar.html
@@ -0,0 +1,59 @@
+{% load i18n taskfilters %}
+
+
+
\ No newline at end of file
diff --git a/leave/static/dashboard/dashboard.js b/leave/static/dashboard/dashboard.js
index ad083d0db..aa8a832ff 100644
--- a/leave/static/dashboard/dashboard.js
+++ b/leave/static/dashboard/dashboard.js
@@ -38,39 +38,286 @@ $(document).ready(function () {
}
//Employee wise chart for available leaves
+ // function available_leave_chart(dataSet) {
+ // var myChart1 = document.getElementById("availableLeave");
+ // availableLeaveChart = new Chart(myChart1, {
+ // type: "pie",
+ // data: {
+ // labels: dataSet.labels,
+ // datasets: dataSet.dataset,
+ // },
+ // });
+ // }
+
function available_leave_chart(dataSet) {
- var myChart1 = document.getElementById("availableLeave");
- availableLeaveChart = new Chart(myChart1, {
+ const colors = ['#a5b4fc', '#fca5a5', '#fdba74', '#86efac', '#fbbf24', '#c084fc'];
+ const visibility = dataSet.labels.map(() => true);
+ const ctx = document.getElementById("availableLeave")?.getContext("2d");
+
+ if (!ctx || !dataSet?.dataset?.length) return;
+
+ const dataset = {
+ data: dataSet.dataset[0].data,
+ backgroundColor: colors.slice(0, dataSet.labels.length),
+ borderColor: '#fff',
+ borderWidth: 2
+ };
+
+ if (availableLeaveChart) {
+ availableLeaveChart.destroy();
+ }
+
+ availableLeaveChart = new Chart(ctx, {
type: "pie",
data: {
labels: dataSet.labels,
- datasets: dataSet.dataset,
+ datasets: [dataset]
},
+ options: {
+ responsive: true,
+ maintainAspectRatio: false,
+ plugins: {
+ legend: { display: false },
+ tooltip: {
+ enabled: true,
+ backgroundColor: "#111827",
+ bodyColor: "#f3f4f6",
+ borderColor: "#e5e7eb",
+ borderWidth: 1,
+ }
+ }
+ }
+ });
+
+ // 🧩 Custom interactive legend (must exist in HTML)
+ const legendContainer = document.getElementById("availableLeaveLegend");
+ if (!legendContainer) return;
+
+ legendContainer.innerHTML = "";
+ dataSet.labels.forEach((label, i) => {
+ const colorDot = ``;
+ const labelText = `${label}`;
+ const item = document.createElement("div");
+ item.className = "cursor-pointer text-sm flex items-center mb-2 text-gray-700";
+ item.innerHTML = `${colorDot}${labelText}`;
+
+ item.addEventListener("click", () => {
+ visibility[i] = !visibility[i];
+ availableLeaveChart.data.datasets[0].data = dataSet.dataset[0].data.map((val, idx) =>
+ visibility[idx] ? val : 0
+ );
+ availableLeaveChart.data.datasets[0].backgroundColor = colors.map((col, idx) =>
+ visibility[idx] ? col : '#e5e7eb'
+ );
+ availableLeaveChart.update();
+
+ const dot = item.querySelector('span:first-child');
+ const labelSpan = item.querySelector('span:last-child');
+ dot.style.opacity = visibility[i] ? '1' : '0.4';
+ labelSpan.style.textDecoration = visibility[i] ? 'none' : 'line-through';
+ });
+
+ legendContainer.appendChild(item);
});
}
+
+ // function department_leave_chart(dataSet) {
+ // var myChart3 = document.getElementById("departmentLeave");
+ // departmentLeaveChart = new Chart(myChart3, {
+ // type: "pie",
+ // data: {
+ // labels: dataSet.labels,
+ // datasets: dataSet.dataset,
+ // },
+ // });
+ // }
function department_leave_chart(dataSet) {
- var myChart3 = document.getElementById("departmentLeave");
- departmentLeaveChart = new Chart(myChart3, {
+ const colors = ['#a5b4fc', '#fca5a5', '#fdba74', '#86efac', '#fbbf24', '#c084fc'];
+ const visibility = dataSet.labels.map(() => true);
+ const ctx = document.getElementById("departmentLeave").getContext("2d");
+
+ // Ensure dataset is single pie-type (merge if needed)
+ const dataset = {
+ data: dataSet.dataset[0].data,
+ backgroundColor: colors.slice(0, dataSet.labels.length),
+ borderColor: '#fff',
+ borderWidth: 2
+ };
+
+ if (departmentLeaveChart) {
+ departmentLeaveChart.destroy();
+ }
+
+ departmentLeaveChart = new Chart(ctx, {
type: "pie",
data: {
labels: dataSet.labels,
- datasets: dataSet.dataset,
+ datasets: [dataset]
},
+ options: {
+ responsive: true,
+ maintainAspectRatio: false,
+ plugins: {
+ legend: { display: false },
+ tooltip: { enabled: true }
+ }
+ }
+ });
+
+ // Interactive legend — assumes #departmentPieLegend exists in HTML
+ const legendContainer = document.getElementById("departmentPieLegend");
+ if (!legendContainer) return;
+
+ legendContainer.innerHTML = '';
+ dataSet.labels.forEach((label, i) => {
+ const colorDot = ``;
+ const labelText = `${label}`;
+ const item = document.createElement("div");
+ item.className = "cursor-pointer text-sm flex items-center mb-2 text-gray-700";
+ item.innerHTML = `${colorDot}${labelText}`;
+ item.addEventListener("click", () => {
+ visibility[i] = !visibility[i];
+ departmentLeaveChart.data.datasets[0].data = dataSet.dataset[0].data.map((val, idx) =>
+ visibility[idx] ? val : 0
+ );
+ departmentLeaveChart.data.datasets[0].backgroundColor = colors.map((col, idx) =>
+ visibility[idx] ? col : '#e5e7eb'
+ );
+ departmentLeaveChart.update();
+
+ const dot = item.querySelector('span:first-child');
+ const label = item.querySelector('span:last-child');
+ dot.style.opacity = visibility[i] ? '1' : '0.4';
+ label.style.textDecoration = visibility[i] ? 'none' : 'line-through';
+ });
+
+ legendContainer.appendChild(item);
});
}
+
+ // function leave_type_chart(dataSet) {
+ // var myChart4 = document.getElementById("leaveType");
+ // leaveTypeChart = new Chart(myChart4, {
+ // type: "doughnut",
+ // data: {
+ // labels: dataSet.labels,
+ // datasets: dataSet.dataset,
+ // },
+ // });
+ // }
+
function leave_type_chart(dataSet) {
- var myChart4 = document.getElementById("leaveType");
- leaveTypeChart = new Chart(myChart4, {
+ const ctx = document.getElementById("leaveType")?.getContext("2d");
+ if (!ctx || !dataSet?.dataset?.length) return;
+
+ const labels = dataSet.labels;
+ const values = dataSet.dataset[0].data;
+ const visibility = Array(labels.length).fill(true);
+ const colors = [
+ "#facc15", "#f87171", "#ddd6fe", "#a5b4fc", "#93c5fd", "#d1d5db"
+ ];
+
+ if (leaveTypeChart) {
+ leaveTypeChart.destroy();
+ }
+
+ leaveTypeChart = new Chart(ctx, {
type: "doughnut",
data: {
- labels: dataSet.labels,
- datasets: dataSet.dataset,
+ labels: labels,
+ datasets: [
+ {
+ ...dataSet.dataset[0],
+ backgroundColor: colors.slice(0, labels.length),
+ borderWidth: 0,
+ borderRadius: 10,
+ hoverOffset: 8,
+ },
+ ],
},
+ options: {
+ cutout: "70%",
+ responsive: true,
+ maintainAspectRatio: false,
+ onClick: function (e, activeEls) {
+ if (!activeEls.length) return;
+ const index = activeEls[0].index;
+ const label = labels[index];
+ // Customize the redirection or interaction here if needed
+ console.log("Clicked:", label);
+ },
+ plugins: {
+ legend: { display: false },
+ tooltip: {
+ backgroundColor: "#111827",
+ bodyColor: "#f3f4f6",
+ borderColor: "#e5e7eb",
+ borderWidth: 1,
+ },
+ },
+ },
+ plugins: [
+ {
+ id: "centerText",
+ afterDraw(chart) {
+ const { width, height, ctx } = chart;
+ ctx.save();
+
+ const total = chart.data.datasets[0].data.reduce((sum, val) => sum + val, 0);
+
+ ctx.font = "bold 22px sans-serif";
+ ctx.fillStyle = "#374151";
+ ctx.textAlign = "center";
+ ctx.textBaseline = "middle";
+ ctx.fillText(total, width / 2, height / 2 - 5);
+
+ ctx.font = "15px sans-serif";
+ ctx.fillStyle = "#9ca3af";
+ ctx.fillText("Total", width / 2, height / 2 + 20);
+
+ ctx.restore();
+ },
+ },
+ ],
+ });
+
+ // 🔁 Render Custom Legend
+ const legendContainer = document.getElementById("leaveTypeLegend");
+ if (!legendContainer) return;
+ legendContainer.innerHTML = "";
+
+ labels.forEach((label, index) => {
+ const color = colors[index % colors.length];
+
+ const legendItem = document.createElement("div");
+ legendItem.className = "flex items-center mb-2 cursor-pointer text-sm text-gray-700";
+ legendItem.innerHTML = `
+
+ ${label}
+ `;
+
+ legendItem.addEventListener("click", function () {
+ visibility[index] = !visibility[index];
+
+ leaveTypeChart.data.datasets[0].data = values.map((val, i) => visibility[i] ? val : 0);
+ leaveTypeChart.data.datasets[0].backgroundColor = colors.map((col, i) => visibility[i] ? col : "#e5e7eb");
+
+ const dot = legendItem.querySelector("span:first-child");
+ const labelEl = legendItem.querySelector(".legend-label");
+
+ dot.style.opacity = visibility[index] ? "1" : "0.4";
+ labelEl.style.textDecoration = visibility[index] ? "none" : "line-through";
+
+ leaveTypeChart.update();
+ });
+
+ legendContainer.appendChild(legendItem);
});
}
+
function leave_period_chart(dataSet) {
var myChart4 = document.getElementById("leavePeriod");
leavePeriodChart = new Chart(myChart4, {
@@ -109,44 +356,131 @@ $(document).ready(function () {
}
//Chart of leave request by employees
- function employee_leave_chart(dataSet) {
- employeeLeaveChart.destroy();
+ // function employee_leave_chart(dataSet) {
+ // employeeLeaveChart.destroy();
+
+ // var myChart2 = document.getElementById("employeeLeave");
+ // employeeLeaveChart = new Chart(myChart2, {
+ // type: "bar",
+ // data: {
+ // labels: dataSet.labels,
+ // datasets: dataSet.dataset,
+ // },
+ // options: {
+ // scales: {
+ // x: {
+ // stacked: true,
+ // title: {
+ // display: true,
+ // text: "Employees",
+ // font: {
+ // weight: "bold",
+ // size: 16,
+ // },
+ // },
+ // },
+ // y: {
+ // stacked: true,
+ // title: {
+ // display: true,
+ // text: "Number of days",
+ // font: {
+ // weight: "bold",
+ // size: 16,
+ // },
+ // },
+ // },
+ // },
+ // },
+ // });
+ // }
+ function employee_leave_chart(dataSet) {
+ if (employeeLeaveChart) {
+ employeeLeaveChart.destroy();
+ }
+
+ const colors = ['#a5b4fc', '#fca5a5', '#fdba74', '#86efac', '#fbbf24', '#c084fc'];
+ const myChart2 = document.getElementById("employeeLeave");
+ myChart2.height = 250;
+ const datasets = dataSet.dataset.map((dataset, index) => ({
+ ...dataset,
+ backgroundColor: colors[index % colors.length],
+ borderRadius: 10,
+ barPercentage: 0.8,
+ categoryPercentage: 0.6
+ }));
- var myChart2 = document.getElementById("employeeLeave");
employeeLeaveChart = new Chart(myChart2, {
type: "bar",
data: {
labels: dataSet.labels,
- datasets: dataSet.dataset,
+ datasets: datasets,
},
options: {
+ responsive: true,
+ maintainAspectRatio: false,
+ animation: {
+ duration: 300
+ },
scales: {
x: {
stacked: true,
+ ticks: { color: '#6b7280' },
+ grid: { display: false },
title: {
display: true,
text: "Employees",
- font: {
- weight: "bold",
- size: 16,
- },
- },
+ font: { size: 16, weight: "bold" }
+ }
},
y: {
stacked: true,
+ beginAtZero: true,
+ ticks: {
+ stepSize: 5,
+ color: '#6b7280'
+ },
+ grid: { color: '#e5e7eb' },
title: {
display: true,
text: "Number of days",
- font: {
- weight: "bold",
- size: 16,
- },
- },
+ font: { size: 16, weight: "bold" }
+ }
+ }
+ },
+ plugins: {
+ legend: {
+ position: 'bottom',
+ labels: {
+ usePointStyle: true,
+ pointStyle: 'circle',
+ font: { size: 12 },
+ color: '#374151',
+ padding: 15
+ }
},
+ tooltip: {
+ enabled: true
+ }
},
},
+ plugins: [{
+ afterRender: (chart) => {
+ const allZero = chart.data.datasets.every(ds =>
+ ds.data.every(val => val === 0)
+ );
+ if (allZero) {
+ const ctx = chart.canvas.getContext("2d");
+ ctx.font = "16px Arial";
+ ctx.fillStyle = "#6b7280";
+ ctx.textAlign = "center";
+ ctx.fillText("No data available", chart.width / 2, chart.height / 2);
+ }
+ }
+ }]
});
}
+
$.ajax({
type: "GET",
url: "/leave/employee-leave-chart",
diff --git a/recruitment/static/dashboard/candidateChart.js b/recruitment/static/dashboard/candidateChart.js
index 20c6d88b9..5b938bced 100644
--- a/recruitment/static/dashboard/candidateChart.js
+++ b/recruitment/static/dashboard/candidateChart.js
@@ -1,47 +1,77 @@
-$(document).ready(function(){
+$(document).ready(function () {
let myChart; // Declare myChart globally to access it outside the scope
- function candidateChart(dataSet, labels){
+ // Load image only once
+ const centerImage = new Image();
+ centerImage.src = "/static/horilla_theme/assets/img/icons/gender.svg"; // Adjust path as needed
+
+ function candidateChart(dataSet, labels) {
const data = {
labels: labels,
datasets: [{
data: dataSet.map(item => item.data),
- backgroundColor: ['#C6BEC4', '#FFF255', '#55C4FF', '#FF4646', '#2AFF0C']
+ backgroundColor: ['#C6BEC4', '#FFF255', '#55C4FF', '#FF4646', '#2AFF0C'],
+ borderWidth: 0, // Match the original design
}]
};
const ctx = document.getElementById('candidateChart').getContext('2d');
myChart = new Chart(ctx, {
- type: 'pie',
+ type: 'doughnut', // Changed from pie to doughnut to match original
data: data,
options: {
- onClick: handleClick // Attach onClick event handler
- }
+ cutout: "70%", // Match the original cutout percentage
+ responsive: true,
+ maintainAspectRatio: false,
+ plugins: {
+ legend: {
+ position: "bottom",
+ labels: {
+ usePointStyle: true,
+ pointStyle: "circle",
+ padding: 20,
+ font: {
+ size: 12,
+ },
+ color: "#000",
+ },
+ },
+ },
+ onClick: handleClick // Retain click handler
+ },
+ plugins: [{
+ id: "centerIcon",
+ afterDatasetDraw(chart) {
+ if (!centerImage.complete) return; // Wait till image is loaded
+ const ctx = chart.ctx;
+ const size = 70;
+ ctx.drawImage(
+ centerImage,
+ chart.width / 2 - size / 2,
+ chart.height / 2 - size / 2 - 20,
+ size,
+ size
+ );
+ },
+ }],
});
}
function handleClick(event, chartElements) {
if (chartElements.length > 0) {
- // Get the index of the clicked element
const index = chartElements[0].index;
-
- if(index === 0){
- // Assuming each data point corresponds to a URL
- url = '/recruitment/candidate-view?offer_letter_status=not_sent'
- }else if(index === 1){
-
- url = '/recruitment/candidate-view?offer_letter_status=sent'
- }else if(index === 2){
-
- url = '/recruitment/candidate-view?offer_letter_status=accepted'
- }else if(index === 3){
-
- url = '/recruitment/candidate-view?offer_letter_status=rejected'
- }else{
-
- url = '/recruitment/candidate-view?offer_letter_status=joined'
+ let url;
+ if (index === 0) {
+ url = '/recruitment/candidate-view?offer_letter_status=not_sent';
+ } else if (index === 1) {
+ url = '/recruitment/candidate-view?offer_letter_status=sent';
+ } else if (index === 2) {
+ url = '/recruitment/candidate-view?offer_letter_status=accepted';
+ } else if (index === 3) {
+ url = '/recruitment/candidate-view?offer_letter_status=rejected';
+ } else {
+ url = '/recruitment/candidate-view?offer_letter_status=joined';
}
- // Redirect to the corresponding URL
window.location.href = url;
}
}
@@ -49,11 +79,70 @@ $(document).ready(function(){
$.ajax({
url: "/recruitment/candidate-status",
type: "GET",
- success: function(response){
+ success: function (response) {
dataSet = response.dataSet;
labels = response.labels;
candidateChart(dataSet, labels);
},
});
-
});
+
+// $(document).ready(function(){
+// let myChart; // Declare myChart globally to access it outside the scope
+
+// function candidateChart(dataSet, labels){
+// const data = {
+// labels: labels,
+// datasets: [{
+// data: dataSet.map(item => item.data),
+// backgroundColor: ['#C6BEC4', '#FFF255', '#55C4FF', '#FF4646', '#2AFF0C']
+// }]
+// };
+
+// const ctx = document.getElementById('candidateChart').getContext('2d');
+// myChart = new Chart(ctx, {
+// type: 'pie',
+// data: data,
+// options: {
+// onClick: handleClick // Attach onClick event handler
+// }
+// });
+// }
+
+// function handleClick(event, chartElements) {
+// if (chartElements.length > 0) {
+// // Get the index of the clicked element
+// const index = chartElements[0].index;
+
+// if(index === 0){
+// // Assuming each data point corresponds to a URL
+// url = '/recruitment/candidate-view?offer_letter_status=not_sent'
+// }else if(index === 1){
+
+// url = '/recruitment/candidate-view?offer_letter_status=sent'
+// }else if(index === 2){
+
+// url = '/recruitment/candidate-view?offer_letter_status=accepted'
+// }else if(index === 3){
+
+// url = '/recruitment/candidate-view?offer_letter_status=rejected'
+// }else{
+
+// url = '/recruitment/candidate-view?offer_letter_status=joined'
+// }
+// // Redirect to the corresponding URL
+// window.location.href = url;
+// }
+// }
+
+// $.ajax({
+// url: "/recruitment/candidate-status",
+// type: "GET",
+// success: function(response){
+// dataSet = response.dataSet;
+// labels = response.labels;
+// candidateChart(dataSet, labels);
+// },
+// });
+
+// });
diff --git a/recruitment/static/dashboard/joiningChart.js b/recruitment/static/dashboard/joiningChart.js
index 33dcc533b..291870b8b 100644
--- a/recruitment/static/dashboard/joiningChart.js
+++ b/recruitment/static/dashboard/joiningChart.js
@@ -1,58 +1,194 @@
+
+// $(document).ready(function () {
+// function hiringChart(dataSet, labels) {
+// const data = {
+// labels: labels,
+// datasets: dataSet,
+// };
+// // Create chart using the Chart.js library
+// // $("#hiringChart").html("")
+// window['myChart1'] = {}
+// var ctx = document.getElementById("hiringChart");
+
+// if (ctx != null) {
+// ctx = ctx.getContext("2d")
+// myChart1 = new Chart(ctx, {
+// type: 'bar',
+// data: data,
+// options: {
+// },
+// });
+// }
+// }
+
+// function joining(){
+// var year = $("#year").val()
+
+// $.ajax({
+// url: "/recruitment/dashboard-hiring",
+// type: "GET",
+// data: {
+// id : year
+// },
+// success: function (response) {
+// dataSet = response.dataSet;
+// labels = response.labels;
+// hiringChart(dataSet, labels);
+// },
+// });
+// }
+
+// $("#year").on("change", function (e) {
+// myChart1.destroy();
+// joining()
+// });
+
+// joining()
+
+// $('#chart2').click(function (e) {
+// var chartType = myChart1.config.type
+// if (chartType === 'line') {
+// chartType = 'bar';
+// } else if(chartType==='bar') {
+// chartType = 'line';
+// }
+// myChart1.config.type = chartType;
+// myChart1.update();
+// });
+
+// });
+
$(document).ready(function () {
- function hiringChart(dataSet, labels) {
+ let myChart1 = null;
+ let currentDataValues = [];
+ let currentLabels = [];
+ let visibility = [];
+ const colors = [
+ '#a3bffa', // January - Soft Blue
+ '#f4a8a1', // February - Gentle Red
+ '#f7d7b0', // March - Creamy Peach (revised)
+ '#90ee90', // April - Light Green
+ '#fff3a3', // May - Pale Yellow
+ '#f6b6d0', // June - Delicate Pink
+ '#b0a8ff', // July - Gentle Indigo (revised)
+ '#87ceeb', // August - Sky Cyan
+ '#d4a5fa', // September - Soft Violet
+ '#7fe5b7', // October - Fresh Emerald
+ '#f0c4a3', // November - Muted Coral (revised)
+ '#f0b3d6' // December - Pale Lilac (revised)
+ ];
+ function hiringChart(dataSet, labels) {
+ // Store current data
+ currentLabels = labels;
+ currentDataValues = dataSet[0]?.data || [];
+ visibility = new Array(labels.length).fill(true);
+
const data = {
- labels: labels,
- datasets: dataSet,
+ labels: labels,
+ datasets: [{
+ label: 'Recruitment Count',
+ data: currentDataValues,
+ backgroundColor: colors.slice(0, labels.length),
+ borderRadius: 20,
+ barPercentage: 0.6,
+ categoryPercentage: 0.6
+ }]
};
- // Create chart using the Chart.js library
- // $("#hiringChart").html("")
- window['myChart1'] = {}
+
var ctx = document.getElementById("hiringChart");
-
if (ctx != null) {
- ctx = ctx.getContext("2d")
- myChart1 = new Chart(ctx, {
- type: 'bar',
- data: data,
- options: {
- },
- });
- }
- }
+ ctx = ctx.getContext("2d");
+ myChart1 = new Chart(ctx, {
+ type: 'bar',
+ data: data,
+ options: {
+ responsive: true,
+ maintainAspectRatio: false,
+ plugins: {
+ legend: { display: false },
+ tooltip: { enabled: true }
+ },
+ scales: {
+ y: {
+ beginAtZero: true,
+ max: Math.max(...currentDataValues) + 20,
+ ticks: { stepSize: 20 },
+ grid: { drawBorder: false, color: '#e5e7eb' }
+ },
+ x: {
+ ticks: { display: false },
+ grid: { display: false },
+ border: { display: true, color: '#d1d5db' }
+ }
+ }
+ }
+ });
- function joining(){
- var year = $("#year").val()
+ // Create clickable legend
+ createClickableLegend();
+ }
+ }
+
+ function createClickableLegend() {
+ const legendContainer = document.getElementById('recruitmentLegend');
+ if (!legendContainer) return;
+
+ // Clear existing legend
+ legendContainer.innerHTML = '';
+
+ currentLabels.forEach((label, i) => {
+ const item = document.createElement('div');
+ item.className = 'flex items-center gap-2 cursor-pointer';
+ item.innerHTML = `
+
+ ${label}
+ `;
+
+ item.addEventListener('click', () => {
+ visibility[i] = !visibility[i];
+
+ // Update data & bar color
+ myChart1.data.datasets[0].data = currentDataValues.map((val, index) => visibility[index] ? val : 0);
+ myChart1.data.datasets[0].backgroundColor = colors.slice(0, currentLabels.length).map((color, index) => visibility[index] ? color : '#e5e7eb');
+ myChart1.update();
+
+ // Update legend visuals
+ const dot = item.querySelector('span');
+ const text = item.querySelectorAll('span')[1];
+ dot.style.opacity = visibility[i] ? '1' : '0.4';
+ text.style.textDecoration = visibility[i] ? 'none' : 'line-through';
+ });
+
+ legendContainer.appendChild(item);
+ });
+ }
+
+ function joining() {
+ var year = $("#year").val();
$.ajax({
- url: "/recruitment/dashboard-hiring",
- type: "GET",
- data: {
- id : year
- },
- success: function (response) {
- dataSet = response.dataSet;
- labels = response.labels;
- hiringChart(dataSet, labels);
- },
+ url: "/recruitment/dashboard-hiring",
+ type: "GET",
+ data: {
+ id: year
+ },
+ success: function (response) {
+ const dataSet = response.dataSet;
+ const labels = response.labels;
+ hiringChart(dataSet, labels);
+ },
});
- }
+ }
- $("#year").on("change", function (e) {
- myChart1.destroy();
- joining()
- });
-
- joining()
-
- $('#chart2').click(function (e) {
- var chartType = myChart1.config.type
- if (chartType === 'line') {
- chartType = 'bar';
- } else if(chartType==='bar') {
- chartType = 'line';
+ $("#year").on("change", function (e) {
+ if (myChart1) {
+ myChart1.destroy();
}
- myChart1.config.type = chartType;
- myChart1.update();
- });
-
+ joining();
});
+
+ // Chart type toggle removed - keeping only bar chart
+
+ // Initialize the chart
+ joining();
+});
diff --git a/recruitment/static/dashboard/recruitmentChart.js b/recruitment/static/dashboard/recruitmentChart.js
index 51de96de2..4c21352c9 100644
--- a/recruitment/static/dashboard/recruitmentChart.js
+++ b/recruitment/static/dashboard/recruitmentChart.js
@@ -1,161 +1,112 @@
+
$(document).ready(function () {
- function recruitmentChart(dataSet, labels) {
- // Apply new styling to datasets
- const styledDataSets = dataSet.map((dataset, index) => {
- const colors = ['#a5b4fc', '#fca5a5', '#fdba74', '#34d399', '#fbbf24', '#fb7185', '#60a5fa'];
- return {
- ...dataset,
- backgroundColor: colors[index % colors.length],
- borderRadius: 10,
- barPercentage: 0.6,
- categoryPercentage: 0.8
- };
- });
+ function recruitmentChart(dataSet, labels) {
+ const styledDataSets = dataSet.map((dataset, index) => {
+ const colors = ['#a5b4fc', '#fca5a5', '#fdba74', '#34d399', '#fbbf24', '#fb7185', '#60a5fa'];
+ return {
+ ...dataset,
+ backgroundColor: colors[index % colors.length],
+ borderRadius: 10,
+ barPercentage: 0.6,
+ categoryPercentage: 0.8
+ };
+ });
- const data = {
- labels: labels,
- datasets: styledDataSets,
- };
+ const data = {
+ labels: labels,
+ datasets: styledDataSets,
+ };
- // Create chart using the Chart.js library
- window["myChart"] = {};
- if (document.getElementById("recruitmentChart1")) {
- const ctx = document.getElementById("recruitmentChart1").getContext("2d");
- myChart = new Chart(ctx, {
- type: "bar",
- data: data,
- options: {
- responsive: true,
- maintainAspectRatio: false,
- scales: {
- y: {
- beginAtZero: true,
- ticks: {
- stepSize: 20,
- color: '#6b7280'
- },
- grid: {
- color: '#e5e7eb'
- }
- },
- x: {
- ticks: {
- color: '#6b7280'
- },
- grid: {
- display: false
- }
- }
- },
- plugins: {
- legend: {
- position: 'bottom',
- labels: {
- usePointStyle: true,
- pointStyle: 'circle',
- font: {
- size: 12
- },
- color: '#374151',
- padding: 15
- },
- onClick: (e, legendItem, legend) => {
- const index = legendItem.datasetIndex;
- const chart = legend.chart;
- if (chart.isDatasetVisible(index)) {
- chart.hide(index);
- legendItem.hidden = true;
- } else {
- chart.show(index);
- legendItem.hidden = false;
- }
- chart.update();
- }
- },
- tooltip: {
- enabled: true
- }
- },
- onClick: (e, activeEls) => {
- if (activeEls.length > 0) {
- let datasetIndex = activeEls[0].datasetIndex;
- let dataIndex = activeEls[0].index;
- let datasetLabel = e.chart.data.datasets[datasetIndex].label;
- let value = e.chart.data.datasets[datasetIndex].data[dataIndex];
- let label = e.chart.data.labels[dataIndex];
- localStorage.removeItem("savedFilters");
- window.location.href =
- "/recruitment/candidate-view" +
- "?recruitment=" +
- datasetLabel +
- "&stage_id__stage_type=" +
- label.toLowerCase();
- }
- },
- },
+ // Create chart using the Chart.js library
+ window["myChart"] = {};
+ if (document.getElementById("recruitmentChart1")) {
+ const ctx = document.getElementById("recruitmentChart1").getContext("2d");
+ myChart = new Chart(ctx, {
+ type: "bar",
+ data: data,
+ options: {
+ responsive: true,
+ maintainAspectRatio: false,
+ scales: {
+ y: {
+ beginAtZero: true,
+ ticks: {
+ stepSize: 20,
+ color: '#6b7280'
+ },
+ grid: {
+ color: '#e5e7eb'
+ }
+ },
+ x: {
+ ticks: {
+ color: '#6b7280'
+ },
+ grid: {
+ display: false
+ }
+ }
+ },
+ plugins: {
+ legend: {
+ position: 'bottom',
+ labels: {
+ usePointStyle: true,
+ pointStyle: 'circle',
+ font: {
+ size: 12
+ },
+ color: '#374151',
+ padding: 15
+ },
+ onClick: (e, legendItem, legend) => {
+ const index = legendItem.datasetIndex;
+ const chart = legend.chart;
+ if (chart.isDatasetVisible(index)) {
+ chart.hide(index);
+ legendItem.hidden = true;
+ } else {
+ chart.show(index);
+ legendItem.hidden = false;
+ }
+ chart.update();
+ }
+ },
+ tooltip: {
+ enabled: true
+ }
+ },
+ onClick: (e, activeEls) => {
+ if (activeEls.length > 0) {
+ let datasetIndex = activeEls[0].datasetIndex;
+ let dataIndex = activeEls[0].index;
+ let datasetLabel = e.chart.data.datasets[datasetIndex].label;
+ let value = e.chart.data.datasets[datasetIndex].data[dataIndex];
+ let label = e.chart.data.labels[dataIndex];
+ localStorage.removeItem("savedFilters");
+ window.location.href =
+ "/recruitment/candidate-view" +
+ "?recruitment=" +
+ datasetLabel +
+ "&stage_id__stage_type=" +
+ label.toLowerCase();
+ }
+ },
+ },
- });
- }
- }
-// Load recruitment chart data from API
-$.ajax({
- url: "/recruitment/dashboard-pipeline",
- type: "GET",
- success: function (response) {
- const dataSet = response.dataSet;
- const labels = response.labels;
- recruitmentChart(dataSet, labels);
- },
-});
-
- // function recruitmentChart(dataSet, labels) {
- // const data = {
- // labels: labels,
- // datasets: dataSet,
- // };
- // // Create chart using the Chart.js library
- // window["myChart"] = {};
- // if (document.getElementById("recruitmentChart1")){
- // const ctx = document.getElementById("recruitmentChart1").getContext("2d");
- // myChart = new Chart(ctx, {
- // type: "bar",
- // data: data,
- // options: {
- // responsive: true,
-
- // onClick: (e, activeEls) => {
- // let datasetIndex = activeEls[0].datasetIndex;
- // let dataIndex = activeEls[0].index;
- // let datasetLabel = e.chart.data.datasets[datasetIndex].label;
- // let value = e.chart.data.datasets[datasetIndex].data[dataIndex];
- // let label = e.chart.data.labels[dataIndex];
- // localStorage.removeItem("savedFilters");
- // window.location.href =
- // "/recruitment/candidate-view" +
- // "?recruitment=" +
- // datasetLabel +
- // "&stage_id__stage_type=" +
- // label.toLowerCase();
- // },
- // },
- // plugins: [
- // {
- // afterRender: (chart) => emptyChart(chart),
- // },
- // ],
- // });
- // }
- // }
- // $.ajax({
- // url: "/recruitment/dashboard-pipeline",
- // type: "GET",
- // success: function (response) {
- // // Code to handle the response
- // dataSet = response.dataSet;
- // labels = response.labels;
- // recruitmentChart(dataSet, labels);
- // },
- // });
+ });
+ }
+ }
+ $.ajax({
+ url: "/recruitment/dashboard-pipeline",
+ type: "GET",
+ success: function (response) {
+ // Code to handle the response
+ dataSet = response.dataSet;
+ labels = response.labels;
+ recruitmentChart(dataSet, labels);
+ },
+ });
$("#chart1").click(function (e) {
var chartType = myChart.config.type;
diff --git a/recruitment/templates/dashboard/dashboard.html b/recruitment/templates/dashboard/dashboard.html
index 40f2ba56e..2e4b49a30 100644
--- a/recruitment/templates/dashboard/dashboard.html
+++ b/recruitment/templates/dashboard/dashboard.html
@@ -344,6 +344,7 @@
+ Project +
+ +
{% trans "My Onboarding Tasks" %}
+
