Evaluation Result Enhancements Part 1

[sheilaramas]

DESCRIPTION

Please make the following enhancements below.

• [x] Make the unhighlighted emojis for the score rating a bit darker
• [x] Also adjust the grey color of the bar graph, make it a little lighter. Use the same shade of grey for both emoji and bar graph.
• [x] If no image, use default icon but the shade should be same as shade for which category it belongs to (e.g. if it’s orange, shade should be orange)
• [x] For the description, possible to apply line breaks (based on what was in DB)?
• [x] If evaluation_result_detail.weight is 0, do not display in this table.

• [x] # 6, 7 and 8 -> Add more whitespace in between sections. Make this uniform for all sections (e.g. Apply also to Comments and Recommendations)
• [x] For Detailed Evaluation Table, adjust the column width (make it wider) so text can be displayed in 1 line
• [x] Also adjust the width of Rating and Banding column… so that there will be more space in between columns (if you notice, space between score and rating is wide… but the rest seems too crowded)
• [x] Can you change the table style of Attendance and Punctuality to make it similar to table style of Detailed Evaluation (with the horizontal lines)?

• [x] Can you add show/hide options for Attendance and Punctuality? Default is hidden (same as Distribution Chart)

• [x] Please set font style similar to Detailed Evaluation & Attendance and Punctuality?

• [x] Please swap order. Move Distribution Chart after Detail Evaluation. So order will be:

• Detailed Evaluation

• Distribution Chart

• Attendance and Punctuality

• [x] Increase column width of the NAME column of Distribution Chart, so that the name will be displayed in 1 line.

• [x] Can you increase / widen then width for Distribution Chart? Let’s try to see how it looks.

• [x] Please increase the width of the tooltip showing the info? Just a bit so that there will be a bit of margin in both sides.
• [x] There are some cases wherein info is cut-off at the bottom (please see sample screenshot above)

• [x] Can we increase the width to make it a bit wider?
• [x] Can we also adjust the font size of the description, make it a bit smaller?

• [x] For Bar Graph Color, can you follow the color used for the emojis?

[emmaacha]

FE PR: #428 BE PR: #385

[emmaacha]

FE PR: #434

[sheilaramas]

• [x] Not implemented: For Detailed Evaluation Table, adjust the column width (make it wider) so text can be displayed in 1 line. Banding data is displayed with 2 lines

[emmaacha]

PR: #460

[sheilaramas]

ok verified