diff --git a/src/plugins/built-in/assessmentsOverview/styles.css b/src/plugins/built-in/assessmentsOverview/styles.css index 985447b2..6e908b7a 100644 --- a/src/plugins/built-in/assessmentsOverview/styles.css +++ b/src/plugins/built-in/assessmentsOverview/styles.css @@ -335,6 +335,10 @@ background: linear-gradient(135deg, #ffffff 0%, #fef2f2 100%); } +.column-submitted .column-header { + background: linear-gradient(135deg, #ffffff 0%, #fef3c7 100%); +} + .column-marked .column-header { background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%); } @@ -352,6 +356,10 @@ background: linear-gradient(135deg, var(--background-secondary) 0%, #991b1b 100%); } +.dark .column-submitted .column-header { + background: linear-gradient(135deg, var(--background-secondary) 0%, #92400e 100%); +} + .dark .column-marked .column-header { background: linear-gradient(135deg, var(--background-secondary) 0%, #065f46 100%); } diff --git a/src/plugins/built-in/assessmentsOverview/ui.ts b/src/plugins/built-in/assessmentsOverview/ui.ts index ab5cf3a5..cb9a3ab6 100644 --- a/src/plugins/built-in/assessmentsOverview/ui.ts +++ b/src/plugins/built-in/assessmentsOverview/ui.ts @@ -114,6 +114,7 @@ export function renderGrid(container: HTMLElement, data: any) { 'UPCOMING': [] as any[], 'DUE_SOON': [] as any[], 'OVERDUE': [] as any[], + 'SUBMITTED': [] as any[], 'MARKS_RELEASED': [] as any[] }; @@ -146,6 +147,12 @@ export function renderGrid(container: HTMLElement, data: any) { className: 'column-overdue', icon: '🚨' }, + { + key: 'SUBMITTED', + title: 'Submitted', + className: 'column-submitted', + icon: '📝' + }, { key: 'MARKS_RELEASED', title: 'Marked', @@ -155,14 +162,19 @@ export function renderGrid(container: HTMLElement, data: any) { ]; columns.forEach(column => { + const assessmentList = statusGroups[column.key as keyof typeof statusGroups]; + + // Skip SUBMITTED column if it's empty + if (column.key === 'SUBMITTED' && assessmentList.length === 0) { + return; + } + const columnParentEl = document.createElement('div'); columnParentEl.className = 'kanban-column-parent'; const columnEl = document.createElement('div'); columnEl.className = `kanban-column ${column.className}`; - const assessmentList = statusGroups[column.key as keyof typeof statusGroups]; - columnEl.innerHTML = /* html */`