Use-Case description
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 | 44 | < 29 minutes | Green |
Unpaid Break | 44 | < 30 minutes | Yellow |
Unpaid Break | 44 | > 30 minutes | Red |
Post Call Time | 5 | < 2 minutes | Green |
Post Call Time | 5 | < 4 minutes | Yellow |
Post Call Time | 5 | > 4 minutes | Red |
Manual Post Call Time | 11 | < 8 minutes | Green |
Manual Post Call Time | 11 | > 8 minutes | Yellow |
Manual Post Call Time | 11 | < 15 minutes | Red |
Setup Time | 43 | < 5 minutes | Green |
Setup Time | 43 | >15 minutes | Yellow |
Setup Time | 43 | < 15 minutes | Red |
First Responders | 42 | < 0 seconds | Red |
IT-Problem | 34 | < 0 seconds | Red |
Parameter 1
CSS.AcdSupervisor
Value 1
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_7),
td:has(> div.AgentList_AcdAgentStatusDuration_44_Bucket_6),
td:has(> div.AgentList_AcdAgentStatusDuration_5_Bucket_2),
td:has(> div.AgentList_AcdAgentStatusDuration_11_Bucket_4),
td:has(> div.AgentList_AcdAgentStatusDuration_43_Bucket_4) {
background-color: #FCC10F;
color: white;
}
td:has(> div.AgentList_AcdAgentStatusDuration_3_Bucket_8),
td:has(> div.AgentList_AcdAgentStatusDuration_44_Bucket_7),
td:has(> div.AgentList_AcdAgentStatusDuration_44_Bucket_8),
td:has(> div.AgentList_AcdAgentStatusDuration_5_Bucket_3),
td:has(> div.AgentList_AcdAgentStatusDuration_5_Bucket_4),
td:has(> div.AgentList_AcdAgentStatusDuration_5_Bucket_5),
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_11_Bucket_7),
td:has(> div.AgentList_AcdAgentStatusDuration_11_Bucket_8),
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
Thresholds.AcdSupervisor.Agents.AgentStatusDuration
Value 2
0,120,240,300,480,900,1740,1800,2400