Zody — Free Programming And Coding Courses

\n \n\n

🚨 Account Suspended 🚨

Your profile access has been explicitly suspended by the Platform Administrator for violating community terms of conduct.

\n\n

Zody

\n \n

\n \n \n \n \n

\n\n \n\n \n\n \n\n

\n \n

NEWS 🌐

Latest Updates

Beginners
9-11 Years

Start Coding

Beginners
12-15 Years

Expand Skills

Beginners
16-18 Years

Advanced Tracks

⚡⚡⚡
Announcement

Rules & Notices

🎁 Rewards

Earn Points

❓ Questions Room

Get Support & Download Tests

ℹ️ Platform Info

About Platform

\n \n

Total Platform Registered Base:

3 Accounts

\n\n

\n \n

Zody Sign In

Access your protected student portal account or core systems.

\n \n \n\n

\n Your Full Name\n \n

\n Email Address\n \n

\n Password\n \n

\n\n

\n \n \n

\n\n

\n Or continue with Real Google Account / Provider\n

\n \n

\n\n

\n New to Zody? \n \n

\n\n

\n \n

My Workspace Dashboard 📁

Review your registered content paths, images, dynamic media, and attached course study assets below.

Enrolled Course Tracks

No active tracks registered yet. Go to your age pathway group and select \"Choose Course\".

\n\n

\n \n

News 🌐

\n\n

\n \n

Beginners 9-11 Years

Pick a track below to start learning.

\n\n

\n \n

\"Nothing is hard/impossible\"

Beginners 12-15

\n\n

\n \n

Beginners 16-18

\n\n

\n \n

Announcement ⚡

\n\n

\n \n

Rewards Program 🎁

Earn points by signing up and finishing course tracks. Points unlock tiers below — no purchase, just progress.

Your Balance:

0 pts

Points Activity

No activity yet. Sign in and enroll in a course to start earning.

\n \n

Questions & Training Test Center ❓

Download official platform assignments, system sample exams, or ask logic queries directly.

\n \n

Platform Info Room ℹ️

\n\n

\n \n

👑 Zody Admin Console

Secure Session: simiyui586@gmail.com

\n Content Text / Live Words Message\n \n ⚠️ Warning: Prohibited language pattern matching triggered!\n

\n Target Workspace Destination\n \n

\n Attach Material Assets (PDF, Questions, Code)\n \n

\n \n

\n\n

📢 Ad Revenue Manager

Turn on ad slots and paste in code from your ad network (Google AdSense, or any network/affiliate banner that gives you an HTML/JS snippet).

\n \n \n \n \n

\n\n

✉️ Verification Email & Google Auth

Pre-configured with production EmailJS credentials & Real Google Account API.

\n Gateway Provider\n \n

\n \n

EmailJS Public Key

EmailJS Service ID

EmailJS Template ID

Google OAuth Client ID

Get your OAuth Client ID at Google Cloud Console.

\n \n

\n\n

📎 Uploaded Files Manager

Every file attached through \"Publish Live Asset\" appears here.

No files uploaded yet.

\n\n

👥 Registered Accounts Hub

\n \n \n \n

Name / Email	Role	Verified	Action

\n\n

🔒 Master Core Privileges (Owner Only)

\n Add New Administrators\n \n \n

\n Update Web Code Engine Runtime\n \n \n

\n\n

⚙️ Update Accounts Portal Configuration

Change Security Identity Email

Change Passkey Credentials

\n \n

