...
We want 6 agent status to be colored Green, Yellow and Red in the field 'Agent Status Duration' in the supervisor view All agents and Active Agents, depending on how much time was spent in each status and with different amounts of seconds for each status.
Status and Timetable
Agent Status | Example AcdAgentStatusID | Value | Color |
Break | 3 | < 30 minutes | Green |
Break | 3 | > 30 minutes | Yellow |
Break | 3 | > 40 minutes | Red |
Unpaid Break | 6 | < 29 minutes | Green |
Unpaid Break |
6 | < 30 minutes | Yellow | |
Unpaid Break | 6 | > 30 minutes | Red |
Post Call Time | 5 | < 2 minutes | Green |
Post Call Time | 5 | < 4 minutes | Yellow |
Post Call Time | 5 | > 4 minutes | Red |
Setup Time | 7 | < 5 minutes | Green |
Setup Time | 7 | >15 minutes | Yellow |
Setup Time | 7 | < 15 minutes | Red |
First Responders | 8 | < 0 seconds | Red |
IT-Problem | 9 | < 0 seconds | Red |
Parameter 1
Code Block |
---|
CSS.AcdSupervisor |
...
Code Block |
---|
td:has(> div.AgentList_AcdAgentStatusDuration_3_Bucket_0), td:has(> div.AgentList_AcdAgentStatusDuration_3_Bucket_1), td:has(> div.AgentList_AcdAgentStatusDuration_3_Bucket_2), td:has(> div.AgentList_AcdAgentStatusDuration_3_Bucket_3), td:has(> div.AgentList_AcdAgentStatusDuration_3_Bucket_4), td:has(> div.AgentList_AcdAgentStatusDuration_3_Bucket_5), td:has(> div.AgentList_AcdAgentStatusDuration_3_Bucket_6), td:has(> div.AgentList_AcdAgentStatusDuration_11_Bucket_0), td:has(> div.AgentList_AcdAgentStatusDuration_11_Bucket_1), td:has(> div.AgentList_AcdAgentStatusDuration_11_Bucket_2), td:has(> div.AgentList_AcdAgentStatusDuration_11_Bucket_3), td:has(> div.AgentList_AcdAgentStatusDuration_44_Bucket_0), td:has(> div.AgentList_AcdAgentStatusDuration_44_Bucket_1), td:has(> div.AgentList_AcdAgentStatusDuration_44_Bucket_2), td:has(> div.AgentList_AcdAgentStatusDuration_44_Bucket_3), td:has(> div.AgentList_AcdAgentStatusDuration_44_Bucket_4), td:has(> div.AgentList_AcdAgentStatusDuration_44_Bucket_5), td:has(> div.AgentList_AcdAgentStatusDuration_5_Bucket_0), td:has(> div.AgentList_AcdAgentStatusDuration_5_Bucket_1), td:has(> div.AgentList_AcdAgentStatusDuration_43_Bucket_0), td:has(> div.AgentList_AcdAgentStatusDuration_43_Bucket_1), td:has(> div.AgentList_AcdAgentStatusDuration_43_Bucket_2), td:has(> div.AgentList_AcdAgentStatusDuration_43_Bucket_3) { background-color: #169A13; color: white; } td:has(> div.AgentList_AcdAgentStatusDuration_3_Bucket_67), td:has(> div.AgentList_AcdAgentStatusDuration_44_Bucket_6), td:has(> div.AgentList_AcdAgentStatusDuration_5_Bucket_2), td:has(> div.AgentList_AcdAgentStatusDuration_511_Bucket_14), td:has(> div.AgentList_AcdAgentStatusDuration_43_Bucket_34) { background-color: #FCC10F; color: white; } td:has(> div.AgentList_AcdAgentStatusDuration_3_Bucket_78), td:has(> div.AgentList_AcdAgentStatusDuration_44_Bucket_67), td:has(> div.AgentList_AcdAgentStatusDuration_44_Bucket_78), td:has(> div.AgentList_AcdAgentStatusDuration_5_Bucket_23), td:has(> div.AgentList_AcdAgentStatusDuration_5_Bucket_34), td:has(> div.AgentList_AcdAgentStatusDuration_5_Bucket_45), td:has(> div.AgentList_AcdAgentStatusDuration_5_Bucket_6), td:has(> div.AgentList_AcdAgentStatusDuration_5_Bucket_7), td:has(> div.AgentList_AcdAgentStatusDuration_5_Bucket_8), td:has(> div.AgentList_AcdAgentStatusDuration_11_Bucket_5), td:has(> div.AgentList_AcdAgentStatusDuration_11_Bucket_6), td:has(> div.AgentList_AcdAgentStatusDuration_511_Bucket_7), td:has(> div.AgentList_AcdAgentStatusDuration_4311_Bucket_48), td:has(> div.AgentList_AcdAgentStatusDuration_43_Bucket_5), td:has(> div.AgentList_AcdAgentStatusDuration_43_Bucket_6), td:has(> div.AgentList_AcdAgentStatusDuration_43_Bucket_7), td:has(> div.AgentList_AcdAgentStatusDuration_43_Bucket_8), td:has(> div.AgentList_AcdAgentStatusDuration_42_Bucket_0), td:has(> div.AgentList_AcdAgentStatusDuration_42_Bucket_1), td:has(> div.AgentList_AcdAgentStatusDuration_42_Bucket_2), td:has(> div.AgentList_AcdAgentStatusDuration_42_Bucket_3), td:has(> div.AgentList_AcdAgentStatusDuration_42_Bucket_4), td:has(> div.AgentList_AcdAgentStatusDuration_42_Bucket_5), td:has(> div.AgentList_AcdAgentStatusDuration_42_Bucket_6), td:has(> div.AgentList_AcdAgentStatusDuration_42_Bucket_7), td:has(> div.AgentList_AcdAgentStatusDuration_42_Bucket_8), td:has(> div.AgentList_AcdAgentStatusDuration_34_Bucket_0), td:has(> div.AgentList_AcdAgentStatusDuration_34_Bucket_1), td:has(> div.AgentList_AcdAgentStatusDuration_34_Bucket_2), td:has(> div.AgentList_AcdAgentStatusDuration_34_Bucket_3), td:has(> div.AgentList_AcdAgentStatusDuration_34_Bucket_4), td:has(> div.AgentList_AcdAgentStatusDuration_34_Bucket_5), td:has(> div.AgentList_AcdAgentStatusDuration_34_Bucket_6), td:has(> div.AgentList_AcdAgentStatusDuration_34_Bucket_7), td:has(> div.AgentList_AcdAgentStatusDuration_34_Bucket_8) { background-color: #BB0F18; color: black; } |
Parameter 2
Code Block |
---|
Thresholds.AcdSupervisor.Agents.AgentStatusDuration |
...