);
}
/* ---------- Sidebar ---------- */
/* Segmented English / తెలుగు switch. Reused in the sidebar footer
and the Account page. */
function LangToggle({ lang, setLang, block }) {
const langs = window.IDA_LANGS || [{id:'en',native:'English'},{id:'te',native:'తెలుగు'}];
return (
To change your password we email a secure reset link to {s.email}.
{/* Instructor / manager signature — applied automatically to
DGCA progress reports, attendance and packet exports. */}
{isStaff && (
Your signature
Saved once. Applied automatically to progress reports, attendance and the DGCA submission packet.
{existingSignature && !editingSig && (
)}
{existingSignature && !editingSig ? (
{meUser && meUser.signatureAt && (
Saved {UI.fmtDateTime(meUser.signatureAt)}
)}
) : (
{existingSignature && (
)}
)}
)}
{/* Per-instructor activity — derived from the audit log so it
reflects exactly what was recorded against this actor. The
audit collection is capped at the latest 200 entries so the
"all time" column is honest about that. */}
{isStaff && }
);
}
window.AccountPage = AccountPage;
/* ---------- Push notifications opt-in ---------- */
function PushNotificationCard({ ctx }) {
// Re-read on each render so the chip state matches what's persisted.
const me = (window.Store.getUser && window.Store.getUser(ctx.session.uid)) || null;
const enrolled = !!(me && me.fcmToken);
const [busy, setBusy] = useState(false);
const [perm, setPerm] = useState(
'Notification' in window ? Notification.permission : 'unsupported'
);
useEffect(() => {
if (!('Notification' in window)) return;
setPerm(Notification.permission);
}, [enrolled]);
const enable = async () => {
setBusy(true);
try {
await window.Store.enablePushNotifications();
setPerm(Notification.permission);
window.Store.logAudit('Push notifications enabled', ctx.session.userName, '');
ctx.setToast('Push notifications enabled');
} catch (e) {
ctx.setToast(e.message || 'Could not enable notifications');
} finally { setBusy(false); }
};
const disable = async () => {
if (!confirm('Stop receiving push notifications on this device?')) return;
setBusy(true);
try {
await window.Store.disablePushNotifications();
window.Store.logAudit('Push notifications disabled', ctx.session.userName, '');
ctx.setToast('Push notifications disabled on this device');
} catch (e) {
ctx.setToast(e.message || 'Could not disable notifications');
} finally { setBusy(false); }
};
const supported = perm !== 'unsupported';
return (
Push notifications
Get instant updates when a document is verified, an announcement is posted, or your theory test is unlocked.
{enrolled
? On for this device
: Off}
{!supported && (
This browser doesn't support web push notifications. Try a recent Chrome / Edge / Firefox / Safari.
)}
{supported && perm === 'denied' && (
Notifications are blocked for this site in your browser. Allow them from the browser's site settings, then try again.
)}
{supported && (
{enrolled ? (
) : (
)}
The browser will ask for permission once. You can turn this off any time.
)}
);
}
window.PushNotificationCard = PushNotificationCard;
/* ---------- First-login push-notification prompt ----------
On the user's first sign-in we proactively ask whether they want
browser push notifications, so they don't have to discover the
Account page toggle on their own. Shows once per account; the
choice is sticky (localStorage flag). Always available later
under Account → Push notifications.
--------------------------------------------------------- */
function PushPromptOnFirstLogin({ ctx }) {
const uid = ctx.session?.uid;
const supported = typeof Notification !== 'undefined';
const me = (uid && window.Store.getUser) ? window.Store.getUser(uid) : null;
const alreadyEnabled = !!(me && me.fcmToken);
const askedKey = uid ? `push-prompt-asked-${uid}` : null;
const dismissed = askedKey ? !!localStorage.getItem(askedKey) : true;
const hasVapid = !!(window.FCM_VAPID_KEY && window.FCM_VAPID_KEY.length > 20);
const [show, setShow] = useState(false);
const [busy, setBusy] = useState(false);
useEffect(() => {
if (!uid) return undefined;
if (!supported) return undefined;
if (!hasVapid) return undefined;
if (alreadyEnabled || dismissed) return undefined;
// Don't re-prompt if the browser has already DENIED permission —
// the OS popup won't appear again and we'd just be nagging. If the
// user re-grants permission in browser settings later, the Account
// page toggle is still available. Permission === 'default' and
// 'granted' both allow proceeding (granted lets us silently fetch
// the FCM token without a second OS prompt).
if (Notification.permission === 'denied') return undefined;
// Defer a moment so the dashboard renders first, then the modal
// pops — feels less like the app is shouting before showing
// itself.
const t = setTimeout(() => setShow(true), 1000);
return () => clearTimeout(t);
}, [uid, alreadyEnabled, dismissed]);
const remember = () => { if (askedKey) localStorage.setItem(askedKey, '1'); };
const enable = async () => {
setBusy(true);
try {
await window.Store.enablePushNotifications();
window.Store.logAudit('Push notifications enabled', ctx.session.userName, 'first-login prompt');
remember();
setShow(false);
ctx.setToast('Push notifications enabled');
} catch (e) {
ctx.setToast(e.message || 'Could not enable notifications');
} finally { setBusy(false); }
};
const later = () => {
remember();
setShow(false);
};
if (!show) return null;
return ReactDOM.createPortal(
Saving securely to your file — don’t close this tab.
) : (
<>
Drop file{multiple?'s':''} here or click to browse
{hint || 'PDF, JPG or PNG · up to 2 MB each'}
)}
handle(e.target.files)}/>
{err &&
{err}
}
);
}
window.FileDrop = FileDrop;
function FileChip({ file, onRemove }) {
const open = (e) => {
e.stopPropagation();
if (file.url) window.open(file.url, '_blank', 'noopener');
};
return (
{file.url
?
: {file.name}}
{Math.round((file.size||0)/1024)} KB
{onRemove && }
);
}
window.FileChip = FileChip;
/* ---------- Toast / inline confirm bar ---------- */
function Toast({ msg, onDone }) {
useEffect(() => {
if (!msg) return;
const t = setTimeout(onDone, 2400);
return () => clearTimeout(t);
}, [msg]);
if (!msg) return null;
return (
{msg}
);
}
window.Toast = Toast;
/* ---------- Tweaks defaults ---------- */
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"palette": "kraft",
"density": "regular",
"showAdvanced": false
}/*EDITMODE-END*/;
/* ---------- Email verification gate (students only) ---------- */
function VerifyEmailGate({ info }) {
const [busy, setBusy] = useState(false);
const [resentAt, setResentAt] = useState(null);
const [err, setErr] = useState('');
const [info2, setInfo2] = useState(null); // success/notice after a refresh
const resend = async () => {
setBusy(true); setErr(''); setInfo2(null);
try {
await window.Auth.resendVerification();
setResentAt(new Date());
} catch (e) {
const code = e && e.code;
setErr(
code === 'auth/too-many-requests'
? 'Too many requests — please wait a minute, then try again.'
: (e.message || 'Could not resend verification email.'));
} finally { setBusy(false); }
};
const refresh = async () => {
setBusy(true); setErr(''); setInfo2(null);
try {
const ok = await window.Auth.refreshVerificationStatus();
if (!ok) {
setInfo2('Not yet verified — open the link in the email we sent you, then click Continue.');
}
// If ok=true, onAuthStateChanged hasn't re-fired (Firebase doesn't
// emit on emailVerified flips). Force a hard reload so the gate
// re-evaluates against the fresh user.
if (ok) window.location.reload();
} catch (e) {
setErr(e.message || 'Could not refresh status.');
} finally { setBusy(false); }
};
return (
RPTO Student Dashboard
Verify your email
{info && info.name ? <>Hi {info.name.split(' ')[0]}, we've : <>We've} sent a verification link to {info.email}.
Click the link in that email to activate your student account, then come back here and tap Continue.
Didn't get it? Check your spam / promotions folder. You can resend the email below. The link expires after a few hours.
{err && (
{err}
)}
{info2 && (
{info2}
)}
{resentAt && (
Verification email re-sent at {resentAt.toLocaleTimeString()}.
)}
);
}
window.VerifyEmailGate = VerifyEmailGate;
/* ---------- Splash while auth/data resolves ---------- */
function Splash({ label }) {
return (
{label || 'Connecting to India Drone Academy…'}
);
}
/* ---------- Root App ---------- */
function App() {
const [authReady, setAuthReady] = useState(false);
const [session, setSession] = useState(null);
const [authError, setAuthError] = useState(null);
const [needsVerification, setNeedsVerification] = useState(null);
const [store, setStore] = useState(() => window.Store.get());
const [route, setRoute] = useState('home');
const [toast, setToast] = useState('');
const [navOpen, setNavOpen] = useState(false);
const [paletteOpen, setPaletteOpen] = useState(false);
const [tweaks, setTweak] = useTweaks(TWEAK_DEFAULTS);
// UI language ('en' | 'te'). Initialised from the localStorage cache
// (window.getLang reads it) so the first paint is already correct.
const [lang, setLangState] = useState(() => (window.getLang ? window.getLang() : 'en'));
// Change language: update the i18n global FIRST (so tr() returns the
// new strings) then setState to re-render the whole tree, then
// persist to the user's account so it follows them across devices.
const setLang = (l) => {
const next = (window.setLangGlobal ? window.setLangGlobal(l) : l);
setLangState(next);
if (session && window.Store.setOwnLang) window.Store.setOwnLang(next);
};
// Cmd+K / Ctrl+K — open the command palette anywhere the user is.
useEffect(() => {
const onKey = (e) => {
if ((e.metaKey || e.ctrlKey) && (e.key === 'k' || e.key === 'K')) {
e.preventDefault();
setPaletteOpen(v => !v);
}
};
window.addEventListener('keydown', onKey);
return () => window.removeEventListener('keydown', onKey);
}, []);
// Sync palette into
useEffect(() => {
document.documentElement.setAttribute('data-palette', tweaks.palette || 'kraft');
}, [tweaks.palette]);
// Surface silent Firestore persist failures (rules glitch, offline,
// etc.) as a real toast instead of letting the prior "saved" toast
// mislead the user. patchStudent's local cache update remains
// optimistic — the snapshot listener will reconcile on next round
// trip — but at least the user gets a heads-up.
useEffect(() => {
if (!window.Store?.onPersistError) return;
return window.Store.onPersistError((err) => {
const msg = (err && (err.message || err.code)) || 'unknown error';
setToast('Save failed — please retry. (' + msg + ')');
});
}, []);
// Live Firestore data
useEffect(() => window.Store.subscribe((s) => setStore(s)), []);
// Firebase Auth drives the session
useEffect(() => window.Auth.onReady(({ ready, session, error, needsVerification }) => {
setAuthReady(ready);
setSession(session || null);
setAuthError(error || null);
setNeedsVerification(needsVerification || null);
if (session) setRoute(session.role === 'student' ? 'home' : 'overview');
// Apply the account's saved language on login (overrides the local
// cache so the choice follows the user across devices). Only when a
// value is present — otherwise keep whatever the device had.
if (session && session.lang && session.lang !== (window.getLang ? window.getLang() : 'en')) {
const applied = window.setLangGlobal ? window.setLangGlobal(session.lang) : session.lang;
setLangState(applied);
}
}), []);
// First-run: land an incomplete student on the guided onboarding
// once (per account), without trapping them there afterwards.
const landedFor = useRef(null);
useEffect(() => {
if (!session || session.role !== 'student') return;
const r = store.students[session.userId];
if (!r || landedFor.current === session.uid) return;
landedFor.current = session.uid;
if (!r.registration?.submitted) setRoute('onboarding');
}, [session, store]);
const handleSignOut = () => window.Auth.signOut();
if (!authReady) return ;
if (needsVerification) {
return ;
}
if (!session) {
return <>
;
}
const ctx = { session, store, setRoute, setToast, lang, setLang };
let view = null;
if (session.role === 'student') {
const rec = store.students[session.userId];
if (!rec) {
view = ;
} else {
view = ;
}
} else if (session.role === 'instructor') {
view = ;
} else {
view = ;
}
return (
);
}
function PaletteTweaks({ tweaks, setTweak }) {
return (
{
const map = { '#D97757':'kraft', '#2B5FAB':'blue', '#2C8770':'green', '#3F4A5C':'slate' };
setTweak('palette', map[c] || 'kraft');
}}/>
setTweak('density', v)}/>
);
}
/* ---------- Routers — student/officer/admin ---------- */
function StudentRouter({ route, ctx, rec }) {
switch (route) {
case 'home': return ;
case 'onboarding': return ;
case 'registration': return ;
case 'documents': return ;
case 'medical': return ;
case 'tests': return ;
case 'attendance': return ;
case 'online-classes': return ;
// Legacy aliases — old deep links to /learn or /theory still work.
case 'learn': return ;
case 'theory': return ;
case 'social': return ;
case 'announcements':return ;
case 'certificate': return ;
case 'account': return ;
default: return
Module not found · {route}
;
}
}
function OfficerRouter({ route, ctx }) {
switch (route) {
case 'overview': return ;
case 'roster': return ;
case 'queue': return ;
case 'batches': return ; // legacy alias
case 'tests-fill': return ;
case 'attendance-mark': return ;
case 'announcements-post': return ;
case 'account': return ;
default: return ;
}
}
function AdminRouter({ route, ctx }) {
switch (route) {
case 'overview': return ;
case 'roster': return ;
case 'batches': return ; // legacy alias — Students covers it
case 'instructors': return ;
case 'issuance': return ;
case 'users': return ;
case 'audit': return ;
case 'announcements-post': return ;
case 'account': return ;
case 'settings': return ;
default: return ;
}
}
ReactDOM.createRoot(document.getElementById('root')).render();