\n\n \n\n \n\n \n\n \n \n\n",[138],"ddf616c9-ecd4-4700-ab07-07ac624f73c9","db.ts","7206cf28-8acb-11f1-a4da-1607ee4eb77e",5,["D",1785274182113],"script","import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\n// ── Schema ──\nexport async function initDB() {\n await sqlite.batch([\n { sql: `CREATE TABLE IF NOT EXISTS users (\n email TEXT PRIMARY KEY,\n name TEXT NOT NULL,\n role TEXT NOT NULL DEFAULT 'Student',\n is_banned INTEGER NOT NULL DEFAULT 0,\n is_verified INTEGER NOT NULL DEFAULT 0,\n verification_code TEXT,\n verification_sent_at INTEGER,\n points INTEGER NOT NULL DEFAULT 0,\n is_online INTEGER NOT NULL DEFAULT 0,\n violations INTEGER NOT NULL DEFAULT 0\n )` },\n { sql: `CREATE TABLE IF NOT EXISTS points_log (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n user_email TEXT NOT NULL,\n label TEXT NOT NULL,\n amount INTEGER NOT NULL,\n created_at INTEGER NOT NULL\n )` },\n { sql: `CREATE TABLE IF NOT EXISTS content (\n id TEXT PRIMARY KEY,\n target_page TEXT NOT NULL,\n text_content TEXT,\n file_name TEXT,\n file_data TEXT,\n created_at INTEGER NOT NULL\n )` },\n { sql: `CREATE TABLE IF NOT EXISTS enrollments (\n id TEXT PRIMARY KEY,\n user_email TEXT NOT NULL,\n course_title TEXT NOT NULL,\n file_name TEXT,\n file_data TEXT,\n created_at INTEGER NOT NULL,\n UNIQUE(user_email, course_title)\n )` },\n { sql: `CREATE TABLE IF NOT EXISTS admin_config (\n key TEXT PRIMARY KEY,\n value TEXT NOT NULL\n )` },\n { sql: `CREATE TABLE IF NOT EXISTS uploaded_files (\n id TEXT PRIMARY KEY,\n file_name TEXT NOT NULL,\n target_page TEXT,\n file_data TEXT,\n uploaded_at INTEGER NOT NULL\n )` },\n ]);\n\n // Seed default admin config if not present\n const existing = await sqlite.execute({ sql: \"SELECT key FROM admin_config WHERE key = 'admin_email'\" });\n if (existing.rows.length === 0) {\n await sqlite.batch([\n { sql: \"INSERT INTO admin_config (key, value) VALUES ('admin_email', ?)\", args: [\"simiyui586@gmail.com\"] },\n { sql: \"INSERT INTO admin_config (key, value) VALUES ('admin_password', ?)\", args: [\"admin\"] },\n { sql: \"INSERT INTO admin_config (key, value) VALUES ('extra_admins', ?)\", args: [\"[]\"] },\n { sql: \"INSERT INTO admin_config (key, value) VALUES ('email_config', ?)\", args: [JSON.stringify({\n provider: \"emailjs\",\n web3formsAccessKey: \"\",\n emailjsPublicKey: \"5DiGQU09pdpWa9QXn\",\n emailjsServiceId: \"service_j33jafh\",\n emailjsTemplateId: \"template_tvcp6rm\",\n googleClientId: \"\"\n })] },\n { sql: \"INSERT INTO admin_config (key, value) VALUES ('ad_config', ?)\", args: [JSON.stringify({\n topBanner: { enabled: false, mode: \"custom\", pubId: \"\", slotId: \"\", customCode: \"\" },\n inFeedHome: { enabled: false, mode: \"custom\", pubId: \"\", slotId: \"\", customCode: \"\" },\n footerBanner: { enabled: false, mode: \"custom\", pubId: \"\", slotId: \"\", customCode: \"\" }\n })] },\n ]);\n }\n\n // Seed default users if table is empty\n const userCount = await sqlite.execute({ sql: \"SELECT COUNT(*) as cnt FROM users\" });\n if (userCount.rows[0].cnt === 0) {\n await sqlite.batch([\n { sql: \"INSERT INTO users (email, name, role, is_verified, points, is_online, is_banned) VALUES (?, ?, ?, ?, ?, ?, ?)\",\n args: [\"simiyui586@gmail.com\", \"Master Admin Owner\", \"Owner Admin\", 1, 0, 0, 0] },\n { sql: \"INSERT INTO users (email, name, role, is_verified, points, is_online, is_banned) VALUES (?, ?, ?, ?, ?, ?, ?)\",\n args: [\"alex.dev@zody.edu\", \"Alex Johnson\", \"Student\", 1, 25, 0, 0] },\n { sql: \"INSERT INTO users (email, name, role, is_verified, points, is_online, is_banned) VALUES (?, ?, ?, ?, ?, ?, ?)\",\n args: [\"sarah.coder@gmail.com\", \"Sarah Smith\", \"Student\", 1, 0, 0, 0] },\n { sql: \"INSERT INTO points_log (user_email, label, amount, created_at) VALUES (?, ?, ?, ?)\",\n args: [\"alex.dev@zody.edu\", \"Enrolled a course track\", 25, Date.now()] },\n ]);\n }\n\n // Seed default content if empty\n const contentCount = await sqlite.execute({ sql: \"SELECT COUNT(*) as cnt FROM content\" });\n if (contentCount.rows[0].cnt === 0) {\n const now = Date.now();\n await sqlite.batch([\n { sql: \"INSERT INTO content (id, target_page, text_content, created_at) VALUES (?, ?, ?, ?)\",\n args: [\"seed-news-1\", \"news\", \"Welcome to Zody News! This site is still in construction — share it with your friends and family to help it grow.\", now] },\n { sql: \"INSERT INTO content (id, target_page, text_content, created_at) VALUES (?, ?, ?, ?)\",\n args: [\"seed-news-2\", \"news\", \"🚀 New course tracks coming soon for all age groups. Stay tuned!\", now] },\n { sql: \"INSERT INTO content (id, target_page, text_content, created_at) VALUES (?, ?, ?, ?)\",\n args: [\"seed-ann-1\", \"announcement\", \"SYSTEM RULE: If you violate the site's rules you will be banned.\", now] },\n { sql: \"INSERT INTO content (id, target_page, text_content, created_at) VALUES (?, ?, ?, ?)\",\n args: [\"seed-ann-2\", \"announcement\", \"📋 Be respectful, helpful, and keep learning. Report issues to the admin.\", now] },\n { sql: \"INSERT INTO content (id, target_page, text_content, file_name, created_at) VALUES (?, ?, ?, ?, ?)\",\n args: [\"seed-q-1\", \"questions\", \"Standard System Test 101 (Binary & Loops)\", \"system-test-101.zip\", now] },\n { sql: \"INSERT INTO content (id, target_page, text_content, created_at) VALUES (?, ?, ?, ?)\",\n args: [\"seed-info-1\", \"info\", \"Welcome to Zody Hub – Fully Protected Student Workspaces.\", now] },\n { sql: \"INSERT INTO content (id, target_page, text_content, created_at) VALUES (?, ?, ?, ?)\",\n args: [\"seed-info-2\", \"info\", \"Zody offers free programming and coding courses for beginners of every age. Join us and start your coding journey today!\", now] },\n // Default courses\n { sql: \"INSERT INTO content (id, target_page, text_content, file_name, created_at) VALUES (?, ?, ?, ?, ?)\",\n args: [\"seed-c911-1\", \"courses-9-11\", \"Scratch Block Coding — Learn to code with colorful blocks\", \"scratch-intro.zip\", now] },\n { sql: \"INSERT INTO content (id, target_page, text_content, file_name, created_at) VALUES (?, ?, ?, ?, ?)\",\n args: [\"seed-c911-2\", \"courses-9-11\", \"Intro to Logic Puzzles — Build problem-solving skills\", \"logic-puzzles.zip\", now] },\n { sql: \"INSERT INTO content (id, target_page, text_content, file_name, created_at) VALUES (?, ?, ?, ?, ?)\",\n args: [\"seed-c1215-1\", \"courses-12-15\", \"Python Basics — Your first real programming language\", \"python-basics.zip\", now] },\n { sql: \"INSERT INTO content (id, target_page, text_content, file_name, created_at) VALUES (?, ?, ?, ?, ?)\",\n args: [\"seed-c1215-2\", \"courses-12-15\", \"Web Page Building (HTML & CSS) — Create your first website\", \"html-css-starter.zip\", now] },\n { sql: \"INSERT INTO content (id, target_page, text_content, file_name, created_at) VALUES (?, ?, ?, ?, ?)\",\n args: [\"seed-c1215-3\", \"courses-12-15\", \"Game Design with JavaScript — Make simple browser games\", \"js-games.zip\", now] },\n { sql: \"INSERT INTO content (id, target_page, text_content, file_name, created_at) VALUES (?, ?, ?, ?, ?)\",\n args: [\"seed-c1618-1\", \"courses-16-18\", \"Advanced JavaScript & DOM — Master interactive web apps\", \"advanced-js.zip\", now] },\n { sql: \"INSERT INTO content (id, target_page, text_content, file_name, created_at) VALUES (?, ?, ?, ?, ?)\",\n args: [\"seed-c1618-2\", \"courses-16-18\", \"Data Structures & Algorithms — Prepare for coding interviews\", \"dsa-prep.zip\", now] },\n { sql: \"INSERT INTO content (id, target_page, text_content, file_name, created_at) VALUES (?, ?, ?, ?, ?)\",\n args: [\"seed-c1618-3\", \"courses-16-18\", \"Intro to Databases (SQL) — Learn to store and query data\", \"sql-intro.zip\", now] },\n ]);\n }\n}\n\n// ── Helper: get config value ──\nexport async function getConfig(key: string): Promise {\n const result = await sqlite.execute({ sql: \"SELECT value FROM admin_config WHERE key = ?\", args: [key] });\n return result.rows.length > 0 ? result.rows[0].value as string : null;\n}\n\nexport async function setConfig(key: string, value: string): Promise {\n await sqlite.execute({ sql: \"INSERT INTO admin_config (key, value) VALUES (?, ?) ON CONFLICT(key) DO UPDATE SET value = ?\", args: [key, value, value] });\n}\n\n// ── Helper: award points ──\nexport async function awardPoints(email: string, label: string, amount: number): Promise {\n await sqlite.batch([\n { sql: \"UPDATE users SET points = points + ? WHERE email = ?\", args: [amount, email] },\n { sql: \"INSERT INTO points_log (user_email, label, amount, created_at) VALUES (?, ?, ?, ?)\", args: [email, label, amount, Date.now()] },\n ]);\n}\n\n// ── Helper: get user by email ──\nexport async function getUser(email: string) {\n const result = await sqlite.execute({ sql: \"SELECT * FROM users WHERE email = ?\", args: [email.toLowerCase()] });\n return result.rows.length > 0 ? result.rows[0] : null;\n}\n",[146],"41603224-ab42-4116-9809-5099ebdbd592","app.js","0111c010-8acc-11f1-9f3b-1607ee4eb77e",7,["D",1785274422092],"// ═══════════════════════════════════════════════════════════\n// Zody Platform — SQLite-backed JavaScript Engine\n// All data now persists server-side via API + SQLite\n// ═══════════════════════════════════════════════════════════\n\nconst API = '';\n// Helper: API fetch wrapper\nasync function api(path, opts = {}) {\n const res = await fetch(API + path, {\n method: opts.method || 'GET',\n headers: opts.body ? { 'Content-Type': 'application/json' } : undefined,\n body: opts.body ? JSON.stringify(opts.body) : undefined,\n });\n return res.json();\n}\n\n// ── Confirm Modal ──\nfunction showCustomConfirm(title, message, onOk) {\n const modal = document.getElementById('customConfirmModal');\n document.getElementById('confirmModalTitle').innerText = title;\n document.getElementById('confirmModalMessage').innerText = message;\n modal.classList.add('active');\n const cancelBtn = document.getElementById('confirmModalCancelBtn');\n const okBtn = document.getElementById('confirmModalOkBtn');\n const cleanUp = () => {\n modal.classList.remove('active');\n cancelBtn.removeEventListener('click', onCancel);\n okBtn.removeEventListener('click', onConfirm);\n };\n const onCancel = () => cleanUp();\n const onConfirm = () => { cleanUp(); onOk(); };\n cancelBtn.addEventListener('click', onCancel);\n okBtn.addEventListener('click', onConfirm);\n}\n\n// ── Global State (client-side only — server is source of truth) ──\nlet currentUser = null;\nlet currentUserData = null; // { email, name, role, isVerified, isBanned, points }\nlet isRegisterMode = false;\nlet currentActiveOAuthProvider = null;\nlet globalSearchDatabase = [];\nlet cachedAdminConfig = null;\n\nconst AD_SLOT_KEYS = ['topBanner', 'inFeedHome', 'footerBanner'];\nlet adConfig = {};\n\nconst rewardTiers = [\n { name: 'Spark', icon: '✨', threshold: 0, blurb: 'Everyone starts here.' },\n { name: 'Builder', icon: '🔧', threshold: 25, blurb: 'Enrolled your first track.' },\n { name: 'Coder', icon: '💻', threshold: 75, blurb: 'Three tracks deep.' },\n { name: 'Architect', icon: '🏛️', threshold: 150, blurb: 'Serious momentum.' },\n { name: 'Legend', icon: '🏆', threshold: 300, blurb: 'Top of the leaderboard.' },\n];\n\nconst restrictedStrictKeywords = ['hack', 'bypass', 'exploit', 'ddos', 'cheat', 'stole', 'malware'];\n\n// Page ID → content box ID mapping\nconst PAGE_TO_BOX = {\n news: 'newsFeedBox', announcement: 'announcementsBox',\n 'beg-9-11': 'courses-9-11', 'beg-12-15': 'courses-12-15', 'beg-16-18': 'courses-16-18',\n questions: 'questionsBox', info: 'infoBox',\n 'courses-9-11': 'courses-9-11', 'courses-12-15': 'courses-12-15', 'courses-16-18': 'courses-16-18',\n};\n\n// ── System Alert Banner ──\nfunction showSystemAlertBanner(message, alertType) {\n const banner = document.getElementById('systemBannerNotice');\n const bannerText = document.getElementById('systemBannerText');\n banner.className = 'system-banner-alert';\n if (alertType === 'error') banner.classList.add('error-alert');\n if (alertType === 'success') banner.classList.add('success-alert');\n bannerText.innerText = message;\n banner.style.display = 'flex';\n window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n\nfunction closeSystemAlertBanner() {\n document.getElementById('systemBannerNotice').style.display = 'none';\n}\n\n// ── Navigation ──\nfunction navigateToPage(pageId) {\n document.querySelectorAll('.page').forEach(page => page.classList.remove('active'));\n const targeted = document.getElementById('page-' + pageId);\n if (targeted) targeted.classList.add('active');\n if (pageId === 'rewards' && currentUser) {\n loadRewardsPage();\n }\n if (pageId === 'student-dashboard' && currentUser) {\n loadEnrollments();\n }\n window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n\n// ── Content Rendering ──\nfunction renderContentBox(boxId, items) {\n const box = document.getElementById(boxId);\n if (!box) return;\n if (!items || items.length === 0) {\n const isCourse = boxId.startsWith('courses-');\n box.innerHTML = isCourse\n ? '

