| Line 448... |
Line 448... |
| 448 |
} else if (status.indexOf('break') >= 0) {
|
448 |
} else if (status.indexOf('break') >= 0) {
|
| 449 |
rowStyle = 'style="background-color: #ffe5cc; color: #c45200;"'; // Light orange
|
449 |
rowStyle = 'style="background-color: #ffe5cc; color: #c45200;"'; // Light orange
|
| 450 |
} else {
|
450 |
} else {
|
| 451 |
rowStyle = 'style="background-color: #f8f9fa; color: #333;"'; // Default light
|
451 |
rowStyle = 'style="background-color: #f8f9fa; color: #333;"'; // Default light
|
| 452 |
}
|
452 |
}
|
| - |
|
453 |
var timeRange = data[i].callDateTime || '-';
|
| - |
|
454 |
if (data[i].breakEndTime) {
|
| - |
|
455 |
// Extract just the time part from callDateTime and show range
|
| - |
|
456 |
var startTime = timeRange.split(' ').slice(-2).join(' '); // Get "hh:mm AM/PM"
|
| - |
|
457 |
timeRange = startTime + ' to ' + data[i].breakEndTime;
|
| - |
|
458 |
}
|
| 453 |
html += '<tr ' + rowStyle + '><td>' + (i + 1) + '</td><td colspan="4"><i class="fa fa-coffee"></i> ' + (data[i].breakStatus || 'On Break') + '</td><td>' + (data[i].callDuration || '-') + '</td><td>' + (data[i].callDateTime || '-') + '</td><td>-</td></tr>';
|
459 |
html += '<tr ' + rowStyle + '><td>' + (i + 1) + '</td><td colspan="4"><i class="fa fa-coffee"></i> ' + (data[i].breakStatus || 'On Break') + '</td><td>' + (data[i].callDuration || '-') + '</td><td>' + timeRange + '</td><td>-</td></tr>';
|
| 454 |
} else {
|
460 |
} else {
|
| 455 |
if (data[i].recordingUrl) {
|
461 |
if (data[i].recordingUrl) {
|
| 456 |
recordingHtml = '<audio controls style="width: 150px; height: 30px;"><source src="' + data[i].recordingUrl + '" type="audio/mpeg">Your browser does not support audio.</audio>';
|
462 |
recordingHtml = '<audio controls style="width: 150px; height: 30px;"><source src="' + data[i].recordingUrl + '" type="audio/mpeg">Your browser does not support audio.</audio>';
|
| 457 |
}
|
463 |
}
|
| 458 |
html += '<tr><td>' + (i + 1) + '</td><td>' + data[i].partyName + '</td><td>' + data[i].code + '</td><td>' + data[i].remark + '- ' + (data[i].message || '-') + '</td><td>' + (data[i].callStatus || '-') + '</td><td>' + (data[i].callDuration || '-') + '</td><td>' + (data[i].callDateTime || '-') + '</td><td>' + recordingHtml + '</td></tr>';
|
464 |
html += '<tr><td>' + (i + 1) + '</td><td>' + data[i].partyName + '</td><td>' + data[i].code + '</td><td>' + data[i].remark + '- ' + (data[i].message || '-') + '</td><td>' + (data[i].callStatus || '-') + '</td><td>' + (data[i].callDuration || '-') + '</td><td>' + (data[i].callDateTime || '-') + '</td><td>' + recordingHtml + '</td></tr>';
|
| Line 611... |
Line 617... |
| 611 |
} else if (status.indexOf('break') >= 0) {
|
617 |
} else if (status.indexOf('break') >= 0) {
|
| 612 |
rowStyle = 'style="background-color: #ffe5cc; color: #c45200;"'; // Light orange
|
618 |
rowStyle = 'style="background-color: #ffe5cc; color: #c45200;"'; // Light orange
|
| 613 |
} else {
|
619 |
} else {
|
| 614 |
rowStyle = 'style="background-color: #f8f9fa; color: #333;"'; // Default light
|
620 |
rowStyle = 'style="background-color: #f8f9fa; color: #333;"'; // Default light
|
| 615 |
}
|
621 |
}
|
| - |
|
622 |
var timeRange = data[i].callDateTime || '-';
|
| - |
|
623 |
if (data[i].breakEndTime) {
|
| - |
|
624 |
// Extract just the time part from callDateTime and show range
|
| - |
|
625 |
var startTime = timeRange.split(' ').slice(-2).join(' '); // Get "hh:mm AM/PM"
|
| - |
|
626 |
timeRange = startTime + ' to ' + data[i].breakEndTime;
|
| - |
|
627 |
}
|
| 616 |
html += '<tr ' + rowStyle + '><td>' + (i + 1) + '</td><td colspan="4"><i class="fa fa-coffee"></i> ' + (data[i].breakStatus || 'On Break') + '</td><td>' + (data[i].callDuration || '-') + '</td><td>' + (data[i].callDateTime || '-') + '</td><td>-</td></tr>';
|
628 |
html += '<tr ' + rowStyle + '><td>' + (i + 1) + '</td><td colspan="4"><i class="fa fa-coffee"></i> ' + (data[i].breakStatus || 'On Break') + '</td><td>' + (data[i].callDuration || '-') + '</td><td>' + timeRange + '</td><td>-</td></tr>';
|
| 617 |
} else {
|
629 |
} else {
|
| 618 |
if (data[i].recordingUrl) {
|
630 |
if (data[i].recordingUrl) {
|
| 619 |
recordingHtml = '<audio controls style="width: 150px; height: 30px;"><source src="' + data[i].recordingUrl + '" type="audio/mpeg">Your browser does not support audio.</audio>';
|
631 |
recordingHtml = '<audio controls style="width: 150px; height: 30px;"><source src="' + data[i].recordingUrl + '" type="audio/mpeg">Your browser does not support audio.</audio>';
|
| 620 |
}
|
632 |
}
|
| 621 |
html += '<tr><td>' + (i + 1) + '</td><td>' + data[i].partyName + '</td><td>' + data[i].code + '</td><td>' + data[i].remark + '- ' + (data[i].message || '-') + '</td><td>' + (data[i].callStatus || '-') + '</td><td>' + (data[i].callDuration || '-') + '</td><td>' + (data[i].callDateTime || '-') + '</td><td>' + recordingHtml + '</td></tr>';
|
633 |
html += '<tr><td>' + (i + 1) + '</td><td>' + data[i].partyName + '</td><td>' + data[i].code + '</td><td>' + data[i].remark + '- ' + (data[i].message || '-') + '</td><td>' + (data[i].callStatus || '-') + '</td><td>' + (data[i].callDuration || '-') + '</td><td>' + (data[i].callDateTime || '-') + '</td><td>' + recordingHtml + '</td></tr>';
|