bo/worklenz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(members-time-sheet): enhance utilization display with color indicators

Browse Source
This commit is contained in:
shancds
2025-05-29 12:09:50 +05:30
parent 7b1c048dbb
commit f1920c17b4
1 changed files with 4 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
worklenz-frontend/src/pages/reporting/time-reports/members-time-sheet/members-time-sheet.tsx
View File

@@ -104,29 +104,20 @@ const MembersTimeSheet = forwardRef<MembersTimeSheetRef>((_, ref) => {
let color = ''; let color = '';
if (percent < 90) { if (percent < 90) {
status = 'Under'; status = 'Under';
color = '🟧';
} else if (percent <= 110) { } else if (percent <= 110) {
status = 'Optimal'; status = 'Optimal';
color = '🟩';
} else { } else {
status = 'Over'; status = 'Over';
color = '🟥';
} }
return [ return [
`${context.dataset.label}: ${hours} h`, `${context.dataset.label}: ${hours} h`,
`Utilization: ${percent}%`, `${color} Utilization: ${percent}%`,
`${status} Utilized: ${overUnder} h` `${status} Utilized: ${overUnder} h`
]; ];
}, },
labelTextColor: function (context: any) {
const idx = context.dataIndex;
const member = jsonData[idx];
const utilization = parseFloat(member?.utilization_percent || '0');
if (utilization < 90) {
return '#FFB546';
} else if (utilization >= 90 && utilization <= 110) {
return '#B2EF9A';
} else {
return '#FE7173';
}
}
} }
} }
}, },