No tracks here yet — check back soon.

'\n : '

No content yet.

';\n return;\n }\n box.innerHTML = items.map(item => {\n const text = item.text_content || '';\n const fileName = item.file_name || '';\n const isCourse = item.target_page && item.target_page.startsWith('courses-');\n let controlsHTML = '';\n if (fileName) {\n controlsHTML = ``;\n }\n if (isCourse) {\n const safeTitle = text.split('—')[0].trim().replace(/'/g, \"\\\\'\");\n controlsHTML = `` + controlsHTML;\n }\n return `

${text}

${controlsHTML}

`;\n }).join('');\n}\n\n// Load all content from API\nasync function loadAllContent() {\n const pages = ['news', 'announcement', 'questions', 'info', 'courses-9-11', 'courses-12-15', 'courses-16-18'];\n const results = await Promise.all(pages.map(p => api(`/api/content/${p}`)));\n pages.forEach((p, i) => {\n const boxId = PAGE_TO_BOX[p] || p;\n renderContentBox(boxId, results[i].items);\n });\n rebuildSearchIndexMapCache();\n}\n\n// ── Search ──\nfunction rebuildSearchIndexMapCache() {\n globalSearchDatabase = [];\n document.querySelectorAll('.page').forEach(p => {\n const pageId = p.id.replace('page-', '');\n p.querySelectorAll('h2, h3').forEach(h => {\n globalSearchDatabase.push({ title: `Navigation Page: ${h.innerText}`, type: 'navigation', target: pageId, fileName: null });\n });\n });\n document.querySelectorAll('.course-item').forEach(item => {\n const titleNode = item.querySelector('span');\n if (titleNode) {\n const label = titleNode.innerText;\n const downloadBtn = item.querySelector('.dl-btn');\n let nameOfFile = null;\n if (downloadBtn) {\n const clickStr = downloadBtn.getAttribute('onclick') || '';\n const match = clickStr.match(/'([^']+)'/);\n if (match) nameOfFile = match[1];\n }\n globalSearchDatabase.push({ title: label, type: nameOfFile ? 'downloadable' : 'informational', target: null, fileName: nameOfFile });\n }\n });\n}\n\nfunction handleGlobalSearch(query) {\n const container = document.getElementById('searchResultsContainer');\n const wrapper = document.getElementById('globalSearchResultsBlock');\n const cleanQuery = query.toLowerCase().trim();\n if (!cleanQuery) { wrapper.style.display = 'none'; container.innerHTML = ''; return; }\n const hits = globalSearchDatabase.filter(item => item.title.toLowerCase().includes(cleanQuery));\n if (hits.length === 0) {\n container.innerHTML = '

No matches found.

';\n } else {\n container.innerHTML = hits.map(hit => {\n let ctrl = '';\n if (hit.type === 'navigation') ctrl = ``;\n else if (hit.fileName) ctrl = ``;\n else ctrl = 'View Only';\n return `

