ross/penracourses
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Enhance highlightSubmitted function to add badges for submitted CIDs and users, improving visual feedback in the candidate list.

Browse Source
This commit is contained in:
Ross
2026-01-05 11:05:26 +00:00
parent debe093bc9
commit 457fb06dc0
1 changed files with 53 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
generic/templates/generic/exam_cids.html
+53 -15
View File
@@ -155,23 +155,61 @@
}
function highlightSubmitted(){
document.querySelectorAll('#submitted-candidates li').forEach(function(el){
// Find any submitted rows (table rows or list items) that include
// data attributes for cid/user. Then insert a small badge on matching list items.
// Collect submitted identifiers first to avoid duplicate processing
const submittedEls = document.querySelectorAll('#submitted-candidates [data-cid], #submitted-candidates [data-user]');
const submittedCids = new Set();
const submittedUsers = new Set();
submittedEls.forEach(function(el){
try{
const cid = el.dataset.cid;
const user = el.dataset.user;
if(cid && cid !== 'None'){
document.querySelectorAll(`.list-group-item`).forEach(function(li){
try{
const link = li.querySelector('.cid-link');
if(link && link.textContent.trim() === cid.toString()) li.classList.add('submitted');
}catch(e){}
});
}
if(user && user !== 'None'){
document.querySelectorAll('.list-group-item').forEach(function(li){ if(li.textContent.includes(user)) li.classList.add('submitted'); });
}
}catch(e){ console.error(e); }
const cid = el.dataset && el.dataset.cid ? el.dataset.cid.toString() : null;
const user = el.dataset && el.dataset.user ? el.dataset.user.toString() : null;
if(cid && cid !== 'None') submittedCids.add(cid);
if(user && user !== 'None') submittedUsers.add(user);
}catch(e){ console.error('highlightSubmitted collect error', e); }
});
// Add badges for CID list items
if(submittedCids.size){
document.querySelectorAll('#cid-list .list-group-item').forEach(function(li){
try{
const link = li.querySelector && li.querySelector('.cid-link');
const text = (link && link.textContent) ? link.textContent.trim() : (li.textContent||'').trim();
if(submittedCids.has(text) && !li.querySelector('.submitted-badge')){
const badge = document.createElement('span');
badge.className = 'submitted-badge badge bg-success ms-2';
badge.textContent = 'Submitted';
if(link && link.parentNode){
link.parentNode.appendChild(badge);
} else {
li.appendChild(badge);
}
}
}catch(e){ console.error('highlightSubmitted CID item error', e); }
});
}
// Add badges for User list items
if(submittedUsers.size){
document.querySelectorAll('#user-list .list-group-item').forEach(function(li){
try{
const txt = (li.textContent||'').trim();
for(const user of submittedUsers){
if(txt.indexOf(user) !== -1){
if(!li.querySelector('.submitted-badge')){
const badge = document.createElement('span');
badge.className = 'submitted-badge badge bg-success ms-2';
badge.textContent = 'Submitted';
const nameEl = li.querySelector('.fw-bold') || li.querySelector('a') || li;
nameEl.appendChild(badge);
}
break;
}
}
}catch(e){ console.error('highlightSubmitted User item error', e); }
});
}
}
// Wire filters