| import { CONFIG } from "./config.js"; |
| import { createClient } from "https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2.45.4/+esm"; |
|
|
| export const sb = createClient(CONFIG.SUPABASE_URL, CONFIG.SUPABASE_ANON_KEY); |
|
|
| const T = { |
| sw: { |
| picks: "Utabiri", admin: "Admin", login: "Ingia", logout: "Toka", |
| freeTitle: "Utabiri wa Bure", comp: "Ligi", market: "Soko", all: "Zote", |
| empty: "Hakuna utabiri uliochapishwa bado.", kickoff: "Muda wa kuanza", pick: "Utabiri", |
| explain: "Maelezo", pending: "Inasubiri", won: "Umeshinda", lost: "Umeshindwa", void: "Umebatilika", |
| disclaimer: "Haya ni maoni ya uchambuzi, si uhakika wa matokeo. Cheza kwa uwajibikaji.", |
| record: "Rekodi", winRate: "Kiwango cha ushindi", settled: "yaliyokamilika", |
| email: "Barua pepe", password: "Nenosiri", name: "Jina", signIn: "Ingia", signUp: "Jisajili", |
| forgot: "Umesahau nenosiri?", sendReset: "Tuma kiungo cha kubadilisha", newPass: "Nenosiri jipya", |
| repeatPass: "Rudia nenosiri", changePass: "Badilisha nenosiri", resetDone: "Nenosiri limebadilishwa. Ingia sasa.", |
| checkMail: "Angalia barua pepe yako kuthibitisha akaunti.", resetSent: "Kiungo cha kubadilisha kimetumwa kwenye barua pepe yako.", |
| badLink: "Kiungo hakifanyi kazi au kimeisha muda.", noAccess: "Huna ruhusa ya kuona ukurasa huu.", |
| backHome: "Rudi kwenye utabiri", haveAccount: "Tayari una akaunti?", noAccount: "Huna akaunti?" |
| }, |
| en: { |
| picks: "Picks", admin: "Admin", login: "Sign in", logout: "Sign out", |
| freeTitle: "Free Picks", comp: "League", market: "Market", all: "All", |
| empty: "No published picks yet.", kickoff: "Kickoff", pick: "Pick", |
| explain: "Explanation", pending: "Pending", won: "Won", lost: "Lost", void: "Void", |
| disclaimer: "These are analytical opinions, not guaranteed results. Play responsibly.", |
| record: "Record", winRate: "Win rate", settled: "settled", |
| email: "Email", password: "Password", name: "Name", signIn: "Sign in", signUp: "Sign up", |
| forgot: "Forgot password?", sendReset: "Send reset link", newPass: "New password", |
| repeatPass: "Repeat password", changePass: "Change password", resetDone: "Password changed. Sign in now.", |
| checkMail: "Check your email to confirm your account.", resetSent: "A reset link has been sent to your email.", |
| badLink: "This link is invalid or has expired.", noAccess: "You do not have access to this page.", |
| backHome: "Back to picks", haveAccount: "Already have an account?", noAccount: "No account yet?" |
| } |
| }; |
|
|
| export let lang = localStorage.getItem("fp_lang") || "sw"; |
| export const t = k => T[lang][k] || k; |
|
|
| |
| export function applyI18n() { |
| document.documentElement.lang = lang; |
| document.querySelectorAll("[data-t]").forEach(el => (el.textContent = t(el.dataset.t))); |
| } |
|
|
| export const esc = s => String(s ?? "").replace(/[&<>"']/g, c => ({ "&": "&", "<": "<", ">": ">", '"': """, "'": "'" }[c])); |
|
|
| export const fmtDate = iso => |
| new Date(iso).toLocaleString(lang === "sw" ? "sw-TZ" : "en-GB", { dateStyle: "medium", timeStyle: "short" }); |
|
|
| export async function currentProfile() { |
| const { data: { session } } = await sb.auth.getSession(); |
| if (!session) return { session: null, profile: null }; |
| const { data: profile } = await sb.from("profiles").select("*").eq("id", session.user.id).maybeSingle(); |
| return { session, profile }; |
| } |
|
|
| export function renderNav(active, profile) { |
| const el = document.getElementById("nav"); |
| if (el) { |
| el.innerHTML = ` |
| <div class="brand">FUTBOL PICKS<small>WIN SMART</small></div> |
| <nav class="row"> |
| <a href="index.html" class="${active === "picks" ? "on" : ""}">${t("picks")}</a> |
| ${profile?.role === "admin" ? `<a href="admin.html" class="${active === "admin" ? "on" : ""}">${t("admin")}</a>` : ""} |
| ${profile |
| ? `<button class="ghost" id="logoutBtn">${t("logout")}</button>` |
| : `<a href="login.html">${t("login")}</a>`} |
| <select id="langSel" style="width:auto"> |
| <option value="sw" ${lang === "sw" ? "selected" : ""}>Kiswahili</option> |
| <option value="en" ${lang === "en" ? "selected" : ""}>English</option> |
| </select> |
| </nav>`; |
| document.getElementById("langSel").onchange = e => { |
| localStorage.setItem("fp_lang", e.target.value); |
| location.reload(); |
| }; |
| document.getElementById("logoutBtn")?.addEventListener("click", async () => { |
| await sb.auth.signOut(); |
| location.href = "index.html"; |
| }); |
| } |
| applyI18n(); |
| } |
|
|
