`;
return;
}
filteredDocs.sort((a, b) => (a.DocumentTypeCode || '').localeCompare(b.DocumentTypeCode));
// --- CHANGE 1 of 3: Updated the table headers ---
const table = createTable(['Letter Number', 'File Name', 'Status', 'Date', 'Actions']);
const tbody = document.createElement('tbody');
let currentGroup = '';
filteredDocs.forEach(doc => {
if (doc.DocumentTypeCode !== currentGroup) {
currentGroup = doc.DocumentTypeCode;
// --- CHANGE 2 of 3: Updated the colspan for the group header ---
tbody.innerHTML += `
${currentGroup || 'Uncategorized'}
`;
}
const docDate = doc.DocumentDate ? new Date(doc.DocumentDate).toLocaleDateString('id-ID') : 'N/A';
// --- CHANGE 3 of 3: Changed the column data from DocumentTypeCode to FileName ---
tbody.innerHTML += `
`;
});
table.appendChild(tbody);
responseArea.innerHTML = '';
responseArea.appendChild(table);
}
// --- DATA FETCHING FUNCTIONS ---
async function fetchMyCases(){const responseArea=document.querySelector("#tab-my-cases .results-container");try{const authToken=getAuthToken(),apiUrl="https://coretax.intranet.pajak.go.id/casemanagement/api/caselist/mycases",fetchOptions={method:"POST",headers:getHeaders(),body:JSON.stringify({})},response=await fetch(apiUrl,fetchOptions);if(!response.ok){const errorData=await response.json();throw new Error(`API Error: ${errorData.Message||response.statusText}`)}const data=await response.json();allMyCases=data?.Payload?.Data||[],populateFilter("cases-status-filter",allMyCases,"CaseStatus");const casesFilter=document.getElementById("cases-status-filter");Array.from(casesFilter.options).some(e=>e.value===DEFAULT_CASES_FILTER)&&(casesFilter.value=DEFAULT_CASES_FILTER),renderMyCasesTable()}catch(error){handleError(error,responseArea)}}
async function fetchCaseDocuments(caseId){const responseArea=document.querySelector("#tab-docs .results-container");responseArea.innerHTML='
Loading documents...
';try{if(!caseId)throw new Error("No Case ID provided.");const authToken=getAuthToken(),apiUrl="https://coretax.intranet.pajak.go.id/casemanagement/api/casedocument/list",fetchOptions={method:"POST",headers:getHeaders(caseId),body:JSON.stringify({AggregateIdentifier:caseId})},response=await fetch(apiUrl,fetchOptions);if(!response.ok){const errorData=await response.json();throw new Error(`API Error: ${errorData.Message||response.statusText}`)}const data=await response.json();allCaseDocuments=data?.Payload?.Data||[],loadedDocsForCaseId=caseId,populateFilter("docs-status-filter",allCaseDocuments,"DocumentStatus"),renderCaseDocumentsTable()}catch(error){handleError(error,responseArea)}}
async function fetchCaseUsers(caseId){const responseArea=document.querySelector("#tab-users .results-container");responseArea.innerHTML='
`,table.appendChild(thead),table}
function handleError(error,area){console.error("Userscript Error:",error);let errorHtml;error.message.includes("Authorization Token not found")?errorHtml=`
Session Expired or Token Not Found
Please refresh the page to log in again.
`:errorHtml=`
An error occurred: ${error.message}
`,area.innerHTML=errorHtml;const refreshBtn=area.querySelector("#auth-refresh-btn");refreshBtn&&refreshBtn.addEventListener("click",()=>window.location.reload())}
function handleCaseAction(event) {
const selectedRow = event.target.closest('tr');
if (!selectedRow || selectedRow.classList.contains('group-header')) return;
const caseId = selectedRow.dataset.id;
if (!caseId) return;
selectedCaseId = caseId;
loadedDocsForCaseId = null;
loadedUsersForCaseId = null;
const allRows = selectedRow.closest('tbody').querySelectorAll('tr');
allRows.forEach(row => row.classList.remove('selected'));
selectedRow.classList.add('selected');
const actionButton = event.target.closest('.action-btn');
if (actionButton) {
if (actionButton.matches('.view-docs')) switchTab('tab-docs');
else if (actionButton.matches('.view-users')) switchTab('tab-users');
}
}
function handleDocumentAction(event) {
const downloadButton = event.target.closest('.download-doc');
if (downloadButton) {
const docId = downloadButton.dataset.docId;
const filename = downloadButton.dataset.filename;
downloadDocument(docId, filename, downloadButton);
}
}
function switchTab(tabId) {
document.querySelectorAll('.ct-tab-button').forEach(btn => btn.classList.remove('active'));
document.querySelectorAll('.ct-tab-panel').forEach(panel => panel.classList.remove('active'));
document.querySelector(`[data-tab="${tabId}"]`).classList.add('active');
document.getElementById(tabId).classList.add('active');
if (tabId === 'tab-docs') {
if (selectedCaseId && selectedCaseId !== loadedDocsForCaseId) {
fetchCaseDocuments(selectedCaseId);
}
} else if (tabId === 'tab-users') {
if (selectedCaseId && selectedCaseId !== loadedUsersForCaseId) {
fetchCaseUsers(selectedCaseId);
}
}
}
// --- MAIN INITIALIZATION ---
function main() {
addStyles();
createSidebar();
document.getElementById('ct-sidebar-toggle').addEventListener('click', () => {
document.getElementById('ct-sidebar').classList.toggle('open');
});
document.getElementById('ct-tab-bar').addEventListener('click', (e) => {
if (e.target.matches('.ct-tab-button')) switchTab(e.target.dataset.tab);
});
document.getElementById('cases-status-filter').addEventListener('change', renderMyCasesTable);
document.getElementById('docs-status-filter').addEventListener('change', renderCaseDocumentsTable);
document.getElementById('users-role-filter').addEventListener('change', renderCaseUsersTable);
fetchMyCases();
}
main();
})();