${hit.title}

${ctrl}

`;\n }).join('');\n }\n wrapper.style.display = 'block';\n}\n\n// ── Course Enrollment ──\nasync function chooseCourse(courseTitle, fileName, dataUrl) {\n if (!currentUser) {\n showSystemAlertBanner('Please sign in to enroll in courses.', 'error');\n navigateToPage('auth');\n return;\n }\n if (currentUserData && !currentUserData.isVerified) {\n showSystemAlertBanner('Please verify your account before enrolling.', 'error');\n document.getElementById('verifyAccountBanner').style.display = 'block';\n window.scrollTo({ top: 0, behavior: 'smooth' });\n return;\n }\n const res = await api('/api/enrollments', {\n method: 'POST',\n body: { userEmail: currentUser, courseTitle, fileName, fileData: dataUrl },\n });\n if (res.error) {\n showSystemAlertBanner(res.error === 'Already enrolled' ? `\"${courseTitle}\" is already in your dashboard.` : res.error, 'error');\n navigateToPage('student-dashboard');\n return;\n }\n showSystemAlertBanner(`✅ Enrolled in \"${courseTitle}\"! +25 points earned.`, 'success');\n await loadEnrollments();\n await refreshPointsUI();\n navigateToPage('student-dashboard');\n}\n\nasync function unenrollCourse(rowId, courseTitle) {\n await api('/api/enrollments', {\n method: 'DELETE',\n body: { userEmail: currentUser, courseTitle },\n });\n const row = document.getElementById(rowId);\n if (row) row.remove();\n const container = document.getElementById('chosenCoursesContainer');\n if (container && container.children.length === 0) {\n container.innerHTML = '

No active tracks registered yet.

';\n }\n showSystemAlertBanner('Unenrolled from that track.', 'default');\n await refreshPointsUI();\n}\n\nasync function loadEnrollments() {\n if (!currentUser) return;\n const res = await api(`/api/enrollments/${encodeURIComponent(currentUser)}`);\n const container = document.getElementById('chosenCoursesContainer');\n if (!container) return;\n const enrollments = res.enrollments || [];\n if (enrollments.length === 0) {\n container.innerHTML = '

No active tracks registered yet. Go to your age pathway group and select \"Choose Course\".

';\n return;\n }\n container.innerHTML = enrollments.map(e => {\n const safeTitle = e.course_title.replace(/'/g, \"\\\\'\");\n let dlBtn = '';\n if (e.file_name) dlBtn = ``;\n return `

⚡ ${e.course_title}

${dlBtn}✔ Enrolled

`;\n }).join('');\n}\n\nfunction triggerAssetDownload(fileName, mockDataUrl) {\n if (!mockDataUrl) {\n const dummyText = `Zody Learning Management Engine\\nDownload: ${fileName}\\n\\nThis is a sample course material package from Zody Free Programming Courses.`;\n const blob = new Blob([dummyText], { type: 'application/octet-stream' });\n mockDataUrl = URL.createObjectURL(blob);\n }\n const dlAnchor = document.createElement('a');\n dlAnchor.href = mockDataUrl;\n dlAnchor.download = fileName;\n document.body.appendChild(dlAnchor);\n dlAnchor.click();\n document.body.removeChild(dlAnchor);\n}\n\n// ── Points & Rewards ──\nasync function refreshPointsUI() {\n if (!currentUser) return;\n const res = await api(`/api/points/${encodeURIComponent(currentUser)}`);\n if (res.error) return;\n currentUserData.points = res.points;\n const pill = document.getElementById('headerPointsPill');\n const pillValue = document.getElementById('headerPointsValue');\n pill.style.display = 'inline-flex';\n pillValue.innerText = res.points || 0;\n if (document.getElementById('page-rewards').classList.contains('active')) {\n renderRewardsPage(res.points, res.log);\n }\n}\n\nfunction renderRewardsPage(points, log) {\n const grid = document.getElementById('rewardsTiersGrid');\n const balanceDisplay = document.getElementById('rewardsPointsDisplay');\n const logList = document.getElementById('pointsLogList');\n if (!grid) return;\n const pts = points || 0;\n balanceDisplay.innerText = `${pts} pts`;\n grid.innerHTML = rewardTiers.map(tier => {\n const unlocked = pts >= tier.threshold;\n return `

${tier.icon}

${tier.name}

${unlocked ? tier.blurb : `Unlocks at ${tier.threshold} pts`}

`;\n }).join('');\n if (log && log.length > 0) {\n logList.innerHTML = log.map(e => `

${e.label}+${e.amount}

