derekc
bd2bd43395
- Admin account bootstrapped from ADMIN_EMAIL/ADMIN_PASSWORD env vars on startup - Admin panel: list users, view content, reset passwords, disable/delete accounts - is_admin and is_disabled columns on users table - Disabled accounts blocked at login - README updated with admin setup instructions and panel docs Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1109 lines
42 KiB
JavaScript
1109 lines
42 KiB
JavaScript
/* Sproutly Frontend — Vanilla JS SPA */
|
|
const API = '/api';
|
|
|
|
// ===== Auth =====
|
|
const Auth = (() => {
|
|
function showTab(tab) {
|
|
document.getElementById('auth-login-panel').classList.toggle('hidden', tab !== 'login');
|
|
document.getElementById('auth-register-panel').classList.toggle('hidden', tab !== 'register');
|
|
document.getElementById('tab-login').classList.toggle('active', tab === 'login');
|
|
document.getElementById('tab-register').classList.toggle('active', tab === 'register');
|
|
document.getElementById('auth-error').classList.add('hidden');
|
|
document.getElementById('reg-error').classList.add('hidden');
|
|
}
|
|
|
|
async function submit() {
|
|
const email = document.getElementById('auth-email').value.trim();
|
|
const password = document.getElementById('auth-password').value;
|
|
const errEl = document.getElementById('auth-error');
|
|
errEl.classList.add('hidden');
|
|
try {
|
|
const res = await fetch(API + '/auth/login', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ email, password }),
|
|
});
|
|
if (!res.ok) {
|
|
const err = await res.json().catch(() => ({ detail: 'Login failed' }));
|
|
errEl.textContent = err.detail || 'Login failed';
|
|
errEl.classList.remove('hidden');
|
|
return;
|
|
}
|
|
const data = await res.json();
|
|
localStorage.setItem('sproutly_token', data.access_token);
|
|
localStorage.setItem('sproutly_user', email);
|
|
const user = await apiFetch('/auth/me');
|
|
showApp(user);
|
|
initApp(user);
|
|
} catch (e) {
|
|
errEl.textContent = e.message;
|
|
errEl.classList.remove('hidden');
|
|
}
|
|
}
|
|
|
|
async function submitRegister() {
|
|
const email = document.getElementById('reg-email').value.trim();
|
|
const password = document.getElementById('reg-password').value;
|
|
const errEl = document.getElementById('reg-error');
|
|
errEl.classList.add('hidden');
|
|
if (password.length < 8) {
|
|
errEl.textContent = 'Password must be at least 8 characters';
|
|
errEl.classList.remove('hidden');
|
|
return;
|
|
}
|
|
try {
|
|
const res = await fetch(API + '/auth/register', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ email, password }),
|
|
});
|
|
if (!res.ok) {
|
|
const err = await res.json().catch(() => ({ detail: 'Registration failed' }));
|
|
errEl.textContent = err.detail || 'Registration failed';
|
|
errEl.classList.remove('hidden');
|
|
return;
|
|
}
|
|
// Auto-login after register
|
|
const loginRes = await fetch(API + '/auth/login', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ email, password }),
|
|
});
|
|
const data = await loginRes.json();
|
|
localStorage.setItem('sproutly_token', data.access_token);
|
|
localStorage.setItem('sproutly_user', email);
|
|
const user = await apiFetch('/auth/me');
|
|
showApp(user);
|
|
initApp(user);
|
|
} catch (e) {
|
|
errEl.textContent = e.message;
|
|
errEl.classList.remove('hidden');
|
|
}
|
|
}
|
|
|
|
function logout() {
|
|
localStorage.removeItem('sproutly_token');
|
|
localStorage.removeItem('sproutly_user');
|
|
document.getElementById('app-shell').classList.add('hidden');
|
|
document.getElementById('auth-screen').classList.remove('hidden');
|
|
showTab('login');
|
|
}
|
|
|
|
return { showTab, submit, submitRegister, logout };
|
|
})();
|
|
|
|
function showApp(user) {
|
|
document.getElementById('auth-screen').classList.add('hidden');
|
|
document.getElementById('app-shell').classList.remove('hidden');
|
|
const email = (user?.email) || localStorage.getItem('sproutly_user') || '';
|
|
document.getElementById('sidebar-user').textContent = email;
|
|
}
|
|
|
|
// ===== API Helpers =====
|
|
async function apiFetch(path, opts = {}) {
|
|
const token = localStorage.getItem('sproutly_token');
|
|
const res = await fetch(API + path, {
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
...(token ? { 'Authorization': `Bearer ${token}` } : {}),
|
|
...(opts.headers || {}),
|
|
},
|
|
...opts,
|
|
body: opts.body ? JSON.stringify(opts.body) : undefined,
|
|
});
|
|
if (res.status === 401) {
|
|
Auth.logout();
|
|
throw new Error('Session expired — please log in again');
|
|
}
|
|
if (!res.ok) {
|
|
const err = await res.json().catch(() => ({ detail: res.statusText }));
|
|
throw new Error(err.detail || res.statusText);
|
|
}
|
|
if (res.status === 204) return null;
|
|
return res.json();
|
|
}
|
|
|
|
const api = {
|
|
get: (p) => apiFetch(p),
|
|
post: (p, body) => apiFetch(p, { method: 'POST', body }),
|
|
put: (p, body) => apiFetch(p, { method: 'PUT', body }),
|
|
delete: (p) => apiFetch(p, { method: 'DELETE' }),
|
|
};
|
|
|
|
// ===== State =====
|
|
let state = {
|
|
varieties: [],
|
|
batches: [],
|
|
settings: {},
|
|
};
|
|
|
|
// ===== Toast =====
|
|
let toastTimer;
|
|
function toast(msg, isError = false) {
|
|
const el = document.getElementById('toast');
|
|
el.textContent = msg;
|
|
el.className = 'toast' + (isError ? ' error' : '');
|
|
clearTimeout(toastTimer);
|
|
toastTimer = setTimeout(() => el.classList.add('hidden'), 3500);
|
|
}
|
|
|
|
// ===== Utility =====
|
|
function fmt(dateStr) {
|
|
if (!dateStr) return '—';
|
|
const d = new Date(dateStr + 'T00:00:00');
|
|
return d.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
|
|
}
|
|
|
|
function daysAway(dateStr) {
|
|
if (!dateStr) return null;
|
|
const d = new Date(dateStr + 'T00:00:00');
|
|
const today = new Date(); today.setHours(0,0,0,0);
|
|
return Math.round((d - today) / 86400000);
|
|
}
|
|
|
|
function relDate(dateStr) {
|
|
const d = daysAway(dateStr);
|
|
if (d === null) return '';
|
|
if (d < -1) return `${Math.abs(d)} days ago`;
|
|
if (d === -1) return 'Yesterday';
|
|
if (d === 0) return 'Today';
|
|
if (d === 1) return 'Tomorrow';
|
|
if (d <= 7) return `In ${d} days`;
|
|
return fmt(dateStr);
|
|
}
|
|
|
|
function statusLabel(s) {
|
|
return {
|
|
planned: 'Planned', germinating: 'Germinating', seedling: 'Seedling',
|
|
potted_up: 'Potted Up', hardening: 'Hardening Off', garden: 'In Garden',
|
|
harvested: 'Harvested', failed: 'Failed',
|
|
}[s] || s;
|
|
}
|
|
|
|
function sunLabel(s) {
|
|
return { full_sun: 'Full Sun', part_shade: 'Partial Shade', full_shade: 'Full Shade' }[s] || s;
|
|
}
|
|
|
|
function esc(str) {
|
|
return String(str || '').replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"');
|
|
}
|
|
|
|
// ===== Navigation =====
|
|
function navigate(page) {
|
|
document.querySelectorAll('.page').forEach(p => p.classList.remove('active'));
|
|
document.querySelectorAll('.nav-link').forEach(l => l.classList.remove('active'));
|
|
document.getElementById('page-' + page)?.classList.add('active');
|
|
document.querySelector(`[data-page="${page}"]`)?.classList.add('active');
|
|
|
|
if (page === 'dashboard') loadDashboard();
|
|
if (page === 'varieties') loadVarieties();
|
|
if (page === 'garden') loadGarden();
|
|
if (page === 'settings') loadSettings();
|
|
if (page === 'admin') loadAdmin();
|
|
}
|
|
|
|
// ===== Dashboard =====
|
|
async function loadDashboard() {
|
|
try {
|
|
const data = await api.get('/dashboard/');
|
|
|
|
// Subtitle
|
|
const sub = document.getElementById('dash-subtitle');
|
|
const today = new Date().toLocaleDateString('en-US', { weekday:'long', month:'long', day:'numeric', year:'numeric' });
|
|
sub.textContent = data.location_name
|
|
? `${data.location_name} — ${today}`
|
|
: today;
|
|
|
|
// Stats
|
|
document.getElementById('stat-varieties').textContent = data.stats.total_varieties;
|
|
document.getElementById('stat-active').textContent = data.stats.active_batches;
|
|
document.getElementById('stat-garden').textContent = data.stats.in_garden;
|
|
document.getElementById('stat-tasks').textContent = data.stats.tasks_count;
|
|
|
|
// Frost badge
|
|
const fb = document.getElementById('frost-badge');
|
|
if (data.last_frost_date) {
|
|
const d = daysAway(data.last_frost_date);
|
|
if (d !== null && d >= 0 && d <= 60) {
|
|
fb.textContent = `Last frost in ${d} days (${fmt(data.last_frost_date)})`;
|
|
fb.style.display = '';
|
|
} else if (d !== null && d < 0) {
|
|
fb.textContent = `Last frost was ${fmt(data.last_frost_date)}`;
|
|
fb.style.display = '';
|
|
} else {
|
|
fb.textContent = `Last frost: ${fmt(data.last_frost_date)}`;
|
|
fb.style.display = '';
|
|
}
|
|
} else {
|
|
fb.textContent = '';
|
|
}
|
|
|
|
// Tasks
|
|
renderTasks(data);
|
|
|
|
// Timeline
|
|
renderTimeline(data.timeline, data.last_frost_date);
|
|
|
|
// Active batches
|
|
renderActiveBatches(data.active_batches);
|
|
|
|
} catch (e) {
|
|
console.error(e);
|
|
document.getElementById('tasks-container').innerHTML = `<div class="empty-state">Error loading dashboard: ${esc(e.message)}</div>`;
|
|
}
|
|
}
|
|
|
|
function renderTasks(data) {
|
|
const container = document.getElementById('tasks-container');
|
|
const allGroups = [
|
|
{ key: 'overdue', label: 'Overdue', tasks: data.tasks_overdue },
|
|
{ key: 'today', label: 'Today', tasks: data.tasks_today },
|
|
{ key: 'week', label: 'This Week', tasks: data.tasks_week },
|
|
{ key: 'month', label: 'This Month', tasks: data.tasks_month },
|
|
].filter(g => g.tasks.length > 0);
|
|
|
|
if (!allGroups.length) {
|
|
container.innerHTML = '<div class="empty-state">No upcoming tasks in the next 30 days. Check your settings to set a last frost date.</div>';
|
|
return;
|
|
}
|
|
|
|
container.innerHTML = allGroups.map(g => `
|
|
<div class="tasks-group">
|
|
<span class="tasks-group-label ${g.key}">${g.label}</span>
|
|
<div class="task-list">
|
|
${g.tasks.map(t => renderTask(t)).join('')}
|
|
</div>
|
|
</div>
|
|
`).join('');
|
|
}
|
|
|
|
function renderTask(t) {
|
|
const dateClass = t.urgency === 'overdue' ? 'overdue' : '';
|
|
const dateText = t.urgency === 'overdue'
|
|
? `${Math.abs(t.days_away)} days overdue`
|
|
: t.days_away === 0 ? 'Today' : relDate(t.due_date);
|
|
const typeIcon = {
|
|
start_seeds: '🌱', pot_up: '🪴', transplant: '🌿', check_batch: '🔎'
|
|
}[t.type] || '📋';
|
|
|
|
return `
|
|
<div class="task-card ${t.urgency}">
|
|
<div class="task-dot" style="background:${esc(t.variety_color)}"></div>
|
|
<div class="task-info">
|
|
<div class="task-title">${typeIcon} ${esc(t.title)}</div>
|
|
<div class="task-detail">${esc(t.detail)}</div>
|
|
</div>
|
|
<div class="task-date ${dateClass}">${dateText}</div>
|
|
</div>
|
|
`;
|
|
}
|
|
|
|
// ===== Timeline =====
|
|
function renderTimeline(entries, lastFrostDate) {
|
|
const container = document.getElementById('timeline-container');
|
|
if (!entries || !entries.length) {
|
|
container.innerHTML = '<div class="empty-state">No varieties configured.</div>';
|
|
return;
|
|
}
|
|
|
|
const today = new Date();
|
|
const startOfYear = new Date(today.getFullYear(), 0, 1);
|
|
const todayDoy = Math.floor((today - startOfYear) / 86400000) + 1;
|
|
const daysInYear = 365;
|
|
|
|
const months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
|
|
const monthStarts = [1,32,60,91,121,152,182,213,244,274,305,335];
|
|
|
|
let html = `
|
|
<div style="position:relative; min-width:700px">
|
|
<div class="timeline-months">
|
|
<span></span>
|
|
${months.map((m, i) => {
|
|
const pct = ((monthStarts[i] - 1) / daysInYear * 100).toFixed(2);
|
|
return `<span>${m}</span>`;
|
|
}).join('')}
|
|
</div>
|
|
`;
|
|
|
|
// Today marker (positioned in bar area)
|
|
const todayPct = ((todayDoy - 1) / daysInYear * 100).toFixed(2);
|
|
|
|
entries.forEach(e => {
|
|
if (!e.start_day && !e.greenhouse_day && !e.garden_day) return;
|
|
|
|
const segments = [];
|
|
// Indoor start to greenhouse
|
|
if (e.start_day && e.greenhouse_day) {
|
|
segments.push({ from: e.start_day, to: e.greenhouse_day, opacity: '0.5', label: 'start' });
|
|
} else if (e.start_day && e.garden_day) {
|
|
segments.push({ from: e.start_day, to: e.garden_day, opacity: '0.45', label: 'start' });
|
|
}
|
|
// Greenhouse to garden
|
|
if (e.greenhouse_day && e.garden_day) {
|
|
segments.push({ from: e.greenhouse_day, to: e.garden_day, opacity: '0.7', label: 'greenhouse' });
|
|
}
|
|
// Garden onwards
|
|
if (e.garden_day) {
|
|
const endDay = Math.min(e.end_day || e.garden_day + 70, daysInYear);
|
|
segments.push({ from: e.garden_day, to: endDay, opacity: '1', label: 'garden' });
|
|
}
|
|
|
|
html += `
|
|
<div class="timeline-row">
|
|
<div class="timeline-label" title="${esc(e.full_name)}">${esc(e.name)}</div>
|
|
<div class="timeline-bar-area">
|
|
<div class="timeline-today-line" style="left:${todayPct}%"></div>
|
|
${segments.map(s => {
|
|
const left = ((Math.max(s.from, 1) - 1) / daysInYear * 100).toFixed(2);
|
|
const width = ((Math.min(s.to, daysInYear) - Math.max(s.from, 1)) / daysInYear * 100).toFixed(2);
|
|
return `<div class="timeline-segment" style="left:${left}%;width:${width}%;background:${e.color};opacity:${s.opacity}" title="${e.full_name}: ${s.label}"></div>`;
|
|
}).join('')}
|
|
</div>
|
|
</div>
|
|
`;
|
|
});
|
|
|
|
html += '</div>';
|
|
container.innerHTML = html;
|
|
}
|
|
|
|
// ===== Active Batches =====
|
|
function renderActiveBatches(batches) {
|
|
const container = document.getElementById('active-batches-container');
|
|
if (!batches || !batches.length) {
|
|
container.innerHTML = '<div class="empty-state">No active batches yet. Log a batch to get started!</div>';
|
|
return;
|
|
}
|
|
container.innerHTML = batches.map(b => batchCard(b, true)).join('');
|
|
}
|
|
|
|
function batchCard(b, compact = false) {
|
|
const v = b.variety || {};
|
|
const color = v.color || '#52b788';
|
|
const name = b.label || `${v.name}${v.variety_name ? ' ('+v.variety_name+')' : ''}`;
|
|
const meta = [];
|
|
if (b.quantity > 1) meta.push(`${b.quantity} plants`);
|
|
if (b.sow_date) meta.push(`Sown ${fmt(b.sow_date)}`);
|
|
if (b.garden_date) meta.push(`Garden ${fmt(b.garden_date)}`);
|
|
|
|
return `
|
|
<div class="batch-card">
|
|
<div class="batch-card-top" style="background:${color}"></div>
|
|
<div class="batch-card-body">
|
|
<div class="badge-status status-${b.status}">${statusLabel(b.status)}</div>
|
|
<div class="batch-card-name">${esc(name)}</div>
|
|
<div class="batch-card-variety">${esc(v.name || '')}${v.variety_name ? ' — ' + esc(v.variety_name) : ''}</div>
|
|
<div class="batch-card-meta">${meta.map(m => `<span class="batch-meta-item">${esc(m)}</span>`).join('')}</div>
|
|
${b.notes ? `<div class="batch-card-variety" style="margin-bottom:.5rem">${esc(b.notes)}</div>` : ''}
|
|
<div class="batch-card-actions">
|
|
<button class="btn btn-secondary btn-sm" onclick="App.showEditBatchModal(${b.id})">Edit</button>
|
|
<button class="btn btn-danger btn-sm" onclick="App.deleteBatch(${b.id})">Delete</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
}
|
|
|
|
// ===== Varieties =====
|
|
async function loadVarieties() {
|
|
try {
|
|
state.varieties = await api.get('/varieties/');
|
|
renderVarieties();
|
|
} catch (e) {
|
|
document.getElementById('varieties-container').innerHTML = `<div class="empty-state">Error: ${esc(e.message)}</div>`;
|
|
}
|
|
}
|
|
|
|
function renderVarieties() {
|
|
const search = (document.getElementById('variety-search')?.value || '').toLowerCase();
|
|
const cat = document.getElementById('variety-cat-filter')?.value || '';
|
|
const list = state.varieties.filter(v =>
|
|
(!search || `${v.name} ${v.variety_name || ''}`.toLowerCase().includes(search)) &&
|
|
(!cat || v.category === cat)
|
|
);
|
|
|
|
const container = document.getElementById('varieties-container');
|
|
if (!list.length) {
|
|
container.innerHTML = '<div class="empty-state">No varieties found.</div>';
|
|
return;
|
|
}
|
|
|
|
container.innerHTML = `
|
|
<table class="variety-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Plant</th>
|
|
<th>Category</th>
|
|
<th>Start Seeds</th>
|
|
<th>Greenhouse</th>
|
|
<th>Transplant</th>
|
|
<th>Germination</th>
|
|
<th>Sun</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
${list.map(v => `
|
|
<tr>
|
|
<td>
|
|
<span class="variety-color-dot" style="background:${v.color}"></span>
|
|
<strong>${esc(v.name)}</strong>
|
|
${v.variety_name ? `<br><small style="color:var(--text-muted)">${esc(v.variety_name)}</small>` : ''}
|
|
</td>
|
|
<td><span class="cat-badge cat-${v.category}">${v.category}</span></td>
|
|
<td>${v.weeks_to_start ? `<span class="weeks-chip">${v.weeks_to_start}wk before frost</span>` : '—'}</td>
|
|
<td>${v.weeks_to_greenhouse ? `<span class="weeks-chip">${v.weeks_to_greenhouse}wk before frost</span>` : '—'}</td>
|
|
<td>${v.weeks_to_garden != null
|
|
? `<span class="weeks-chip">${v.weeks_to_garden >= 0 ? v.weeks_to_garden+'wk after frost' : Math.abs(v.weeks_to_garden)+'wk before frost'}</span>`
|
|
: '—'}</td>
|
|
<td>${v.days_to_germinate ? `${v.days_to_germinate}d` : '—'}</td>
|
|
<td>${sunLabel(v.sun_requirement)}</td>
|
|
<td>
|
|
<div class="btn-row">
|
|
<button class="btn btn-secondary btn-sm" onclick="App.showEditVarietyModal(${v.id})">Edit</button>
|
|
<button class="btn btn-danger btn-sm" onclick="App.deleteVariety(${v.id})">Del</button>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
`).join('')}
|
|
</tbody>
|
|
</table>
|
|
`;
|
|
}
|
|
|
|
function filterVarieties() { renderVarieties(); }
|
|
|
|
// ===== Garden =====
|
|
async function loadGarden() {
|
|
try {
|
|
state.batches = await api.get('/batches/');
|
|
renderGarden();
|
|
} catch (e) {
|
|
document.getElementById('garden-container').innerHTML = `<div class="empty-state">Error: ${esc(e.message)}</div>`;
|
|
}
|
|
}
|
|
|
|
function renderGarden() {
|
|
const statusFilter = document.getElementById('garden-status-filter')?.value || '';
|
|
const list = state.batches.filter(b => !statusFilter || b.status === statusFilter);
|
|
const container = document.getElementById('garden-container');
|
|
if (!list.length) {
|
|
container.innerHTML = '<div class="empty-state">No batches found.</div>';
|
|
return;
|
|
}
|
|
container.innerHTML = list.map(b => batchCard(b)).join('');
|
|
}
|
|
|
|
function filterBatches() { renderGarden(); }
|
|
|
|
// ===== Settings =====
|
|
function toggleNtfyAuth(type) {
|
|
document.getElementById('ntfy-basic-auth').classList.toggle('hidden', type !== 'basic');
|
|
document.getElementById('ntfy-token-auth').classList.toggle('hidden', type !== 'token');
|
|
}
|
|
|
|
async function loadSettings() {
|
|
try {
|
|
state.settings = await api.get('/settings/');
|
|
const s = state.settings;
|
|
document.getElementById('s-location').value = s.location_name || '';
|
|
document.getElementById('s-last-frost').value = s.last_frost_date || '';
|
|
document.getElementById('s-first-frost').value = s.first_frost_fall_date || '';
|
|
document.getElementById('s-timezone').value = s.timezone || 'UTC';
|
|
document.getElementById('s-ntfy-server').value = s.ntfy_server || 'https://ntfy.sh';
|
|
document.getElementById('s-ntfy-topic').value = s.ntfy_topic || '';
|
|
document.getElementById('s-notif-time').value = s.notification_time || '07:00';
|
|
|
|
// Auth type
|
|
let authType = 'none';
|
|
if (s.ntfy_api_key) authType = 'token';
|
|
else if (s.ntfy_username) authType = 'basic';
|
|
document.querySelector(`input[name="ntfy-auth-type"][value="${authType}"]`).checked = true;
|
|
toggleNtfyAuth(authType);
|
|
document.getElementById('s-ntfy-username').value = s.ntfy_username || '';
|
|
document.getElementById('s-ntfy-password').value = s.ntfy_password ? '••••••••' : '';
|
|
document.getElementById('s-ntfy-api-key').value = s.ntfy_api_key ? '••••••••' : '';
|
|
} catch (e) {
|
|
toast('Failed to load settings: ' + e.message, true);
|
|
}
|
|
}
|
|
|
|
async function saveSettings() {
|
|
try {
|
|
const authType = document.querySelector('input[name="ntfy-auth-type"]:checked').value;
|
|
const rawPassword = document.getElementById('s-ntfy-password').value;
|
|
const rawApiKey = document.getElementById('s-ntfy-api-key').value;
|
|
// If the placeholder mask is still showing, don't overwrite
|
|
const isMask = v => v === '••••••••';
|
|
|
|
const payload = {
|
|
location_name: document.getElementById('s-location').value || null,
|
|
last_frost_date: document.getElementById('s-last-frost').value || null,
|
|
first_frost_fall_date: document.getElementById('s-first-frost').value || null,
|
|
timezone: document.getElementById('s-timezone').value || 'UTC',
|
|
ntfy_server: document.getElementById('s-ntfy-server').value || 'https://ntfy.sh',
|
|
ntfy_topic: document.getElementById('s-ntfy-topic').value || null,
|
|
notification_time: document.getElementById('s-notif-time').value || '07:00',
|
|
ntfy_username: authType === 'basic' ? (document.getElementById('s-ntfy-username').value || null) : null,
|
|
ntfy_password: authType === 'basic' && !isMask(rawPassword) ? (rawPassword || null) : (authType === 'basic' ? undefined : null),
|
|
ntfy_api_key: authType === 'token' && !isMask(rawApiKey) ? (rawApiKey || null) : (authType === 'token' ? undefined : null),
|
|
};
|
|
// Remove undefined keys so they are excluded from the PUT (server keeps existing value)
|
|
Object.keys(payload).forEach(k => payload[k] === undefined && delete payload[k]);
|
|
await api.put('/settings/', payload);
|
|
toast('Settings saved!');
|
|
document.getElementById('settings-status').textContent = 'Saved!';
|
|
setTimeout(() => document.getElementById('settings-status').textContent = '', 3000);
|
|
} catch (e) {
|
|
toast('Save failed: ' + e.message, true);
|
|
}
|
|
}
|
|
|
|
async function sendTestNotification() {
|
|
try {
|
|
await api.post('/notifications/test', {});
|
|
toast('Test notification sent!');
|
|
} catch (e) {
|
|
toast('Failed: ' + e.message, true);
|
|
}
|
|
}
|
|
|
|
async function sendDailySummary() {
|
|
try {
|
|
await api.post('/notifications/daily', {});
|
|
toast('Daily summary sent!');
|
|
} catch (e) {
|
|
toast('Failed: ' + e.message, true);
|
|
}
|
|
}
|
|
|
|
// ===== Modals =====
|
|
function openModal(title, bodyHtml) {
|
|
document.getElementById('modal-title').textContent = title;
|
|
document.getElementById('modal-body').innerHTML = bodyHtml;
|
|
document.getElementById('modal-overlay').classList.remove('hidden');
|
|
}
|
|
|
|
function closeModal(e) {
|
|
if (e && e.target !== document.getElementById('modal-overlay')) return;
|
|
document.getElementById('modal-overlay').classList.add('hidden');
|
|
}
|
|
|
|
function varietyFormHtml(v = {}) {
|
|
const colorOpts = ['#e76f51','#f4a261','#e9c46a','#52b788','#40916c','#2d6a4f','#95d5b2','#2d9cdb','#a8dadc','#e63946'];
|
|
return `
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label class="form-label">Plant Name *</label>
|
|
<input type="text" id="f-name" class="form-input" value="${esc(v.name||'')}" placeholder="e.g. Tomato" required />
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">Variety Name</label>
|
|
<input type="text" id="f-variety-name" class="form-input" value="${esc(v.variety_name||'')}" placeholder="e.g. Roma" />
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label class="form-label">Category</label>
|
|
<select id="f-category" class="form-select">
|
|
${['vegetable','herb','flower','fruit'].map(c => `<option value="${c}" ${v.category===c?'selected':''}>${c}</option>`).join('')}
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">Color Tag</label>
|
|
<select id="f-color" class="form-select">
|
|
${colorOpts.map(c => `<option value="${c}" ${v.color===c?'selected':''}>${c}</option>`).join('')}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label class="form-label">Weeks before last frost to start indoors</label>
|
|
<input type="number" id="f-wks-start" class="form-input" value="${v.weeks_to_start||''}" placeholder="e.g. 8" min="0" max="20" />
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">Weeks before last frost to pot up / greenhouse</label>
|
|
<input type="number" id="f-wks-gh" class="form-input" value="${v.weeks_to_greenhouse||''}" placeholder="e.g. 2" min="0" max="20" />
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label class="form-label">Weeks to transplant (+ after frost, - before frost)</label>
|
|
<input type="number" id="f-wks-garden" class="form-input" value="${v.weeks_to_garden!=null?v.weeks_to_garden:''}" placeholder="e.g. 2 or -2" min="-8" max="12" />
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">Days to germinate</label>
|
|
<input type="number" id="f-germinate" class="form-input" value="${v.days_to_germinate||7}" min="1" max="60" />
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label class="form-label">Sun Requirement</label>
|
|
<select id="f-sun" class="form-select">
|
|
${['full_sun','part_shade','full_shade'].map(s => `<option value="${s}" ${v.sun_requirement===s?'selected':''}>${sunLabel(s)}</option>`).join('')}
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">Water Needs</label>
|
|
<select id="f-water" class="form-select">
|
|
${['low','medium','high'].map(w => `<option value="${w}" ${v.water_needs===w?'selected':''}>${w}</option>`).join('')}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label class="form-check">
|
|
<input type="checkbox" id="f-direct-sow" ${v.direct_sow_ok?'checked':''} />
|
|
Can Direct Sow Outdoors
|
|
</label>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-check">
|
|
<input type="checkbox" id="f-frost-tolerant" ${v.frost_tolerant?'checked':''} />
|
|
Frost Tolerant
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">Notes</label>
|
|
<textarea id="f-notes" class="form-textarea">${esc(v.notes||'')}</textarea>
|
|
</div>
|
|
`;
|
|
}
|
|
|
|
function collectVarietyForm() {
|
|
const wg = document.getElementById('f-wks-garden').value;
|
|
return {
|
|
name: document.getElementById('f-name').value.trim(),
|
|
variety_name: document.getElementById('f-variety-name').value.trim() || null,
|
|
category: document.getElementById('f-category').value,
|
|
color: document.getElementById('f-color').value,
|
|
weeks_to_start: parseInt(document.getElementById('f-wks-start').value) || null,
|
|
weeks_to_greenhouse: parseInt(document.getElementById('f-wks-gh').value) || null,
|
|
weeks_to_garden: wg !== '' ? parseInt(wg) : null,
|
|
days_to_germinate: parseInt(document.getElementById('f-germinate').value) || 7,
|
|
sun_requirement: document.getElementById('f-sun').value,
|
|
water_needs: document.getElementById('f-water').value,
|
|
direct_sow_ok: document.getElementById('f-direct-sow').checked,
|
|
frost_tolerant: document.getElementById('f-frost-tolerant').checked,
|
|
notes: document.getElementById('f-notes').value.trim() || null,
|
|
};
|
|
}
|
|
|
|
function showAddVarietyModal() {
|
|
openModal('Add Seed Variety', `
|
|
${varietyFormHtml()}
|
|
<div class="btn-row" style="margin-top:1rem">
|
|
<button class="btn btn-primary" onclick="App.submitAddVariety()">Add Variety</button>
|
|
<button class="btn btn-secondary" onclick="App.closeModal()">Cancel</button>
|
|
</div>
|
|
`);
|
|
}
|
|
|
|
async function submitAddVariety() {
|
|
try {
|
|
const data = collectVarietyForm();
|
|
if (!data.name) { toast('Plant name is required', true); return; }
|
|
await api.post('/varieties/', data);
|
|
closeModal();
|
|
toast('Variety added!');
|
|
await loadVarieties();
|
|
} catch (e) {
|
|
toast('Error: ' + e.message, true);
|
|
}
|
|
}
|
|
|
|
function showEditVarietyModal(id) {
|
|
const v = state.varieties.find(x => x.id === id);
|
|
if (!v) return;
|
|
openModal('Edit ' + v.name, `
|
|
${varietyFormHtml(v)}
|
|
<div class="btn-row" style="margin-top:1rem">
|
|
<button class="btn btn-primary" onclick="App.submitEditVariety(${id})">Save Changes</button>
|
|
<button class="btn btn-secondary" onclick="App.closeModal()">Cancel</button>
|
|
</div>
|
|
`);
|
|
}
|
|
|
|
async function submitEditVariety(id) {
|
|
try {
|
|
const data = collectVarietyForm();
|
|
if (!data.name) { toast('Plant name is required', true); return; }
|
|
await api.put(`/varieties/${id}`, data);
|
|
closeModal();
|
|
toast('Variety updated!');
|
|
await loadVarieties();
|
|
} catch (e) {
|
|
toast('Error: ' + e.message, true);
|
|
}
|
|
}
|
|
|
|
async function deleteVariety(id) {
|
|
const v = state.varieties.find(x => x.id === id);
|
|
if (!confirm(`Delete ${v ? v.name : 'this variety'}? This will also delete all associated batches.`)) return;
|
|
try {
|
|
await api.delete(`/varieties/${id}`);
|
|
toast('Variety deleted');
|
|
await loadVarieties();
|
|
} catch (e) {
|
|
toast('Error: ' + e.message, true);
|
|
}
|
|
}
|
|
|
|
// ===== Batch Modals =====
|
|
function batchFormHtml(b = {}) {
|
|
const varOpts = state.varieties.map(v =>
|
|
`<option value="${v.id}" ${b.variety_id===v.id?'selected':''}>${v.name}${v.variety_name?' ('+v.variety_name+')':''}</option>`
|
|
).join('');
|
|
|
|
return `
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label class="form-label">Plant Variety *</label>
|
|
<select id="bf-variety" class="form-select">${varOpts}</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">Batch Label</label>
|
|
<input type="text" id="bf-label" class="form-input" value="${esc(b.label||'')}" placeholder="e.g. Main Crop" />
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label class="form-label">Quantity (seeds/plants)</label>
|
|
<input type="number" id="bf-qty" class="form-input" value="${b.quantity||1}" min="1" />
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">Status</label>
|
|
<select id="bf-status" class="form-select">
|
|
${['planned','germinating','seedling','potted_up','hardening','garden','harvested','failed']
|
|
.map(s => `<option value="${s}" ${b.status===s?'selected':''}>${statusLabel(s)}</option>`).join('')}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label class="form-label">Sow Date</label>
|
|
<input type="date" id="bf-sow" class="form-input" value="${b.sow_date||''}" />
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">Germination Date</label>
|
|
<input type="date" id="bf-germ" class="form-input" value="${b.germination_date||''}" />
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label class="form-label">Greenhouse / Pot Up Date</label>
|
|
<input type="date" id="bf-gh" class="form-input" value="${b.greenhouse_date||''}" />
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">Garden Transplant Date</label>
|
|
<input type="date" id="bf-garden" class="form-input" value="${b.garden_date||''}" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">Notes</label>
|
|
<textarea id="bf-notes" class="form-textarea">${esc(b.notes||'')}</textarea>
|
|
</div>
|
|
`;
|
|
}
|
|
|
|
function collectBatchForm() {
|
|
return {
|
|
variety_id: parseInt(document.getElementById('bf-variety').value),
|
|
label: document.getElementById('bf-label').value.trim() || null,
|
|
quantity: parseInt(document.getElementById('bf-qty').value) || 1,
|
|
status: document.getElementById('bf-status').value,
|
|
sow_date: document.getElementById('bf-sow').value || null,
|
|
germination_date: document.getElementById('bf-germ').value || null,
|
|
greenhouse_date: document.getElementById('bf-gh').value || null,
|
|
garden_date: document.getElementById('bf-garden').value || null,
|
|
notes: document.getElementById('bf-notes').value.trim() || null,
|
|
};
|
|
}
|
|
|
|
function showAddBatchModal() {
|
|
if (!state.varieties.length) {
|
|
// Load varieties first if not loaded
|
|
api.get('/varieties/').then(v => { state.varieties = v; showAddBatchModal(); });
|
|
return;
|
|
}
|
|
openModal('Log a Batch', `
|
|
${batchFormHtml()}
|
|
<div class="btn-row" style="margin-top:1rem">
|
|
<button class="btn btn-primary" onclick="App.submitAddBatch()">Log Batch</button>
|
|
<button class="btn btn-secondary" onclick="App.closeModal()">Cancel</button>
|
|
</div>
|
|
`);
|
|
}
|
|
|
|
async function submitAddBatch() {
|
|
try {
|
|
const data = collectBatchForm();
|
|
await api.post('/batches/', data);
|
|
closeModal();
|
|
toast('Batch logged!');
|
|
state.batches = await api.get('/batches/');
|
|
renderGarden();
|
|
} catch (e) {
|
|
toast('Error: ' + e.message, true);
|
|
}
|
|
}
|
|
|
|
async function showEditBatchModal(id) {
|
|
try {
|
|
if (!state.varieties.length) state.varieties = await api.get('/varieties/');
|
|
const b = state.batches.find(x => x.id === id) || await api.get(`/batches/${id}`);
|
|
openModal('Edit Batch', `
|
|
${batchFormHtml(b)}
|
|
<div class="btn-row" style="margin-top:1rem">
|
|
<button class="btn btn-primary" onclick="App.submitEditBatch(${id})">Save Changes</button>
|
|
<button class="btn btn-secondary" onclick="App.closeModal()">Cancel</button>
|
|
</div>
|
|
`);
|
|
} catch (e) {
|
|
toast('Error: ' + e.message, true);
|
|
}
|
|
}
|
|
|
|
async function submitEditBatch(id) {
|
|
try {
|
|
const data = collectBatchForm();
|
|
await api.put(`/batches/${id}`, data);
|
|
closeModal();
|
|
toast('Batch updated!');
|
|
state.batches = await api.get('/batches/');
|
|
renderGarden();
|
|
renderActiveBatches(state.batches.filter(b =>
|
|
!['harvested','failed'].includes(b.status)
|
|
));
|
|
} catch (e) {
|
|
toast('Error: ' + e.message, true);
|
|
}
|
|
}
|
|
|
|
async function deleteBatch(id) {
|
|
if (!confirm('Delete this batch?')) return;
|
|
try {
|
|
await api.delete(`/batches/${id}`);
|
|
toast('Batch deleted');
|
|
state.batches = await api.get('/batches/');
|
|
renderGarden();
|
|
} catch (e) {
|
|
toast('Error: ' + e.message, true);
|
|
}
|
|
}
|
|
|
|
// ===== Admin =====
|
|
async function loadAdmin() {
|
|
const container = document.getElementById('admin-users-container');
|
|
try {
|
|
const users = await api.get('/admin/users');
|
|
if (!users.length) {
|
|
container.innerHTML = '<div class="empty-state">No users found.</div>';
|
|
return;
|
|
}
|
|
container.innerHTML = `
|
|
<div class="admin-table-wrap">
|
|
<table class="admin-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Email</th>
|
|
<th>Joined</th>
|
|
<th>Varieties</th>
|
|
<th>Batches</th>
|
|
<th>Status</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
${users.map(u => `
|
|
<tr id="admin-row-${u.id}">
|
|
<td><span class="admin-email">${esc(u.email)}</span>${u.is_admin ? ' <span class="badge-admin">admin</span>' : ''}</td>
|
|
<td class="admin-date">${fmt(u.created_at)}</td>
|
|
<td class="admin-num">${u.variety_count}</td>
|
|
<td class="admin-num">${u.batch_count}</td>
|
|
<td><span class="status-pill ${u.is_disabled ? 'disabled' : 'active'}">${u.is_disabled ? 'Disabled' : 'Active'}</span></td>
|
|
<td class="admin-actions">
|
|
<button class="btn btn-xs btn-secondary" onclick="App.adminViewUser(${u.id}, '${esc(u.email)}')">View</button>
|
|
<button class="btn btn-xs btn-secondary" onclick="App.adminResetPassword(${u.id}, '${esc(u.email)}')">Reset PW</button>
|
|
${!u.is_admin ? `<button class="btn btn-xs ${u.is_disabled ? 'btn-secondary' : 'btn-warn'}" onclick="App.adminToggleDisable(${u.id}, ${u.is_disabled})">${u.is_disabled ? 'Enable' : 'Disable'}</button>` : ''}
|
|
${!u.is_admin ? `<button class="btn btn-xs btn-danger" onclick="App.adminDeleteUser(${u.id}, '${esc(u.email)}')">Delete</button>` : ''}
|
|
</td>
|
|
</tr>
|
|
`).join('')}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
`;
|
|
} catch (e) {
|
|
container.innerHTML = `<div class="empty-state">Error: ${esc(e.message)}</div>`;
|
|
}
|
|
}
|
|
|
|
async function adminViewUser(id, email) {
|
|
document.getElementById('modal-title').textContent = `User: ${email}`;
|
|
document.getElementById('modal-body').innerHTML = '<div class="empty-state">Loading...</div>';
|
|
document.getElementById('modal-overlay').classList.remove('hidden');
|
|
|
|
try {
|
|
const [varieties, batches] = await Promise.all([
|
|
api.get(`/admin/users/${id}/varieties`),
|
|
api.get(`/admin/users/${id}/batches`),
|
|
]);
|
|
|
|
document.getElementById('modal-body').innerHTML = `
|
|
<div class="admin-view-tabs">
|
|
<button class="admin-view-tab active" onclick="App.adminSwitchTab(this, 'av-varieties')">Varieties (${varieties.length})</button>
|
|
<button class="admin-view-tab" onclick="App.adminSwitchTab(this, 'av-batches')">Batches (${batches.length})</button>
|
|
</div>
|
|
<div id="av-varieties" class="admin-view-panel">
|
|
${varieties.length ? `
|
|
<table class="admin-table">
|
|
<thead><tr><th>Name</th><th>Category</th><th>Start wks</th><th>Garden wks</th></tr></thead>
|
|
<tbody>${varieties.map(v => `
|
|
<tr>
|
|
<td><span class="variety-dot" style="background:${v.color}"></span>${esc(v.name)}${v.variety_name ? ` <em>${esc(v.variety_name)}</em>` : ''}</td>
|
|
<td>${v.category}</td>
|
|
<td>${v.weeks_to_start ?? '—'}</td>
|
|
<td>${v.weeks_to_garden ?? '—'}</td>
|
|
</tr>`).join('')}
|
|
</tbody>
|
|
</table>` : '<div class="empty-state">No varieties.</div>'}
|
|
</div>
|
|
<div id="av-batches" class="admin-view-panel hidden">
|
|
${batches.length ? `
|
|
<table class="admin-table">
|
|
<thead><tr><th>Plant</th><th>Label</th><th>Status</th><th>Sown</th></tr></thead>
|
|
<tbody>${batches.map(b => `
|
|
<tr>
|
|
<td>${esc(b.variety?.name || '—')}</td>
|
|
<td>${esc(b.label || '—')}</td>
|
|
<td>${statusLabel(b.status)}</td>
|
|
<td>${fmt(b.sow_date)}</td>
|
|
</tr>`).join('')}
|
|
</tbody>
|
|
</table>` : '<div class="empty-state">No batches.</div>'}
|
|
</div>
|
|
`;
|
|
} catch (e) {
|
|
document.getElementById('modal-body').innerHTML = `<div class="empty-state">Error: ${esc(e.message)}</div>`;
|
|
}
|
|
}
|
|
|
|
function adminSwitchTab(btn, panelId) {
|
|
document.querySelectorAll('.admin-view-tab').forEach(b => b.classList.remove('active'));
|
|
document.querySelectorAll('.admin-view-panel').forEach(p => p.classList.add('hidden'));
|
|
btn.classList.add('active');
|
|
document.getElementById(panelId).classList.remove('hidden');
|
|
}
|
|
|
|
function adminResetPassword(id, email) {
|
|
document.getElementById('modal-title').textContent = `Reset Password: ${email}`;
|
|
document.getElementById('modal-body').innerHTML = `
|
|
<div class="form-group">
|
|
<label class="form-label">New Password</label>
|
|
<input type="password" id="admin-new-pw" class="form-input" placeholder="At least 8 characters"
|
|
onkeydown="if(event.key==='Enter') App.adminSubmitReset(${id})" />
|
|
</div>
|
|
<div id="admin-pw-error" class="auth-msg error hidden"></div>
|
|
<div class="btn-row" style="margin-top:1rem">
|
|
<button class="btn btn-primary" onclick="App.adminSubmitReset(${id})">Reset Password</button>
|
|
<button class="btn btn-secondary" onclick="App.closeModal()">Cancel</button>
|
|
</div>
|
|
`;
|
|
document.getElementById('modal-overlay').classList.remove('hidden');
|
|
setTimeout(() => document.getElementById('admin-new-pw')?.focus(), 50);
|
|
}
|
|
|
|
async function adminSubmitReset(id) {
|
|
const pw = document.getElementById('admin-new-pw').value;
|
|
const errEl = document.getElementById('admin-pw-error');
|
|
if (pw.length < 8) {
|
|
errEl.textContent = 'Password must be at least 8 characters';
|
|
errEl.classList.remove('hidden');
|
|
return;
|
|
}
|
|
try {
|
|
await api.post(`/admin/users/${id}/reset-password`, { new_password: pw });
|
|
closeModal();
|
|
toast('Password reset successfully');
|
|
} catch (e) {
|
|
errEl.textContent = e.message;
|
|
errEl.classList.remove('hidden');
|
|
}
|
|
}
|
|
|
|
async function adminToggleDisable(id, currentlyDisabled) {
|
|
try {
|
|
const result = await api.post(`/admin/users/${id}/disable`, {});
|
|
toast(result.is_disabled ? 'Account disabled' : 'Account enabled');
|
|
loadAdmin();
|
|
} catch (e) {
|
|
toast('Error: ' + e.message, true);
|
|
}
|
|
}
|
|
|
|
async function adminDeleteUser(id, email) {
|
|
if (!confirm(`Permanently delete account "${email}" and all their data?\n\nThis cannot be undone.`)) return;
|
|
try {
|
|
await api.delete(`/admin/users/${id}`);
|
|
toast('User deleted');
|
|
loadAdmin();
|
|
} catch (e) {
|
|
toast('Error: ' + e.message, true);
|
|
}
|
|
}
|
|
|
|
// ===== Init =====
|
|
function initApp(user) {
|
|
document.getElementById('sidebar-date').textContent =
|
|
new Date().toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
|
|
|
|
// Show admin nav if user is admin
|
|
document.querySelectorAll('.admin-only').forEach(el => {
|
|
el.classList.toggle('hidden', !user?.is_admin);
|
|
});
|
|
|
|
const validPages = ['dashboard', 'varieties', 'garden', 'settings'];
|
|
if (user?.is_admin) validPages.push('admin');
|
|
|
|
function handleNav() {
|
|
const page = (location.hash.replace('#','') || 'dashboard');
|
|
navigate(validPages.includes(page) ? page : 'dashboard');
|
|
}
|
|
window.removeEventListener('hashchange', handleNav);
|
|
window.addEventListener('hashchange', handleNav);
|
|
handleNav();
|
|
}
|
|
|
|
async function init() {
|
|
const token = localStorage.getItem('sproutly_token');
|
|
if (!token) return; // auth screen is visible by default
|
|
try {
|
|
const user = await apiFetch('/auth/me');
|
|
showApp(user);
|
|
initApp(user);
|
|
} catch (e) {
|
|
// token invalid — auth screen stays visible
|
|
}
|
|
}
|
|
|
|
// ===== Public API =====
|
|
window.App = {
|
|
showAddVarietyModal, showEditVarietyModal, submitAddVariety, submitEditVariety, deleteVariety,
|
|
showAddBatchModal, showEditBatchModal, submitAddBatch, submitEditBatch, deleteBatch,
|
|
filterVarieties, filterBatches,
|
|
saveSettings, toggleNtfyAuth, sendTestNotification, sendDailySummary,
|
|
adminViewUser, adminResetPassword, adminSubmitReset, adminToggleDisable, adminDeleteUser, adminSwitchTab,
|
|
closeModal: (e) => closeModal(e),
|
|
};
|
|
|
|
window.Auth = {
|
|
showTab: (t) => Auth.showTab(t),
|
|
submit: () => Auth.submit(),
|
|
submitRegister: () => Auth.submitRegister(),
|
|
logout: () => Auth.logout(),
|
|
};
|
|
|
|
document.addEventListener('DOMContentLoaded', init);
|