feat(employee): Enhance milestone indicators for birthdays and work anniversaries

This commit is contained in:
Krishna Shirsath
2026-03-11 17:48:12 +05:30
parent be819eb876
commit e4a0d2ab0b

View File

@@ -57,44 +57,76 @@ frappe.ui.form.on("Employee", {
frm.trigger("add_anniversary_indicator");
},
is_employee_birthday: function (frm) {
if (!frm.doc.date_of_birth) return false;
let today = moment().startOf("day");
let dob = moment(frm.doc.date_of_birth);
return dob.date() === today.date() && dob.month() === today.month();
},
is_work_anniversary: function (frm) {
if (!frm.doc.date_of_joining) return false;
let today = moment().startOf("day");
let doj = moment(frm.doc.date_of_joining);
let years = today.year() - doj.year();
return doj.date() === today.date() && doj.month() === today.month() && years > 0;
},
get_work_anniversary_years: function (frm) {
let today = moment().startOf("day");
let doj = moment(frm.doc.date_of_joining);
return today.year() - doj.year();
},
create_milestone_section: function ($sidebar) {
let $indicator_section = $sidebar.find(".anniversary-indicator-section");
if (!$indicator_section.length) {
$indicator_section = $(`
<div class="sidebar-section anniversary-indicator-section border-bottom pb-3">
<div class="sidebar-label" style="font-weight: var(--weight-regular); color: var(--text-muted);">${__(
"Milestones"
)}</div>
<div class="anniversary-content mt-3"></div>
</div>
`).insertAfter($sidebar.find(".sidebar-meta-details"));
}
return $indicator_section;
},
build_anniversary_content: function (frm) {
let items = [];
if (frm.events.is_employee_birthday(frm)) {
items.push(`
<div class="form-sidebar-items milestone-item mb-2">
<span class="form-sidebar-label">
${frappe.utils.icon("cake", "sm")}
<span class="ellipsis">${__("Birthday")}</span>
</span>
</div>`);
}
if (frm.events.is_work_anniversary(frm)) {
let years = frm.events.get_work_anniversary_years(frm);
let label =
years === 1
? __("{0} Year Work Anniversary", [years])
: __("{0} Years Work Anniversary", [years]);
items.push(`
<div class="form-sidebar-items milestone-item mb-2">
<span class="form-sidebar-label">
${frappe.utils.icon("briefcase", "sm")}
<span class="ellipsis">${label}</span>
</span>
</div>`);
}
return items.join("");
},
add_anniversary_indicator: function (frm) {
if (!frm.sidebar || !frm.sidebar.sidebar) return;
let $sidebar = frm.sidebar.sidebar;
let $indicator_section = $sidebar.find(".anniversary-indicator-section");
if (!$indicator_section.length) {
$indicator_section = $(`
<div class="sidebar-section anniversary-indicator-section border-bottom">
<div class="anniversary-content"></div>
</div>
`).insertAfter($sidebar.find(".sidebar-meta-details"));
}
let content = "";
let today = moment().startOf("day");
if (frm.doc.date_of_birth) {
let dob = moment(frm.doc.date_of_birth);
if (dob.date() === today.date() && dob.month() === today.month()) {
content += `<div class="mb-1"><span class="indicator green"></span> ${__(
"Today is their Birthday!"
)}</div>`;
}
}
if (frm.doc.date_of_joining) {
let doj = moment(frm.doc.date_of_joining);
if (doj.date() === today.date() && doj.month() === today.month()) {
let years = today.year() - doj.year();
if (years > 0) {
content += `<div class="mb-1"><span class="indicator green"></span> ${__(
"Today is their {0} Work Anniversary!",
[years === 1 ? __("{0} Year", [years]) : __("{0} Years", [years])]
)}</div>`;
}
}
}
let $indicator_section = frm.events.create_milestone_section($sidebar);
let content = frm.events.build_anniversary_content(frm);
if (content) {
$indicator_section.find(".anniversary-content").html(content);