`).join('');\n } else {\n logList.innerHTML = '

No activity yet. Sign in and enroll in a course to start earning.

';\n }\n}\n\nasync function loadRewardsPage() {\n if (!currentUser) { renderRewardsPage(0, []); return; }\n const res = await api(`/api/points/${encodeURIComponent(currentUser)}`);\n renderRewardsPage(res.points || 0, res.log || []);\n}\n\n// ── Email Verification ──\nasync function sendVerificationCode(isResend) {\n if (!currentUser) return;\n const res = await api('/api/verify/resend', { method: 'POST', body: { email: currentUser } });\n if (res.error) { showSystemAlertBanner(res.error, 'error'); return; }\n\n const code = res.verificationCode;\n const hintEl = document.getElementById('verifyDemoCodeHint');\n const emailCfg = cachedAdminConfig?.emailConfig || {};\n const provider = emailCfg.provider || 'emailjs';\n const firstName = (currentUserData?.name || currentUser.split('@')[0]).split(' ')[0];\n\n if (provider === 'emailjs' && emailCfg.emailjsPublicKey) {\n try {\n if (typeof emailjs !== 'undefined') emailjs.init({ publicKey: emailCfg.emailjsPublicKey });\n if (typeof emailjs !== 'undefined') {\n await emailjs.send(emailCfg.emailjsServiceId, emailCfg.emailjsTemplateId, {\n to_name: firstName, to_email: currentUser, verification_code: code,\n product_name: 'Zody', expiry_time: '10 minutes',\n subject: `Your Zody verification code: ${code}`,\n });\n }\n showSystemAlertBanner(`Verification code ${isResend ? 'resent' : 'sent'} to ${currentUser}. Expires in 10 minutes.`, 'success');\n if (hintEl) hintEl.innerText = '';\n } catch (err) {\n console.warn('EmailJS failed:', err);\n if (hintEl) hintEl.innerText = `(Demo mode — your code: ${code})`;\n showSystemAlertBanner('Email gateway unavailable. Demo code shown on screen.', 'default');\n }\n } else if (provider === 'web3forms' && emailCfg.web3formsAccessKey) {\n try {\n const r = await fetch('https://api.web3forms.com/submit', {\n method: 'POST', headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n access_key: emailCfg.web3formsAccessKey, subject: `Your Zody verification code: ${code}`,\n from_name: 'Zody Platform', to: currentUser, name: firstName,\n message: `Hi ${firstName},\\n\\nYour Zody verification code is: ${code}\\n\\nThis code expires in 10 minutes.\\n\\n— Zody Team`,\n }),\n });\n if (r.ok) { showSystemAlertBanner(`Code sent to ${currentUser}.`, 'success'); if (hintEl) hintEl.innerText = ''; }\n else throw new Error('Web3Forms error');\n } catch (err) {\n if (hintEl) hintEl.innerText = `(Demo mode — your code: ${code})`;\n showSystemAlertBanner('Email gateway unavailable. Demo code shown.', 'default');\n }\n } else {\n if (hintEl) hintEl.innerText = `(Demo mode — your code: ${code})`;\n showSystemAlertBanner('Verification code generated (sandbox mode).', 'default');\n }\n document.getElementById('verifyAccountBanner').style.display = 'block';\n const statusEl = document.getElementById('verifyStatusMsg');\n if (statusEl) { statusEl.innerText = `Code ${isResend ? 're-sent' : 'sent'} — expires in 10 minutes.`; setTimeout(() => { if (statusEl) statusEl.innerText = ''; }, 5000); }\n}\n\nasync function confirmAccountVerification() {\n const enteredCode = document.getElementById('verifyCodeInput').value.trim();\n const statusEl = document.getElementById('verifyStatusMsg');\n if (!currentUser) { if (statusEl) statusEl.innerText = 'Please sign in first.'; return; }\n if (!enteredCode || enteredCode.length !== 6) { if (statusEl) statusEl.innerText = 'Please enter the 6-digit code.'; return; }\n const res = await api('/api/verify', { method: 'POST', body: { email: currentUser, code: enteredCode } });\n if (res.ok) {\n currentUserData.isVerified = true;\n document.getElementById('verifyAccountBanner').style.display = 'none';\n showSystemAlertBanner('✅ Email verified! You can now enroll in courses. +5 points!', 'success');\n if (statusEl) statusEl.innerText = 'Verified! Redirecting...';\n await refreshPointsUI();\n setTimeout(() => navigateToPage('student-dashboard'), 1500);\n } else {\n if (statusEl) statusEl.innerText = res.error || 'Invalid code.';\n showSystemAlertBanner(res.error || 'Invalid verification code.', 'error');\n }\n}\n\nfunction resendVerificationCode() {\n if (!currentUser) { showSystemAlertBanner('Please sign in first.', 'error'); return; }\n document.getElementById('verifyCodeInput').value = '';\n sendVerificationCode(true);\n}\n\n// ── Authentication ──\nfunction toggleAuthMode() {\n isRegisterMode = !isRegisterMode;\n const title = document.getElementById('authFormTitle');\n const desc = document.getElementById('authFormDesc');\n const nameGroup = document.getElementById('fullNameGroup');\n const submitBtn = document.getElementById('mainAuthSubmitBtn');\n const passGroup = document.getElementById('authPasswordGroup');\n const toggleBtn = document.querySelector('.toggle-auth-view');\n const toggleLabel = document.getElementById('toggleTextLabel');\n passGroup.style.display = 'flex';\n if (isRegisterMode) {\n title.innerText = 'Create Account Profile';\n desc.innerText = 'Register a protected account to begin tracking your progress.';\n nameGroup.style.display = 'flex';\n submitBtn.innerText = 'Complete Registration';\n toggleLabel.innerText = 'Already registered?';\n toggleBtn.innerText = 'Sign In instead';\n } else {\n title.innerText = 'Zody Sign In';\n desc.innerText = 'Access your protected student portal account or core systems.';\n nameGroup.style.display = 'none';\n submitBtn.innerText = 'Sign In';\n toggleLabel.innerText = 'New to Zody?';\n toggleBtn.innerText = 'Create Account';\n }\n}\n\nfunction clearAuthFields() {\n ['authNameField', 'authEmailField', 'authPasswordField', 'oauthSimulatedEmailField'].forEach(id => {\n const el = document.getElementById(id);\n if (el) el.value = '';\n });\n}\n\nasync function executeAuthentication() {\n const emailInput = document.getElementById('authEmailField').value.trim().toLowerCase();\n const nameInput = document.getElementById('authNameField').value.trim();\n if (!emailInput || !emailInput.includes('@')) { showSystemAlertBanner('Please enter a valid email address.', 'error'); return; }\n\n const password = document.getElementById('authPasswordField').value;\n let res;\n if (isRegisterMode) {\n if (!nameInput) { showSystemAlertBanner('Please enter your full name.', 'error'); return; }\n res = await api('/api/auth/signup', { method: 'POST', body: { email: emailInput, name: nameInput } });\n } else {\n res = await api('/api/auth/signin', { method: 'POST', body: { email: emailInput, password } });\n }\n\n if (res.error) {\n if (res.banned) { assertBannedUIState(true); navigateToPage('home'); return; }\n showSystemAlertBanner(res.error, 'error');\n return;\n }\n\n currentUserData = res.user;\n await loginSessionEstablish(res);\n}\n\nfunction executeFederatedOAuth(providerName) {\n currentActiveOAuthProvider = providerName;\n document.getElementById('federatedProviderLabel').innerText = `Sign-in with ${providerName}: Enter Profile Email`;\n document.getElementById('standardAuthFieldsContainer').style.display = 'none';\n document.getElementById('fullNameGroup').style.display = 'none';\n document.getElementById('federatedOAuthInputGroup').style.display = 'block';\n}\n\nasync function confirmFederatedOAuthLink() {\n const email = document.getElementById('oauthSimulatedEmailField').value;\n if (!email || !email.includes('@')) { showSystemAlertBanner('Please enter a valid email.', 'error'); return; }\n const res = await api('/api/auth/oauth', { method: 'POST', body: { email: email.trim().toLowerCase(), name: email.split('@')[0], provider: currentActiveOAuthProvider } });\n if (res.error) {\n if (res.banned) { assertBannedUIState(true); navigateToPage('home'); return; }\n showSystemAlertBanner(res.error, 'error');\n return;\n }\n currentUserData = res.user;\n showSystemAlertBanner(`Sign-on verified via ${currentActiveOAuthProvider}.`, 'success');\n await loginSessionEstablish(res);\n}\n\n// Google Sign-In callback\nfunction handleGoogleCredentialResponse(response) {\n try {\n const base64Url = response.credential.split('.')[1];\n const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');\n const payload = JSON.parse(decodeURIComponent(window.atob(base64).split('').map(c => '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2)).join('')));\n if (!payload.email) { showSystemAlertBanner('Google OAuth Error: no email in payload.', 'error'); return; }\n api('/api/auth/oauth', { method: 'POST', body: { email: payload.email.toLowerCase(), name: payload.name || payload.email.split('@')[0], provider: 'Google' } })\n .then(res => {\n if (res.error) { showSystemAlertBanner(res.error, 'error'); return; }\n currentUserData = res.user;\n showSystemAlertBanner(`Google Account Authenticated: Welcome, ${res.user.name}!`, 'success');\n loginSessionEstablish(res);\n });\n } catch (e) { showSystemAlertBanner('Google OAuth Error: ' + e.message, 'error'); }\n}\n\nasync function loginSessionEstablish(res) {\n currentUser = res.user.email.toLowerCase();\n currentUserData = res.user;\n assertBannedUIState(false);\n\n const headerBtn = document.getElementById('headerAuthBtn');\n document.getElementById('headerSignOutBtn').style.display = 'inline-flex';\n\n if (res.needsVerification) {\n document.getElementById('verifyAccountBanner').style.display = 'block';\n sendVerificationCode(false);\n } else {\n document.getElementById('verifyAccountBanner').style.display = 'none';\n }\n\n if (res.isMasterAdmin || res.isSecondaryAdmin) {\n document.getElementById('adminControlPanel').classList.add('active');\n headerBtn.innerHTML = `⚙️ Admin Console (${res.isMasterAdmin ? 'Owner' : 'Co'})`;\n headerBtn.style.borderColor = 'var(--accent-purple)';\n headerBtn.onclick = () => document.getElementById('adminControlPanel').classList.toggle('active');\n document.getElementById('masterAdminBoxSection').style.display = res.isMasterAdmin ? 'block' : 'none';\n renderAdminUserList();\n navigateToPage('home');\n } else {\n document.getElementById('adminControlPanel').classList.remove('active');\n headerBtn.innerHTML = `👤 ${res.user.name}`;\n headerBtn.style.borderColor = 'var(--primary-cyan)';\n headerBtn.onclick = () => navigateToPage('student-dashboard');\n headerBtn.title = 'View workspace dashboard';\n await loadEnrollments();\n navigateToPage('student-dashboard');\n }\n await refreshRealtimeMetricsAndGraph();\n await refreshPointsUI();\n clearAuthFields();\n document.getElementById('federatedOAuthInputGroup').style.display = 'none';\n document.getElementById('standardAuthFieldsContainer').style.display = 'block';\n renderAllAdSlots();\n}\n\nasync function logoutSession() {\n if (currentUser) {\n await api('/api/auth/signout', { method: 'POST', body: { email: currentUser } });\n }\n currentUser = null;\n currentUserData = null;\n assertBannedUIState(false);\n document.getElementById('adminControlPanel').classList.remove('active');\n const headerBtn = document.getElementById('headerAuthBtn');\n headerBtn.innerHTML = 'Sign In';\n headerBtn.style.borderColor = 'var(--primary-cyan)';\n headerBtn.onclick = () => navigateToPage('auth');\n headerBtn.title = '';\n document.getElementById('headerSignOutBtn').style.display = 'none';\n document.getElementById('verifyAccountBanner').style.display = 'none';\n document.getElementById('headerPointsPill').style.display = 'none';\n await refreshRealtimeMetricsAndGraph();\n renderRewardsPage(0, []);\n navigateToPage('home');\n renderAllAdSlots();\n}\n\nfunction assertBannedUIState(banned) {\n const notice = document.getElementById('globalBanNotice');\n if (banned) {\n notice.style.display = 'block';\n document.getElementById('page-home').style.opacity = '0.2';\n document.getElementById('page-home').style.pointerEvents = 'none';\n } else {\n notice.style.display = 'none';\n document.getElementById('page-home').style.opacity = '1';\n document.getElementById('page-home').style.pointerEvents = 'auto';\n }\n}\n\n// ── Metrics ──\nasync function refreshRealtimeMetricsAndGraph() {\n const res = await api('/api/metrics');\n const { totalAccounts, totalStudents, onlineNow } = res;\n const popText = document.getElementById('totalPopulationText');\n if (popText) popText.innerText = `${totalAccounts} Accounts`;\n const maxVal = Math.max(totalAccounts, totalStudents, onlineNow, 1);\n const setBar = (id, val) => {\n const bar = document.getElementById(id);\n if (bar) { bar.style.height = `${Math.max((val / maxVal) * 100, 5)}%`; bar.setAttribute('data-value', val); }\n };\n setBar('barTotalAccounts', totalAccounts);\n setBar('barTotalStudents', totalStudents);\n setBar('barOnlineSessions', onlineNow);\n}\n\n// ── Admin: User Management ──\nasync function renderAdminUserList() {\n const res = await api('/api/users');\n const tbody = document.getElementById('adminUserListTableBody');\n if (!tbody) return;\n const adminEmail = cachedAdminConfig?.adminEmail || '';\n tbody.innerHTML = (res.users || []).map(u => {\n const isBanned = u.is_banned;\n const isOnline = u.is_online;\n const isVerified = u.is_verified;\n const statusBadge = isBanned ? 'Banned' : (isOnline ? 'Online' : 'Offline');\n const verifiedBadge = isVerified ? '✅' : '⏳';\n let actionBtn = '';\n if (u.email !== adminEmail) {\n actionBtn = isBanned\n ? ``\n : ``;\n } else { actionBtn = 'Owner'; }\n return `${u.name}
${u.email}${u.role}${verifiedBadge} ${statusBadge}${actionBtn}`;\n }).join('');\n}\n\nasync function toggleUserBan(email, ban) {\n if (ban) {\n showCustomConfirm('Ban User', `Ban ${email}? They will lose access immediately.`, async () => {\n await api('/api/users/ban', { method: 'POST', body: { email, ban: true } });\n showSystemAlertBanner(`User ${email} has been banned.`, 'error');\n renderAdminUserList();\n refreshRealtimeMetricsAndGraph();\n });\n } else {\n await api('/api/users/ban', { method: 'POST', body: { email, ban: false } });\n showSystemAlertBanner(`User ${email} has been unbanned.`, 'success');\n renderAdminUserList();\n }\n}\n\n// ── Admin: Content Publishing ──\nfunction checkStrictContentRules(text) {\n const warning = document.getElementById('strictRulesWarning');\n if (!warning) return;\n const lower = text.toLowerCase();\n warning.style.display = restrictedStrictKeywords.some(kw => lower.includes(kw)) ? 'block' : 'none';\n}\n\nasync function processAdminPublish() {\n const textContent = document.getElementById('liveTextContent').value.trim();\n const targetPage = document.getElementById('liveTargetPage').value;\n const fileInput = document.getElementById('adminFileInput');\n const statusMsg = document.getElementById('publishStatusMsg');\n\n if (!textContent && (!fileInput.files || fileInput.files.length === 0)) {\n statusMsg.innerText = 'Please enter text content or attach a file.';\n setTimeout(() => { statusMsg.innerText = ''; }, 3000);\n return;\n }\n if (restrictedStrictKeywords.some(kw => textContent.toLowerCase().includes(kw))) {\n statusMsg.innerText = '⚠️ Content blocked: prohibited language detected.';\n statusMsg.style.color = 'var(--danger-red)';\n setTimeout(() => { statusMsg.innerText = ''; statusMsg.style.color = ''; }, 4000);\n return;\n }\n\n let fileName = null, fileData = null;\n if (fileInput.files && fileInput.files.length > 0) {\n const file = fileInput.files[0];\n fileName = file.name;\n if (file.size < 500000) {\n fileData = await new Promise(resolve => {\n const reader = new FileReader();\n reader.onload = () => resolve(reader.result);\n reader.readAsDataURL(file);\n });\n }\n }\n\n await api('/api/content', { method: 'POST', body: { targetPage, textContent, fileName, fileData } });\n document.getElementById('liveTextContent').value = '';\n fileInput.value = '';\n await loadAllContent();\n statusMsg.innerText = '✅ Published successfully!';\n statusMsg.style.color = 'var(--success-green)';\n setTimeout(() => { statusMsg.innerText = ''; statusMsg.style.color = ''; }, 3000);\n}\n\n// ── Admin: Add Administrator ──\nasync function addNewAdministrator() {\n const emailEl = document.getElementById('newAdminEmailInput');\n const statusEl = document.getElementById('adminStatusMsg');\n const newEmail = emailEl.value.trim().toLowerCase();\n if (!newEmail || !newEmail.includes('@')) { statusEl.innerText = 'Please enter a valid email.'; setTimeout(() => { statusEl.innerText = ''; }, 3000); return; }\n const res = await api('/api/admin/add-admin', { method: 'POST', body: { email: newEmail } });\n if (res.error) { statusEl.innerText = res.error; return; }\n emailEl.value = '';\n statusEl.innerText = `✅ ${newEmail} granted admin access.`;\n statusEl.style.color = 'var(--success-green)';\n setTimeout(() => { statusEl.innerText = ''; statusEl.style.color = ''; }, 3000);\n renderAdminUserList();\n}\n\n// ── Admin: Change Credentials ──\nasync function changeAdminCredentials() {\n const newEmail = document.getElementById('updateAdminEmailField').value.trim();\n const newPassword = document.getElementById('updateAdminPasswordField').value;\n const statusEl = document.getElementById('accountStatusMsg');\n if (!newEmail && !newPassword) { statusEl.innerText = 'Enter a new email or password.'; setTimeout(() => { statusEl.innerText = ''; }, 3000); return; }\n if (newPassword && newPassword.length < 3) { statusEl.innerText = 'Password must be at least 3 characters.'; setTimeout(() => { statusEl.innerText = ''; }, 3000); return; }\n showCustomConfirm('Update Credentials', 'Are you sure you want to update the admin credentials?', async () => {\n await api('/api/admin/credentials', { method: 'POST', body: { newEmail, newPassword } });\n document.getElementById('updateAdminEmailField').value = '';\n document.getElementById('updateAdminPasswordField').value = '';\n statusEl.innerText = '✅ Admin credentials updated!';\n statusEl.style.color = 'var(--success-green)';\n setTimeout(() => { statusEl.innerText = ''; statusEl.style.color = ''; }, 3000);\n });\n}\n\n// ── Admin: Live Code Injection ──\nfunction injectLiveCodeUpdate() {\n const codeArea = document.getElementById('liveWebCodeEditor');\n const statusEl = document.getElementById('codeUpdateStatusMsg');\n const code = codeArea.value.trim();\n if (!code) { statusEl.innerText = 'Please paste code to inject.'; setTimeout(() => { statusEl.innerText = ''; }, 3000); return; }\n showCustomConfirm('Apply Code Update', 'This will inject the pasted code into the page. Continue?', () => {\n try {\n const script = document.createElement('script');\n script.textContent = code;\n document.body.appendChild(script);\n statusEl.innerText = '✅ Code applied successfully!';\n statusEl.style.color = 'var(--success-green)';\n setTimeout(() => { statusEl.innerText = ''; statusEl.style.color = ''; }, 3000);\n } catch (err) {\n statusEl.innerText = '⚠️ Error: ' + err.message;\n statusEl.style.color = 'var(--danger-red)';\n setTimeout(() => { statusEl.innerText = ''; statusEl.style.color = ''; }, 4000);\n }\n });\n}\n\n// ── Email Config ──\nfunction toggleEmailConfigFields() {\n const provider = document.getElementById('emailGatewayProvider').value;\n document.getElementById('web3formsFields').style.display = provider === 'web3forms' ? 'block' : 'none';\n document.getElementById('emailjsFields').style.display = provider === 'emailjs' ? 'block' : 'none';\n}\n\nasync function saveEmailConfig() {\n const emailConfig = {\n provider: document.getElementById('emailGatewayProvider').value,\n web3formsAccessKey: document.getElementById('web3formsAccessKey').value.trim(),\n emailjsPublicKey: document.getElementById('emailjsPublicKey').value.trim(),\n emailjsServiceId: document.getElementById('emailjsServiceId').value.trim(),\n emailjsTemplateId: document.getElementById('emailjsTemplateId').value.trim(),\n googleClientId: document.getElementById('googleClientIdInput').value.trim(),\n };\n await api('/api/admin/config', { method: 'POST', body: { emailConfig } });\n if (emailConfig.googleClientId) {\n const gLoad = document.getElementById('g_id_onload');\n if (gLoad) gLoad.setAttribute('data-client_id', emailConfig.googleClientId);\n }\n const feedback = document.getElementById('emailConfigStatusMsg');\n feedback.innerText = 'Email & Google settings saved!';\n setTimeout(() => { feedback.innerText = ''; }, 3000);\n}\n\n// ── Ad Manager ──\nfunction toggleAdModeFields(slotKey) {\n const mode = document.getElementById(`adMode-${slotKey}`).value;\n document.getElementById(`adAdsenseFields-${slotKey}`).style.display = mode === 'adsense' ? 'block' : 'none';\n document.getElementById(`adCustomFields-${slotKey}`).style.display = mode === 'custom' ? 'block' : 'none';\n}\n\nfunction populateAdConfigForm() {\n AD_SLOT_KEYS.forEach(slotKey => {\n const cfg = adConfig[slotKey] || {};\n const enabledBox = document.getElementById(`adEnabled-${slotKey}`);\n const modeSelect = document.getElementById(`adMode-${slotKey}`);\n if (!enabledBox || !modeSelect) return;\n enabledBox.checked = !!cfg.enabled;\n modeSelect.value = cfg.mode || 'custom';\n const pubIdEl = document.getElementById(`adPubId-${slotKey}`);\n const slotIdEl = document.getElementById(`adSlotId-${slotKey}`);\n const customCodeEl = document.getElementById(`adCustomCode-${slotKey}`);\n if (pubIdEl) pubIdEl.value = cfg.pubId || '';\n if (slotIdEl) slotIdEl.value = cfg.slotId || '';\n if (customCodeEl) customCodeEl.value = cfg.customCode || '';\n toggleAdModeFields(slotKey);\n });\n}\n\nasync function saveAdConfig() {\n AD_SLOT_KEYS.forEach(slotKey => {\n adConfig[slotKey] = {\n enabled: document.getElementById(`adEnabled-${slotKey}`).checked,\n mode: document.getElementById(`adMode-${slotKey}`).value,\n pubId: document.getElementById(`adPubId-${slotKey}`).value.trim(),\n slotId: document.getElementById(`adSlotId-${slotKey}`).value.trim(),\n customCode: document.getElementById(`adCustomCode-${slotKey}`).value,\n };\n });\n await api('/api/admin/config', { method: 'POST', body: { adConfig } });\n renderAllAdSlots();\n const feedback = document.getElementById('adConfigStatusMsg');\n feedback.innerText = 'Ad configuration saved & applied!';\n setTimeout(() => { feedback.innerText = ''; }, 3000);\n}\n\nfunction renderAllAdSlots() {\n AD_SLOT_KEYS.forEach(slotKey => {\n const slotEl = document.getElementById(`adSlot${slotKey.charAt(0).toUpperCase() + slotKey.slice(1)}`);\n if (!slotEl) return;\n const cfg = adConfig[slotKey];\n if (!cfg || !cfg.enabled) { slotEl.innerHTML = ''; return; }\n if (cfg.mode === 'adsense' && cfg.pubId && cfg.slotId) {\n slotEl.innerHTML = ``;\n if (typeof adsbygoogle !== 'undefined') { try { (adsbygoogle = window.adsbygoogle || []).push({}); } catch(e) {} }\n } else if (cfg.mode === 'custom' && cfg.customCode) {\n slotEl.innerHTML = cfg.customCode;\n } else {\n slotEl.innerHTML = ``;\n }\n });\n}\n\n// ── Uploaded Files Admin List ──\nasync function renderUploadedFilesAdminList() {\n const res = await api('/api/files');\n const listEl = document.getElementById('adminUploadedFilesList');\n if (!listEl) return;\n const files = res.files || [];\n if (files.length === 0) {\n listEl.innerHTML = '

No files uploaded yet.

';\n return;\n }\n listEl.innerHTML = files.map(f =>\n `

