diff --git a/public/admin.js b/public/admin.js
index 063e45d..bc8c0d6 100644
--- a/public/admin.js
+++ b/public/admin.js
@@ -52,6 +52,21 @@ async function unlock() {
$('#pin-gate').hidden = true;
$('#console').hidden = false;
showPanel('kids');
+ loadGradingBadge();
+}
+
+async function loadGradingBadge() {
+ try {
+ const { count } = await api('/api/grading-queue/count');
+ const pill = document.querySelector('.nav-pill[data-panel="grading"]');
+ if (count > 0) {
+ pill.textContent = `β
Grading (${count})`;
+ pill.classList.add('grading-pending');
+ } else {
+ pill.textContent = 'β
Grading';
+ pill.classList.remove('grading-pending');
+ }
+ } catch {}
}
if (parentPin) unlock();
@@ -81,20 +96,41 @@ function showPanel(name) {
// Kids
// ============================================================
+const THEME_COLORS = { blue: '#4f86f7', green: '#2e9e5b', purple: '#7c5cbf', orange: '#e8802a', pink: '#d45d8a' };
+
async function loadKids() {
const students = await api('/api/students');
$('#student-rows').innerHTML = students.length
? students
- .map(
- (s) => `
-
${esc(s.emoji)}
+ .map((s) => {
+ const theme = s.theme || 'blue';
+ const swatches = Object.entries(THEME_COLORS)
+ .map(([t, c]) => `
`)
+ .join('');
+ const streak = s.streak_count >= 2 ? `
π₯ ${s.streak_count} day streak` : '';
+ return `
+
${esc(s.emoji)}
${esc(s.name)}
+ ${streak}
+
${swatches}
-
`
- )
+
`;
+ })
.join('')
: `
No kids yet β add one below.
`;
+ document.querySelectorAll('[data-student-theme]').forEach((btn) =>
+ btn.addEventListener('click', async () => {
+ const studentId = btn.dataset.studentTheme;
+ const theme = btn.dataset.theme;
+ await api(`/api/students/${studentId}`, { method: 'PUT', body: { theme } });
+ // Update selected state without full reload
+ document.querySelectorAll(`[data-student-theme="${studentId}"]`).forEach((b) =>
+ b.classList.toggle('selected', b.dataset.theme === theme)
+ );
+ })
+ );
+
document.querySelectorAll('[data-del-student]').forEach((btn) =>
btn.addEventListener('click', async () => {
if (!confirm('Remove this kid and all their progress? This cannot be undone.')) return;
@@ -332,6 +368,7 @@ async function openItemEditor(unitId, itemId) {
}
updateItemFieldVisibility();
resetScanSection();
+ resetImportSection();
showPanel('item-editor');
}
@@ -343,6 +380,7 @@ function updateItemFieldVisibility() {
$('#ie-field-spelling').hidden = type !== 'spelling_practice' && type !== 'spelling_test';
$('#ie-field-flashcards').hidden = type !== 'flashcards';
$('#ie-scan-section').hidden = type !== 'lesson' && type !== 'quiz';
+ $('#ie-import-section').hidden = type === 'spelling_practice' || type === 'spelling_test' || type === 'flashcards';
}
$('#ie-type').addEventListener('change', updateItemFieldVisibility);
@@ -350,6 +388,12 @@ $('#ie-type').addEventListener('change', updateItemFieldVisibility);
let scanImageBase64 = null;
+function resetImportSection() {
+ $('#import-file-select').innerHTML = '
';
+ $('#import-go-btn').disabled = true;
+ $('#import-status').textContent = '';
+}
+
function resetScanSection() {
scanImageBase64 = null;
$('#scan-file-input').value = '';
@@ -431,6 +475,65 @@ $('#scan-go-btn').addEventListener('click', async () => {
}
});
+// ---------- import from Homeschool folder ----------
+
+$('#import-load-btn').addEventListener('click', async () => {
+ $('#import-status').textContent = 'Loading filesβ¦';
+ $('#import-file-select').innerHTML = '
';
+ try {
+ const { files } = await api('/api/admin/homeschool-files');
+ if (!files.length) {
+ $('#import-file-select').innerHTML = '
';
+ $('#import-status').textContent = '';
+ return;
+ }
+ $('#import-file-select').innerHTML =
+ '
' +
+ files.map((f) => `
`).join('');
+ $('#import-go-btn').disabled = false;
+ $('#import-status').textContent = `${files.length} file(s) found.`;
+ } catch (err) {
+ $('#import-status').textContent = `β ${err.message}`;
+ }
+});
+
+$('#import-file-select').addEventListener('change', () => {
+ $('#import-go-btn').disabled = !$('#import-file-select').value;
+});
+
+$('#import-go-btn').addEventListener('click', async () => {
+ const path = $('#import-file-select').value;
+ if (!path) return;
+ const type = $('#ie-type').value;
+ const mode = type === 'quiz' ? 'quiz' : type === 'lesson' ? 'lesson' : 'lesson';
+ $('#import-go-btn').disabled = true;
+ $('#import-status').textContent = 'π Extracting contentβ¦ this may take a minute.';
+ try {
+ const result = await api('/api/admin/import-docx', { method: 'POST', body: { path, mode } });
+ if (!$('#ie-title').value && result.title) $('#ie-title').value = result.title;
+ if (mode === 'quiz' && result.questions) {
+ $('#ie-questions').innerHTML = '';
+ questionCount = 0;
+ const normalized = result.questions.map((q) => ({
+ ...q,
+ correct_answer: q.correctAnswer ?? q.correct_answer ?? '',
+ }));
+ normalized.forEach(addQuestionRow);
+ $('#import-status').textContent = `β
Imported ${result.questions.length} question(s). Review before saving.`;
+ } else if (result.body) {
+ const bodyField = type === 'assignment' ? '#ie-body-assignment' : '#ie-body-lesson';
+ $(bodyField).value = result.body;
+ $('#import-status').textContent = 'β
Content imported. Review before saving.';
+ } else {
+ $('#import-status').textContent = 'β οΈ File imported but no content was found.';
+ }
+ } catch (err) {
+ $('#import-status').textContent = `β ${err.message}`;
+ } finally {
+ $('#import-go-btn').disabled = false;
+ }
+});
+
function addQuestionRow(q = {}) {
const n = questionCount++;
const div = document.createElement('div');
@@ -597,12 +700,12 @@ async function renderPlanner() {
$('#planner-grid').innerHTML = days
.map((day) => {
const dayTasks = tasks.filter((t) => t.date === day.date);
- return `
+ return `
${day.name}${day.date}
-
+
${dayTasks
.map(
- (t) => `
+ (t) => `
${t.itemId ? TYPE_ICON[t.type] : 'π'} ${esc(t.itemTitle || t.offlineTitle)}
`
@@ -615,6 +718,39 @@ async function renderPlanner() {
})
.join('');
+ // Drag-and-drop: tasks between days
+ let draggingId = null;
+
+ document.querySelectorAll('.planner-task[draggable]').forEach((el) => {
+ el.addEventListener('dragstart', (e) => {
+ draggingId = el.dataset.taskId;
+ el.classList.add('dragging');
+ e.dataTransfer.effectAllowed = 'move';
+ });
+ el.addEventListener('dragend', () => {
+ draggingId = null;
+ el.classList.remove('dragging');
+ document.querySelectorAll('.planner-tasks').forEach((col) => col.classList.remove('drop-target'));
+ });
+ });
+
+ document.querySelectorAll('.planner-tasks').forEach((col) => {
+ col.addEventListener('dragover', (e) => {
+ e.preventDefault();
+ e.dataTransfer.dropEffect = 'move';
+ col.classList.add('drop-target');
+ });
+ col.addEventListener('dragleave', () => col.classList.remove('drop-target'));
+ col.addEventListener('drop', async (e) => {
+ e.preventDefault();
+ col.classList.remove('drop-target');
+ if (!draggingId) return;
+ const newDate = col.dataset.dropDate;
+ await api(`/api/schedule/${draggingId}`, { method: 'PATCH', body: { date: newDate } });
+ renderPlanner();
+ });
+ });
+
document.querySelectorAll('[data-del-schedule]').forEach((btn) =>
btn.addEventListener('click', async () => {
await api(`/api/schedule/${btn.dataset.delSchedule}`, { method: 'DELETE' });
@@ -768,6 +904,7 @@ async function loadGrading() {
body: { score: Number(input.value), parentComment: commentInput?.value || '' },
});
loadGrading();
+ loadGradingBadge();
});
});
}
@@ -886,12 +1023,20 @@ function renderLists(lists) {
(l) => `
${esc(l.name)}
${l.wordCount} words${l.builtin ? ' Β· built-in' : ''}
+
${l.builtin ? '' : ``}
`
)
.join('');
+ document.querySelectorAll('[data-print-list]').forEach((btn) =>
+ btn.addEventListener('click', async () => {
+ const list = await api(`/api/lists/${btn.dataset.printList}`);
+ printSpellingWorksheet(list.name, list.words);
+ })
+ );
+
document.querySelectorAll('[data-edit-list]').forEach((btn) =>
btn.addEventListener('click', async () => {
const list = await api(`/api/lists/${btn.dataset.editList}`);
@@ -966,6 +1111,36 @@ function renderResults(students) {
document.querySelectorAll('[data-print]').forEach((btn) => btn.addEventListener('click', () => printSpellingReport(btn.dataset.print)));
}
+function printSpellingWorksheet(name, words) {
+ const rows = words
+ .map((w) => {
+ const sentence = w.sentence ? `
${esc(w.sentence)}
` : '';
+ return `
+ | ${esc(w.word)}${sentence} |
+ |
+ |
+
`;
+ })
+ .join('');
+ const win = window.open('', '_blank');
+ win.document.write(`
Spelling: ${esc(name)}
+
+
βοΈ Spelling: ${esc(name)}
+
Write each word twice β once to practice, once from memory.
+
+ | Word | Practice | From memory |
|---|
+ ${rows}
+
+