\n 📎 ${f.file_name}\n

\n \n \n

`\n ).join('');\n}\n\nasync function deleteUploadedFile(fileId) {\n showCustomConfirm('Delete File', 'Are you sure you want to permanently delete this file?', async () => {\n await api(`/api/files/${fileId}`, { method: 'DELETE' });\n renderUploadedFilesAdminList();\n });\n}\n\n// ═══════════════════════════════════════\n// INITIALIZATION\n// ═══════════════════════════════════════\nwindow.addEventListener('DOMContentLoaded', async () => {\n try {\n // Load admin config\n cachedAdminConfig = await api('/api/admin/config');\n adConfig = cachedAdminConfig.adConfig || {};\n const emailCfg = cachedAdminConfig.emailConfig || {};\n\n // Populate admin form fields\n document.getElementById('emailGatewayProvider').value = emailCfg.provider || 'emailjs';\n document.getElementById('web3formsAccessKey').value = emailCfg.web3formsAccessKey || '';\n document.getElementById('emailjsPublicKey').value = emailCfg.emailjsPublicKey || '5DiGQU09pdpWa9QXn';\n document.getElementById('emailjsServiceId').value = emailCfg.emailjsServiceId || 'service_j33jafh';\n document.getElementById('emailjsTemplateId').value = emailCfg.emailjsTemplateId || 'template_tvcp6rm';\n document.getElementById('googleClientIdInput').value = emailCfg.googleClientId || '';\n toggleEmailConfigFields();\n\n // Apply Google Client ID\n if (emailCfg.googleClientId) {\n const gLoad = document.getElementById('g_id_onload');\n if (gLoad) gLoad.setAttribute('data-client_id', emailCfg.googleClientId);\n }\n\n // Init EmailJS\n if (typeof emailjs !== 'undefined' && emailCfg.emailjsPublicKey) {\n emailjs.init({ publicKey: emailCfg.emailjsPublicKey });\n }\n\n // Load all content from SQLite\n await loadAllContent();\n\n // Populate ad config form\n populateAdConfigForm();\n renderAllAdSlots();\n\n // Load metrics, rewards, files, users\n await refreshRealtimeMetricsAndGraph();\n renderRewardsPage(0, []);\n await renderUploadedFilesAdminList();\n\n } catch (err) {\n console.error('Initialization error:', err);\n }\n});",[154],"pulls",1,"forks","envVars",{"_167":54,"_169":54},"connections",{"_167":54,"_168":54},"count","unfilledCount","emptyCount",{"_20":153,"_13":154,"_123":155,"_124":-5,"_125":21,"_126":156,"_127":50,"_22":184,"_29":54,"_130":150,"_132":158,"_134":38,"_135":-5,"_175":185,"_94":186},{"_20":145,"_13":146,"_123":147,"_124":-5,"_125":21,"_126":148,"_127":50,"_22":181,"_29":54,"_130":150,"_132":151,"_134":38,"_135":-5,"_175":182,"_94":183},{"_20":137,"_13":138,"_123":139,"_124":-5,"_125":21,"_126":140,"_127":50,"_22":178,"_29":142,"_130":106,"_132":143,"_134":38,"_135":-5,"_175":179,"_94":180},{"_20":121,"_13":122,"_123":48,"_124":-5,"_125":21,"_126":30,"_127":50,"_22":174,"_29":129,"_130":131,"_132":133,"_134":38,"_135":-5,"_175":176,"_94":177},["D",1785274495037],"children",[],[122],["D",1785274443191],[],[138],["D",1785274182113],[],[146],["D",1785274422092],[],[154],["D",1785272999041],["D",1789474235934],{"_11":12,"_92":88},{"_11":12,"_85":86,"_87":88,"_45":46,"_89":90,"_91":38},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_80":-5,"_81":-5,"_82":-5,"_83":14,"_84":12},"ctx",{"_73":-5,"_114":225,"_226":227,"_228":229,"_230":38,"_231":38,"_232":38,"_233":50,"_234":-5,"_235":-7,"_236":-7,"_237":54,"_238":38,"_239":38,"_240":-5,"_241":38,"_242":38,"_243":38,"_244":-5},"ENV",{"_196":197,"_198":199,"_200":26,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

🚨 Account Suspended 🚨

🔍 Live Matches Engine Catalog Items

NEWS 🌐

Beginners9-11 Years

Beginners12-15 Years

Beginners16-18 Years

⚡⚡⚡Announcement

🎁 Rewards

❓ Questions Room

ℹ️ Platform Info

Zody Sign In

My Workspace Dashboard 📁

Enrolled Course Tracks

News 🌐

Beginners 9-11 Years

\"Nothing is hard/impossible\"

Beginners 12-15

Beginners 16-18

Announcement ⚡

Rewards Program 🎁

Points Activity

Questions & Training Test Center ❓

Platform Info Room ℹ️

Confirm Action

${tier.name}

Beginners
9-11 Years

Beginners
12-15 Years

Beginners
16-18 Years

⚡⚡⚡
Announcement

Branches1

Branches
1