diff --git a/.gitignore b/.gitignore index 7fddb09..b633661 100644 --- a/.gitignore +++ b/.gitignore @@ -165,6 +165,13 @@ eng.traineddata Thumbs.db desktop.ini +# VS Code project settings +.vscode/ + +# AI assistant/editor metadata +.claude/ +.cursor/ + # Python cache files __pycache__/ *.pyc @@ -173,4 +180,11 @@ __pycache__/ .Python # Temporary scripts -temp/ \ No newline at end of file +temp/ + +# Localization helper artifacts (not part of app) +BEFORE_AFTER_COMPARISON.md +LOCALIZATION_COMPLETE.md +LOCALIZATION_PROGRESS.md +VERIFICATION_REPORT.md +localize_remaining.py \ No newline at end of file diff --git a/README.md b/README.md index 7075e8c..5d367fb 100644 --- a/README.md +++ b/README.md @@ -1,11 +1,13 @@ ## Oscars Pool 2026 Little nodejs + mongodb app that I hack together with ChatGPT and Cursor to keep track of watched movies for an incoming Oscars Pool with some friends. -**Note:** The application interface is in French. +**Note:** The application interface now supports **English and French** via JSON locale bundles (default is English; the admin can force the site language from the Settings → Language tab). -**Disclaimer:** This was a fun, experimental project built with “AI slop” (Cursor), so it may have security issues. For example, `python_video_server` uses the default token‑in‑URL approach to serve video files, which can leave user tokens in logs or browser history. There are ways to improve this, but at this point I’m blinder than Ray Charles. +**Disclaimer:** This was a fun, experimental project built with “AI slop” (Cursor, Claude and Copilot), so it may have security issues. For example, `python_video_server` uses the default token‑in‑URL approach to serve video files, which can leave user tokens in logs or browser history. There are ways to improve this, but at this point I’m blinder than Ray Charles. -![Oscars Pool 2026](img/preview.gif) +| ![Movies](img/preview_movies.png) | ![Checklist](img/preview_checklist.png) | +| --- | --- | +| ![Statistics](img/preview_stats.png) | ![Admin](img/preview_admin.png) | ## Features @@ -38,6 +40,41 @@ Little nodejs + mongodb app that I hack together with ChatGPT and Cursor to keep - **App version control**: manage app version display (footer) from admin panel (no GitHub dependency) - **Player UI settings**: control player page admin status display +## Localization (i18n) + +The app ships with a lightweight client-side localization system and two locales: **English** and **French**. + +- Locale files live in: + - `public/locales/en.json` + - `public/locales/fr.json` +- The i18n runtime is implemented in `public/js/localization.js` and exposed as `window.i18n`. +- The admin can choose the **site language** (currently `en` or `fr`) from the **Admin → Settings → Language** tab. This value is stored in MongoDB and used by the client to pick the active locale. +- Markup is localized via `data-i18n` attributes (and friends): + - `data-i18n` → element text content + - `data-i18n-placeholder` → input placeholders + - `data-i18n-aria-label` → ARIA labels + - `data-i18n-title` → `title` attributes +- JavaScript code uses a small helper to translate keys with an English fallback, for example: + + ```js + // inside public/js/* files + function t(key, fallback, params) { + if (window.i18n && typeof window.i18n.t === 'function') { + const base = window.i18n.t(key, params || {}); + return base && base !== key ? base : (fallback || key); + } + return fallback || key; + } + + showResponse('success', t('admin.movies.updatedSuccessfully', 'Movie updated successfully.')); + ``` + +To add new text: + +1. Add an English entry in `public/locales/en.json` (this is the base source of truth). +2. Optionally add the corresponding French translation to `public/locales/fr.json` using the same key. +3. In HTML, wire it with `data-i18n="your.key"`, or in JS call `t('your.key', 'English fallback')`. + ## Setup Create a `.env` file at the project root (same folder as `package.json`). @@ -66,6 +103,38 @@ Generate a good `JWT_SECRET`: openssl rand -hex 32 ``` +## First-time admin setup + +On a brand new database (no users with `role: 69`), the app exposes a simple first-time setup flow to create the initial admin account. + +1. **Start the app** + - Make sure `.env` has at least `MONGO_URI` and `JWT_SECRET`. + - Run: + + ```bash + npm install + node index.js + ``` + +2. **Open the home page** + - Visit `http://localhost:5050/` (or `http://localhost:${PORT}/` if you changed the port). + - If no admin user exists yet, you'll see an **admin setup card** instead of the regular login form. + - Fill in **name**, **email**, and **password**, then submit to create the first admin. The backend will: + - create a `User` document with `role: 69` (admin), and + - return a JWT so you're logged in immediately and redirected into the app. + +3. **Access the admin panel** + - Once logged in as admin, open the **Admin / Control** page (or navigate to `/control.html`). + - From there you can: + - Set the **active Oscar year** (Settings → Active year). + - Configure the **Oscar date** for the countdown. + - Adjust **points configuration** (points per movie / per correct pick). + - Control **picks and version visibility**. + - Choose the **site language** (Settings → Language → `en` / `fr`). + - Manage movies, categories, winners, users, and the 100% completion modal. + +After the first admin is created, the setup card disappears and the index page behaves as a normal login screen. + ## Database (MongoDB) This app uses **MongoDB** via Mongoose. Provide a connection string in `MONGO_URI`. @@ -85,7 +154,7 @@ This app uses **MongoDB** via Mongoose. Provide a connection string in `MONGO_UR The app also reads these environment variables (all optional): ```bash -PORT=5000 # server port (default: 5000) +PORT=5050 # server port (default: 5050) JWT_EXPIRES_IN=8h # JWT expiry (default: 8h) VIDEO_FILES_DIR=/abs/path/to/video # where server video files live (default: ./public/video) VIDEO_SESSION_MAX_AGE_SECONDS=28800 # video_auth cookie max-age (default: 8h) @@ -93,7 +162,7 @@ MOVIES_CACHE_TTL_MS=30000 # movies route cache TTL (default: 30000ms) ``` Notes: -- The server serves the UI from `public/` (open `http://localhost:5000` by default). +- The server serves the UI from `public/` (open `http://localhost:5050` by default unless you override `PORT`). - If you use `video_file` in a movie record, it must be a **relative path** under `VIDEO_FILES_DIR` (the backend blocks traversal/absolute paths). ## Python video server (optional) diff --git a/img/preview.gif b/img/preview.gif deleted file mode 100644 index 77b0ea2..0000000 Binary files a/img/preview.gif and /dev/null differ diff --git a/img/preview_admin.png b/img/preview_admin.png new file mode 100644 index 0000000..0d914dc Binary files /dev/null and b/img/preview_admin.png differ diff --git a/img/preview_checklist.png b/img/preview_checklist.png new file mode 100644 index 0000000..1739161 Binary files /dev/null and b/img/preview_checklist.png differ diff --git a/img/preview_movies.png b/img/preview_movies.png new file mode 100644 index 0000000..1b6789e Binary files /dev/null and b/img/preview_movies.png differ diff --git a/img/preview_stats.png b/img/preview_stats.png new file mode 100644 index 0000000..8a3f1a7 Binary files /dev/null and b/img/preview_stats.png differ diff --git a/public/change-password.html b/public/change-password.html index 7a2b011..c4aa2ef 100644 --- a/public/change-password.html +++ b/public/change-password.html @@ -3,13 +3,31 @@ - Pool Oscars - Changer le mot de passe + Oscar Pool - Change Password + + - + - + @@ -64,4 +82,3 @@ - diff --git a/public/checklist.html b/public/checklist.html index 0636842..0f7de60 100644 --- a/public/checklist.html +++ b/public/checklist.html @@ -3,11 +3,29 @@ - Pool Oscars - Checklist + Oscar Pool - Checklist + + + + - +
- Pool Oscars + Oscar Pool
- +
- +
- +
-

Pas de compte? Enregistrez-vous

+

No account? Sign up

diff --git a/public/js/app_change-password.js b/public/js/app_change-password.js index c8aa0f0..c053820 100644 --- a/public/js/app_change-password.js +++ b/public/js/app_change-password.js @@ -2,6 +2,20 @@ function decodeJwt(token) { return JSON.parse(atob(token.split('.')[1])); } +// i18n helper function +function t(key, fallback = '', params = {}) { + if (window.i18n && typeof window.i18n.t === 'function') { + return window.i18n.t(key, params); + } + let result = fallback; + if (params && typeof params === 'object') { + Object.keys(params).forEach(k => { + result = result.replace(`{${k}}`, String(params[k])); + }); + } + return result; +} + function isTokenExpired(decoded) { const currentTime = Math.floor(Date.now() / 1000); return !!decoded.exp && decoded.exp < currentTime; @@ -81,11 +95,11 @@ window.onload = function () { const confirmPassword = document.getElementById('confirm-password').value; if (newPassword.length < 8) { - showError('Le mot de passe doit contenir au moins 8 caractères.'); + showError(t('auth.passwordMinLength', 'Password must be at least 8 characters.')); return; } if (newPassword !== confirmPassword) { - showError('Les mots de passe ne correspondent pas.'); + showError(t('auth.passwordsDoNotMatch', 'Passwords do not match')); return; } @@ -116,7 +130,7 @@ window.onload = function () { window.location.href = '/movies.html'; } catch (err) { - showError(err.message || 'Erreur réseau'); + showError(err.message || t('auth.networkError', 'Network error')); } }); }; diff --git a/public/js/app_checklist.js b/public/js/app_checklist.js index 6d7db09..8c3b9c8 100644 --- a/public/js/app_checklist.js +++ b/public/js/app_checklist.js @@ -1,7 +1,21 @@ +// i18n helper function +function t(key, fallback = '', params = {}) { + if (window.i18n && typeof window.i18n.t === 'function') { + return window.i18n.t(key, params); + } + let result = fallback; + if (params && typeof params === 'object') { + Object.keys(params).forEach(k => { + result = result.replace(`{${k}}`, String(params[k])); + }); + } + return result; +} + function createPageLoader(options = {}) { - const title = String(options.title || 'Chargement…'); + const title = String(options.title || t('common.loading', 'Loading…')); // Subtitle kept for backwards-compat with callers, but we no longer render text in the UI. - const subtitle = String(options.subtitle || 'Préparation de la page…'); + const subtitle = String(options.subtitle || t('common.preparingPage', 'Preparing page…')); let progress = 0; let removed = false; @@ -119,8 +133,8 @@ function createPageLoader(options = {}) { window.addEventListener('DOMContentLoaded', async function () { const pageLoader = createPageLoader({ - title: 'Chargement de la checklist', - subtitle: 'Récupération des données…' + title: (window.i18n && typeof window.i18n.t === 'function') ? window.i18n.t('checklist.loadingChecklist') : 'Loading checklist', + subtitle: (window.i18n && typeof window.i18n.t === 'function') ? window.i18n.t('movies.fetchingData') : 'Fetching data…' }); const token = localStorage.getItem('auth_token'); @@ -133,7 +147,7 @@ window.addEventListener('DOMContentLoaded', async function () { @@ -141,7 +155,8 @@ window.addEventListener('DOMContentLoaded', async function () { } const DEFAULT_COMPLETION_MODAL = Object.freeze({ - title: 'Félicitations! very nice 🎉🎉🎉', + // Default title: use the localized 100% modal title if available. + title: t('admin.modal100.defaultTitle', 'Congratulations! very nice 🎉🎉🎉'), bodyText: '', videoSrc: 'video/reward.mp4', bodyHtml: '' @@ -180,7 +195,12 @@ window.addEventListener('DOMContentLoaded', async function () { const videoEl = document.getElementById('rewardVideo'); const videoSourceEl = document.getElementById('rewardVideoSource'); - const title = String(content?.title || '').trim() || DEFAULT_COMPLETION_MODAL.title; + const rawTitle = String(content?.title || '').trim(); + // If the stored value is the i18n key itself, translate it; otherwise + // use the stored title, falling back to the localized default. + const title = (!rawTitle || rawTitle === 'admin.modal100.defaultTitle') + ? t('admin.modal100.defaultTitle', 'Congratulations! very nice 🎉🎉🎉') + : rawTitle; const bodyText = String(content?.bodyText || ''); const bodyHtml = sanitizeHtml(String(content?.bodyHtml || '')); const videoSrc = String(content?.videoSrc || '').trim(); @@ -265,16 +285,20 @@ window.addEventListener('DOMContentLoaded', async function () { const fallbackDate = parseLocalNoonFromIsoDate(`${activeYear}-03-15`) || new Date(`March 15, ${activeYear} 12:00:00`); if (oscarDayMonthEl) { try { - oscarDayMonthEl.textContent = fallbackDate.toLocaleDateString('fr-FR', { day: 'numeric', month: 'long' }); + const locale = (window.i18n && typeof window.i18n.getLanguage === 'function') ? window.i18n.getLanguage() : (document.documentElement.lang || 'en'); + oscarDayMonthEl.textContent = fallbackDate.toLocaleDateString(locale, { day: 'numeric', month: 'long' }); } catch (_) { - oscarDayMonthEl.textContent = '15 mars'; + oscarDayMonthEl.textContent = (window.i18n && typeof window.i18n.t === 'function') ? window.i18n.t('checklist.march15') : 'March 15'; } } const currentDate = new Date(); let timeDifference = fallbackDate - currentDate; let daysLeft = Math.floor(timeDifference / (1000 * 60 * 60 * 24)); - if (timeLeftEl) timeLeftEl.textContent = `${daysLeft} jours`; + if (timeLeftEl) { + const daysLabel = (window.i18n && typeof window.i18n.t === 'function') ? window.i18n.t('movies.daysLeft', { days: daysLeft }) : `${daysLeft} days`; + timeLeftEl.textContent = daysLabel; + } fetchOscarEffectiveDate(activeYear).then((oscarEffectiveDate) => { const targetDate = @@ -283,13 +307,17 @@ window.addEventListener('DOMContentLoaded', async function () { if (oscarDayMonthEl) { try { - oscarDayMonthEl.textContent = targetDate.toLocaleDateString('fr-FR', { day: 'numeric', month: 'long' }); + const locale = (window.i18n && typeof window.i18n.getLanguage === 'function') ? window.i18n.getLanguage() : (document.documentElement.lang || 'en'); + oscarDayMonthEl.textContent = targetDate.toLocaleDateString(locale, { day: 'numeric', month: 'long' }); } catch (_) {} } const now = new Date(); timeDifference = targetDate - now; daysLeft = Math.floor(timeDifference / (1000 * 60 * 60 * 24)); - if (timeLeftEl) timeLeftEl.textContent = `${daysLeft} jours`; + if (timeLeftEl) { + const daysLabel = (window.i18n && typeof window.i18n.t === 'function') ? window.i18n.t('movies.daysLeft', { days: daysLeft }) : `${daysLeft} days`; + timeLeftEl.textContent = daysLabel; + } }).catch(() => {}); if (token) { @@ -333,7 +361,12 @@ window.addEventListener('DOMContentLoaded', async function () { const totalCount = Number(summary?.totalMoviesCount) || 0; const watchedCount = Number(summary?.watchedMoviesCount) || 0; const ratioPct = totalCount > 0 ? ((watchedCount / totalCount) * 100).toFixed(1) : '0.0'; - if (watchedRatioEl) watchedRatioEl.innerText = `Vu: ${watchedCount} / ${totalCount} (${ratioPct}%)`; + if (watchedRatioEl) { + const txt = (window.i18n && typeof window.i18n.t === 'function') + ? window.i18n.t('movies.watchedRatio', { watched: watchedCount, total: totalCount, percent: ratioPct }) + : `Watched: ${watchedCount} / ${totalCount} (${ratioPct}%)`; + watchedRatioEl.innerText = txt; + } updateProgressBar(watchedCount, totalCount, false); pageLoader.setProgress(32); return summary; @@ -341,7 +374,7 @@ window.addEventListener('DOMContentLoaded', async function () { .catch(() => null); // Fetch remaining data in parallel. - pageLoader.setSubtitle('Chargement de la liste des films…'); + pageLoader.setSubtitle(t('checklist.loadingMovies', 'Loading movies…')); pageLoader.setProgress(26); const [completionModalContent, moviesRes] = await Promise.all([ fetchCompletionModalContent(), @@ -372,8 +405,8 @@ window.addEventListener('DOMContentLoaded', async function () { if (progressBarEl) progressBarEl.removeAttribute('aria-busy'); } catch (e) { - showTableError('Impossible de charger la checklist. Réessaie dans quelques instants.'); - pageLoader.fail('Impossible de charger la checklist. Vérifie ta connexion puis réessaie.'); + showTableError((window.i18n && typeof window.i18n.t === 'function') ? window.i18n.t('checklist.unableToLoad') : 'Unable to load checklist. Please try again later.'); + pageLoader.fail((window.i18n && typeof window.i18n.t === 'function') ? window.i18n.t('checklist.unableToLoadNetwork') : 'Unable to load checklist. Check your connection and try again.'); return; } @@ -383,7 +416,12 @@ window.addEventListener('DOMContentLoaded', async function () { const totalMoviesCount = movies.length; const watchedMoviesCount = watchedMoviesInYear.length; const ratioPct = totalMoviesCount > 0 ? ((watchedMoviesCount / totalMoviesCount) * 100).toFixed(1) : '0.0'; - document.getElementById('watched-ratio').innerText = `Vu: ${watchedMoviesCount} / ${totalMoviesCount} (${ratioPct}%)`; + if (document.getElementById('watched-ratio')) { + const txt = (window.i18n && typeof window.i18n.t === 'function') + ? window.i18n.t('movies.watchedRatio', { watched: watchedMoviesCount, total: totalMoviesCount, percent: ratioPct }) + : `Watched: ${watchedMoviesCount} / ${totalMoviesCount} (${ratioPct}%)`; + document.getElementById('watched-ratio').innerText = txt; + } function launchConfetti() { const duration = 3 * 1000; // 3 seconds @@ -522,12 +560,22 @@ window.addEventListener('DOMContentLoaded', async function () { watchedMoviesInYear = updatedWatchedMovies.filter((wm) => movieImdbIds.has(wm.imdb_id)); const updatedWatchedCount = watchedMoviesInYear.length; const updatedPct = totalMoviesCount > 0 ? ((updatedWatchedCount / totalMoviesCount) * 100).toFixed(1) : '0.0'; - document.getElementById('watched-ratio').innerText = `Vu: ${updatedWatchedCount} / ${totalMoviesCount} (${updatedPct}%)`; + if (document.getElementById('watched-ratio')) { + const updatedTxt = (window.i18n && typeof window.i18n.t === 'function') + ? window.i18n.t('movies.watchedRatio', { watched: updatedWatchedCount, total: totalMoviesCount, percent: updatedPct }) + : `Watched: ${updatedWatchedCount} / ${totalMoviesCount} (${updatedPct}%)`; + document.getElementById('watched-ratio').innerText = updatedTxt; + } updateProgressBar(updatedWatchedCount, totalMoviesCount); const moviesLeft = totalMoviesCount - updatedWatchedCount; const moviesPerDay = daysLeft > 0 ? (moviesLeft / daysLeft).toFixed(2) : moviesLeft; - document.getElementById('movies-per-day').textContent = `À voir par jour: ${moviesPerDay} films`; + if (document.getElementById('movies-per-day')) { + const perDayText = (window.i18n && typeof window.i18n.t === 'function') + ? window.i18n.t('checklist.moviesToWatchPerDay', { count: moviesPerDay }) + : `Movies to watch per day: ${moviesPerDay}`; + document.getElementById('movies-per-day').textContent = perDayText; + } } }); @@ -562,20 +610,35 @@ window.addEventListener('DOMContentLoaded', async function () { watchedMoviesInYear = updatedWatchedMovies.filter((wm) => movieImdbIds.has(wm.imdb_id)); const updatedWatchedCount = watchedMoviesInYear.length; const updatedPct = totalMoviesCount > 0 ? ((updatedWatchedCount / totalMoviesCount) * 100).toFixed(1) : '0.0'; - document.getElementById('watched-ratio').innerText = `Vu: ${updatedWatchedCount} / ${totalMoviesCount} (${updatedPct}%)`; + if (document.getElementById('watched-ratio')) { + const updatedTxt = (window.i18n && typeof window.i18n.t === 'function') + ? window.i18n.t('movies.watchedRatio', { watched: updatedWatchedCount, total: totalMoviesCount, percent: updatedPct }) + : `Watched: ${updatedWatchedCount} / ${totalMoviesCount} (${updatedPct}%)`; + document.getElementById('watched-ratio').innerText = updatedTxt; + } updateProgressBar(updatedWatchedCount, totalMoviesCount); // Recalculate and update movies per day const moviesLeft = totalMoviesCount - updatedWatchedCount; const moviesPerDay = daysLeft > 0 ? (moviesLeft / daysLeft).toFixed(2) : moviesLeft; - document.getElementById('movies-per-day').textContent = `À voir par jour: ${moviesPerDay} films`; + if (document.getElementById('movies-per-day')) { + const perDayText = (window.i18n && typeof window.i18n.t === 'function') + ? window.i18n.t('checklist.moviesToWatchPerDay', { count: moviesPerDay }) + : `Movies to watch per day: ${moviesPerDay}`; + document.getElementById('movies-per-day').textContent = perDayText; + } } }); }); const moviesLeft = totalMoviesCount - watchedMoviesCount; const moviesPerDay = daysLeft > 0 ? (moviesLeft / daysLeft).toFixed(2) : moviesLeft; - document.getElementById('movies-per-day').textContent = `À voir par jour: ${moviesPerDay} films`; + if (document.getElementById('movies-per-day')) { + const perDayText = (window.i18n && typeof window.i18n.t === 'function') + ? window.i18n.t('checklist.moviesToWatchPerDay', { count: moviesPerDay }) + : `Movies to watch per day: ${moviesPerDay}`; + document.getElementById('movies-per-day').textContent = perDayText; + } pageLoader.setSubtitle('Finalisation de l’affichage…'); pageLoader.setProgress(92); diff --git a/public/js/app_control.js b/public/js/app_control.js index b5d1a87..f85a39b 100644 --- a/public/js/app_control.js +++ b/public/js/app_control.js @@ -139,7 +139,7 @@ window.onload = async function () { let appVersionState = { active: null, versions: [] }; const DEFAULT_COMPLETION_MODAL = Object.freeze({ - title: 'Félicitations! very nice 🎉🎉🎉', + title: t('admin.modal100.defaultTitle', 'Congratulations! very nice 🎉🎉🎉'), bodyText: '', videoSrc: 'video/reward.mp4', bodyHtml: '', @@ -150,6 +150,23 @@ window.onload = async function () { showProgress: true, }); + // Small translation helper: prefers window.i18n.t when available, + // falls back to the provided fallback string and does simple {name}/{year} interpolation. + function t(key, fallback, params) { + try { + if (window.i18n && typeof window.i18n.t === 'function') { + return window.i18n.t(key, params || {}); + } + } catch (_) {} + let out = (typeof fallback === 'string') ? fallback : String(key); + if (params && typeof params === 'object') { + Object.keys(params).forEach((k) => { + out = out.replace(new RegExp(`\\{${k}\\}`, 'g'), String(params[k])); + }); + } + return out; + } + function showResponse(kind, message) { responseEl.classList.remove('d-none', 'alert-success', 'alert-danger', 'alert-warning'); responseEl.classList.add(kind === 'success' ? 'alert-success' : kind === 'warning' ? 'alert-warning' : 'alert-danger'); @@ -283,7 +300,7 @@ window.onload = async function () { } catch (err) { // Keep defaults so admin can still set something. setPlayerUiForm(DEFAULT_PLAYER_UI); - showResponse('warning', err.message || 'Impossible de charger les réglages du lecteur.'); + showResponse('warning', err.message || t('admin.player.errorLoading', 'Unable to load player settings.')); } } @@ -451,7 +468,7 @@ window.onload = async function () { `` + `
` + `${activateBtn}` + - `` + + `` + `
` + `` ); @@ -472,9 +489,9 @@ window.onload = async function () { appVersionLoadedOnce = true; renderAppVersionUI(); await refreshAppVersionPreview(); - setAppVersionAlert('success', 'Version active mise à jour.'); + setAppVersionAlert('success', t('admin.versions.updated', 'Version updated.')); } catch (err) { - setAppVersionAlert('danger', err.message || 'Erreur réseau'); + setAppVersionAlert('danger', err.message || 'Network error'); } finally { btn.disabled = false; btn.textContent = old; @@ -486,7 +503,7 @@ window.onload = async function () { btn.addEventListener('click', async () => { const id = btn.getAttribute('data-app-version-delete'); if (!id) return; - const ok = window.confirm('Supprimer cette version ?'); + const ok = window.confirm(t('admin.version.confirmDelete','Delete this version?')); if (!ok) return; btn.disabled = true; const old = btn.textContent; @@ -497,9 +514,9 @@ window.onload = async function () { appVersionLoadedOnce = true; renderAppVersionUI(); await refreshAppVersionPreview(); - setAppVersionAlert('success', 'Version supprimée.'); + setAppVersionAlert('success', t('admin.versions.deleted', 'Version deleted.')); } catch (err) { - setAppVersionAlert('danger', err.message || 'Erreur réseau'); + setAppVersionAlert('danger', err.message || 'Network error'); } finally { btn.disabled = false; btn.textContent = old; @@ -523,7 +540,7 @@ window.onload = async function () { appVersionState = { active: null, versions: [] }; renderAppVersionUI(); await refreshAppVersionPreview(); - setAppVersionAlert('danger', err.message || 'Erreur réseau'); + setAppVersionAlert('danger', err.message || 'Network error'); } } @@ -773,7 +790,7 @@ window.onload = async function () { const badges = []; if (u?.admin) badges.push({ text: 'Admin', cls: 'bg-warning text-dark' }); - if (u?.mustChangePassword) badges.push({ text: 'Reset MDP', cls: 'bg-danger' }); + if (u?.mustChangePassword) badges.push({ text: t('admin.users.resetPassword','Reset MDP'), cls: 'bg-danger' }); if (!badges.length) { const span = document.createElement('span'); @@ -798,18 +815,20 @@ window.onload = async function () { const resetBtn = document.createElement('button'); resetBtn.type = 'button'; resetBtn.className = 'btn btn-outline-danger btn-sm me-1'; - resetBtn.textContent = 'Reset MDP'; + resetBtn.textContent = t('admin.users.resetPassword','Reset MDP'); resetBtn.addEventListener('click', () => openResetUserModal(u)); const deleteBtn = document.createElement('button'); deleteBtn.type = 'button'; deleteBtn.className = 'btn btn-outline-danger btn-sm'; - deleteBtn.textContent = 'Supprimer'; + deleteBtn.textContent = t('common.delete','Delete'); const isSelf = String(u?.id || '') && String(u.id) === String(decoded?.id || ''); if (isSelf || u?.admin) { deleteBtn.disabled = true; - deleteBtn.title = isSelf ? 'Impossible de supprimer ton propre compte' : 'Suppression des admins désactivée'; + deleteBtn.title = isSelf + ? t('admin.users.cannotDeleteSelf','You cannot delete your own account from here.') + : t('admin.users.adminDeleteDisabled','Deleting admin accounts is disabled via this interface.'); } deleteBtn.addEventListener('click', () => openDeleteUserModal(u)); @@ -855,14 +874,14 @@ window.onload = async function () { users.sort((a, b) => (a?.name || '').localeCompare((b?.name || ''), 'fr', { sensitivity: 'base' })); renderAdminUsers(users); } catch (err) { - adminUsersBody.innerHTML = `${err.message || 'Erreur réseau'}`; + adminUsersBody.innerHTML = `${err.message || t('common.networkError', 'Network error')}`; setUsersCount(null); } } function parseYear(value) { const n = Number(value); - if (!Number.isInteger(n)) return null; + if (!Number.isInteger(n)) return null; // Ensure the year is an integer if (n < 1900 || n > 3000) return null; return n; } @@ -922,7 +941,9 @@ window.onload = async function () { const lines = years.map((y) => { const key = String(y); const val = oscarDatesByYear && typeof oscarDatesByYear === 'object' ? oscarDatesByYear[key] : null; - const date = (typeof val === 'string' && isIsoDateString(val)) ? val : '— (défaut: 03-15)'; + const date = (typeof val === 'string' && isIsoDateString(val)) + ? val + : t('admin.settings.oscarDateDefaultShort', '— (default: 03-15)'); return `${key}: ${date}`; }); @@ -932,7 +953,7 @@ window.onload = async function () { function applyOscarDateSelection() { if (!oscarDateYearSelect || !oscarDateValueInput) return; - const y = parseYear(oscarDateYearSelect.value); + const y = parseYear(oscarDateYearSelect.value); // Parse the selected year if (!y) { oscarDateValueInput.value = ''; return; @@ -944,7 +965,7 @@ window.onload = async function () { async function fetchWinners() { const res = await fetch('/api/settings/winners', { method: 'GET', cache: 'no-store' }); - const data = await res.json().catch(() => ({})); + const data = await res.json().catch(() => ({})); // Handle JSON parsing errors if (!res.ok) { const msg = data.message || data.error || `Erreur (${res.status})`; throw new Error(msg); @@ -1017,7 +1038,7 @@ window.onload = async function () { if (!years.length) { const opt = document.createElement('option'); opt.value = ''; - opt.textContent = 'Aucune année (ajoute un film)'; + opt.textContent = t('admin.settings.noYearAddMovie', 'No year (add a movie)'); opt.disabled = true; opt.selected = true; winnerYearSelect.appendChild(opt); @@ -1093,19 +1114,19 @@ window.onload = async function () { } const rows = sorted.map((w) => { - const name = escapeHtml(w?.name || '(utilisateur supprimé)'); + const name = escapeHtml(w?.name || t('stats.deletedUser', '(deleted user)')); const pts = w?.points === null || w?.points === undefined ? null : Number(w.points); const ptsLabel = pts === null || Number.isNaN(pts) ? '' : ` — ${escapeHtml(String(Math.round(pts)))} pts`; const uid = escapeHtml(String(w?.userId || '').trim()); return ( `
` + `
${name}${ptsLabel}
` + - `` + + `` + `
` ); }).join(''); - const tieLabel = sorted.length > 1 ? ' (égalité)' : ''; + const tieLabel = sorted.length > 1 ? ` ${t('admin.winners.tie', '(tie)')}` : ''; return `
${escapeHtml(String(y))}${tieLabel}
@@ -1129,9 +1150,9 @@ window.onload = async function () { try { await removeWinner(yy, uid); await loadWinners({ force: true }); - showResponse('success', `Gagnant retiré pour ${yy}.`); + showResponse('success', t('admin.winners.removedFor', 'Winner removed for {year}.', { year: yy })); } catch (err) { - showResponse('danger', err.message || 'Erreur réseau'); + showResponse('danger', err.message || 'Network error'); } finally { btn.disabled = false; btn.textContent = old; @@ -1259,7 +1280,7 @@ window.onload = async function () { completionModalReloadBtn.textContent = 'Chargement...'; try { await loadCompletionModalIntoUi(); - showResponse('success', 'Contenu rechargé.'); + showResponse('success', t('admin.content.reloaded', 'Content reloaded.')); } catch (_) { // loadCompletionModalIntoUi already handles messaging } finally { @@ -1273,16 +1294,16 @@ window.onload = async function () { completionModalSaveBtn.addEventListener('click', async () => { completionModalSaveBtn.disabled = true; const oldText = completionModalSaveBtn.textContent; - completionModalSaveBtn.textContent = 'Enregistrement...'; + completionModalSaveBtn.textContent = t('common.saving', 'Saving...'); try { const value = getCompletionModalFormValue(); // send raw HTML; server sanitizes/caps it const saved = await saveCompletionModal(value); setCompletionModalForm(saved); updateCompletionModalPreview(getCompletionModalFormValue()); - showResponse('success', 'Modal 100% enregistré.'); + showResponse('success', t('admin.modal100.saved', '100% modal saved.')); } catch (err) { - showResponse('danger', err.message || 'Erreur réseau'); + showResponse('danger', err.message || 'Network error'); } finally { completionModalSaveBtn.disabled = false; completionModalSaveBtn.textContent = oldText; @@ -1302,7 +1323,7 @@ window.onload = async function () { saveOscarDateBtn.addEventListener('click', async () => { const y = parseYear(oscarDateYearSelect.value); if (!y) { - showResponse('warning', 'Année invalide. Exemple attendu: 2026'); + showResponse('warning', t('admin.oscars.invalidYear', 'Invalid year. Expected: 2026')); return; } @@ -1315,21 +1336,21 @@ window.onload = async function () { saveOscarDateBtn.disabled = true; if (clearOscarDateBtn) clearOscarDateBtn.disabled = true; const oldText = saveOscarDateBtn.textContent; - saveOscarDateBtn.textContent = 'Enregistrement...'; + saveOscarDateBtn.textContent = t('common.saving', 'Saving...'); try { const result = await setOscarDateForYear(y, dateValue); if (result?.date) { oscarDatesByYear[String(y)] = String(result.date); - showResponse('success', `Date Oscars enregistrée pour ${y}: ${result.date}`); + showResponse('success', t('admin.oscars.dateSaved', 'Oscars date saved for {year}: {date}', { year: y, date: result.date })); } else { delete oscarDatesByYear[String(y)]; - showResponse('success', `Date Oscars effacée pour ${y} (retour au défaut: 15 mars).`); + showResponse('success', t('admin.oscars.dateCleared', 'Oscars date cleared for {year} (reverted to default: March 15).', { year: y })); } await refreshYears(); } catch (err) { - showResponse('danger', err.message || 'Erreur réseau'); + showResponse('danger', err.message || 'Network error'); } finally { saveOscarDateBtn.disabled = false; if (clearOscarDateBtn) clearOscarDateBtn.disabled = false; @@ -1343,23 +1364,23 @@ window.onload = async function () { clearOscarDateBtn.addEventListener('click', async () => { const y = parseYear(oscarDateYearSelect.value); if (!y) { - showResponse('warning', 'Année invalide. Exemple attendu: 2026'); + showResponse('warning', t('admin.oscars.invalidYear', 'Invalid year. Expected: 2026')); return; } clearOscarDateBtn.disabled = true; if (saveOscarDateBtn) saveOscarDateBtn.disabled = true; const oldText = clearOscarDateBtn.textContent; - clearOscarDateBtn.textContent = 'Effacement...'; + clearOscarDateBtn.textContent = t('common.saving', 'Saving...'); try { oscarDateValueInput.value = ''; await setOscarDateForYear(y, ''); delete oscarDatesByYear[String(y)]; - showResponse('success', `Date Oscars effacée pour ${y} (retour au défaut: 15 mars).`); + showResponse('success', t('admin.oscars.dateCleared', 'Oscars date cleared for {year} (reverted to default: March 15).', { year: y })); await refreshYears(); } catch (err) { - showResponse('danger', err.message || 'Erreur réseau'); + showResponse('danger', err.message || 'Network error'); } finally { clearOscarDateBtn.disabled = false; if (saveOscarDateBtn) saveOscarDateBtn.disabled = false; @@ -1383,11 +1404,11 @@ window.onload = async function () { if (!text || text === '—') return; try { await navigator.clipboard.writeText(text); - setAlert(resetUserModalResponseEl, 'success', 'Copié.'); + setAlert(resetUserModalResponseEl, 'success', t('admin.users.copied', 'Copied.')); setTimeout(() => hideAlert(resetUserModalResponseEl), 1200); } catch (_) { // Fallback: select text for manual copy - setAlert(resetUserModalResponseEl, 'warning', 'Impossible de copier automatiquement. Copie manuellement.'); + setAlert(resetUserModalResponseEl, 'warning', t('admin.users.cannotCopyAuto', 'Unable to copy automatically. Copy manually.')); } }); } @@ -1398,10 +1419,10 @@ window.onload = async function () { if (!text || text === '—') return; try { await navigator.clipboard.writeText(text); - setAlert(addUserResponseEl, 'success', 'Copié.'); + setAlert(addUserResponseEl, 'success', t('admin.users.copied', 'Copied.')); setTimeout(() => hideAlert(addUserResponseEl), 1200); } catch (_) { - setAlert(addUserResponseEl, 'warning', 'Impossible de copier automatiquement. Copie manuellement.'); + setAlert(addUserResponseEl, 'warning', t('admin.users.cannotCopyAuto', 'Unable to copy automatically. Copy manually.')); } }); } @@ -1433,16 +1454,16 @@ window.onload = async function () { const admin = !!addUserAdminEl?.checked; if (!name) { - setAlert(addUserResponseEl, 'warning', 'Nom requis.'); + setAlert(addUserResponseEl, 'warning', t('admin.users.nameRequired', 'Name required.')); return; } if (!email) { - setAlert(addUserResponseEl, 'warning', 'Email requis.'); + setAlert(addUserResponseEl, 'warning', t('admin.users.emailRequired', 'Email required.')); return; } if (addUserSubmitBtn) addUserSubmitBtn.disabled = true; - setAlert(addUserResponseEl, 'warning', 'Création...'); + setAlert(addUserResponseEl, 'warning', t('admin.users.creating', 'Creating…')); try { const res = await fetch('/api/users/admin/create', { @@ -1463,15 +1484,15 @@ window.onload = async function () { // Show temp password once if (addUserTempPasswordEl) addUserTempPasswordEl.textContent = data?.tempPassword || '—'; - if (addUserExpiresAtEl) addUserExpiresAtEl.textContent = data?.expiresAt ? `Expire: ${data.expiresAt}` : ''; + if (addUserExpiresAtEl) addUserExpiresAtEl.textContent = data?.expiresAt ? t('admin.users.tempPasswordExpires', 'Expires: {expiresAt}', { expiresAt: data.expiresAt }) : ''; if (addUserResultEl) addUserResultEl.classList.remove('d-none'); - setAlert(addUserResponseEl, 'success', data.message || 'Utilisateur créé.'); + setAlert(addUserResponseEl, 'success', data.message || t('admin.users.userCreated', 'User created. Temporary password generated.')); if (addUserSubmitBtn) addUserSubmitBtn.disabled = false; // Refresh list if already loaded or when user tab is active await loadAdminUsers({ force: true }); } catch (err) { - setAlert(addUserResponseEl, 'danger', err.message || 'Erreur réseau'); + setAlert(addUserResponseEl, 'danger', err.message || 'Network error'); if (addUserSubmitBtn) addUserSubmitBtn.disabled = false; } }); @@ -1485,7 +1506,7 @@ window.onload = async function () { confirmResetUserPasswordBtn.disabled = true; resetResetUserModalUi(); - setAlert(resetUserModalResponseEl, 'warning', 'Génération du mot de passe temporaire...'); + setAlert(resetUserModalResponseEl, 'warning', t('admin.users.tempPasswordGenerating', 'Generating temporary password…')); try { const res = await fetch('/api/users/admin/reset-temp-password', { @@ -1509,11 +1530,11 @@ window.onload = async function () { resetUserExpiresAtEl.textContent = data?.expiresAt ? `Expire: ${data.expiresAt}` : ''; } if (resetUserModalResultEl) resetUserModalResultEl.classList.remove('d-none'); - setAlert(resetUserModalResponseEl, 'success', 'Mot de passe temporaire généré. Copie-le et envoie-le à l’utilisateur.'); + setAlert(resetUserModalResponseEl, 'success', t('admin.users.tempPasswordGenerated', 'Temporary password generated. Copy it and send it to the user.')); confirmResetUserPasswordBtn.disabled = false; await loadAdminUsers({ force: true }); } catch (err) { - setAlert(resetUserModalResponseEl, 'danger', err.message || 'Erreur réseau'); + setAlert(resetUserModalResponseEl, 'danger', err.message || 'Network error'); confirmResetUserPasswordBtn.disabled = false; } }); @@ -1548,14 +1569,14 @@ window.onload = async function () { return; } - setAlert(deleteUserModalResponseEl, 'success', data.message || 'Utilisateur supprimé.'); + setAlert(deleteUserModalResponseEl, 'success', data.message || t('admin.users.userDeleted', 'User deleted.')); await loadAdminUsers({ force: true }); // Close shortly after success setTimeout(() => { try { deleteUserModal?.hide(); } catch (_) {} }, 600); } catch (err) { - setAlert(deleteUserModalResponseEl, 'danger', err.message || 'Erreur réseau'); + setAlert(deleteUserModalResponseEl, 'danger', err.message || 'Network error'); } }); } @@ -1616,12 +1637,22 @@ window.onload = async function () { if (!dbBackupListBody) return; const list = Array.isArray(backups) ? backups : []; if (!list.length) { - dbBackupListBody.innerHTML = 'Aucune sauvegarde.'; + const emptyText = t('admin.backup.noBackups', 'No backups found.'); + dbBackupListBody.innerHTML = `${emptyText}`; return; } dbBackupListBody.innerHTML = ''; - list.forEach((b) => { + const sorted = list.slice().sort((a, b) => { + const at = a?.mtime ? new Date(a.mtime).getTime() : 0; + const bt = b?.mtime ? new Date(b.mtime).getTime() : 0; + if (Number.isFinite(at) && Number.isFinite(bt) && at !== bt) return bt - at; // newest first + const an = String(a?.name || ''); + const bn = String(b?.name || ''); + return an.localeCompare(bn, 'fr', { sensitivity: 'base' }); + }); + + sorted.forEach((b) => { const name = String(b?.name || ''); const tr = document.createElement('tr'); tr.innerHTML = ` @@ -1629,8 +1660,8 @@ window.onload = async function () { ${formatBytes(b?.sizeBytes)} ${formatDateTime(b?.mtime)} - - + + `; dbBackupListBody.appendChild(tr); @@ -1662,7 +1693,7 @@ window.onload = async function () { a.remove(); URL.revokeObjectURL(url); } catch (err) { - showResponse('danger', err.message || 'Erreur réseau'); + showResponse('danger', err.message || 'Network error'); } finally { btn.disabled = false; btn.textContent = old; @@ -1674,7 +1705,7 @@ window.onload = async function () { btn.addEventListener('click', async () => { const name = btn.getAttribute('data-backup-delete'); if (!name) return; - const ok = window.confirm(`Supprimer la sauvegarde "${name}" ?`); + const ok = window.confirm(t('admin.backup.confirmDelete', `Delete backup "${name}"?`, { name })); if (!ok) return; btn.disabled = true; const old = btn.textContent; @@ -1688,10 +1719,10 @@ window.onload = async function () { if (!res.ok) { throw new Error(data.message || data.error || `Erreur (${res.status})`); } - showResponse('success', data.message || 'Sauvegarde supprimée.'); + showResponse('success', data.message || t('admin.backup.deleted', 'Backup deleted.')); await loadBackups({ force: true }); } catch (err) { - showResponse('danger', err.message || 'Erreur réseau'); + showResponse('danger', err.message || 'Network error'); } finally { btn.disabled = false; btn.textContent = old; @@ -1710,7 +1741,7 @@ window.onload = async function () { backupsLoadedOnce = true; renderBackups(backups); } catch (err) { - dbBackupListBody.innerHTML = `${err.message || 'Erreur réseau'}`; + dbBackupListBody.innerHTML = `${err.message || 'Network error'}`; } } @@ -1718,7 +1749,7 @@ window.onload = async function () { if (!dbBackupCreateBtn) return; dbBackupCreateBtn.disabled = true; const old = dbBackupCreateBtn.textContent; - dbBackupCreateBtn.textContent = 'Création...'; + dbBackupCreateBtn.textContent = t('admin.backup.creating', 'Creating…'); try { const res = await fetch('/api/admin/db/backup', { method: 'POST', @@ -1728,10 +1759,10 @@ window.onload = async function () { if (!res.ok) { throw new Error(data.message || data.error || `Erreur (${res.status})`); } - showResponse('success', `Sauvegarde créée: ${data?.backup?.name || 'OK'}`); + showResponse('success', t('admin.backup.created', 'Backup created: {name}', { name: data?.backup?.name || 'OK' })); await loadBackups({ force: true }); } catch (err) { - showResponse('danger', err.message || 'Erreur réseau'); + showResponse('danger', err.message || 'Network error'); } finally { dbBackupCreateBtn.disabled = false; dbBackupCreateBtn.textContent = old; @@ -1742,21 +1773,21 @@ window.onload = async function () { if (!dbRestoreRunBtn || !dbRestoreFileEl) return; const file = dbRestoreFileEl.files && dbRestoreFileEl.files[0]; if (!file) { - showResponse('warning', 'Choisis un fichier de sauvegarde (.ndjson.gz).'); + showResponse('warning', t('admin.backup.chooseFile', 'Choose a backup file (.ndjson.gz).')); return; } const drop = !!dbRestoreDropEl?.checked; const warning = drop - ? 'RESTORE avec DROP: toutes les collections restaurées seront remplacées.' - : 'RESTORE sans DROP: risque élevé de doublons/erreurs si la DB contient déjà des données.'; + ? t('admin.backup.restoreWithDrop', 'RESTORE with DROP: all restored collections will be replaced.') + : t('admin.backup.restoreWithoutDrop', 'RESTORE without DROP: high risk of duplicates/errors if the DB already contains data.'); - const ok = window.confirm(`${warning}\n\nContinuer ?`); + const ok = window.confirm(`${warning}\n\n${t('common.continueQuestion', 'Continue?')}`); if (!ok) return; dbRestoreRunBtn.disabled = true; const old = dbRestoreRunBtn.textContent; - dbRestoreRunBtn.textContent = 'Restauration...'; + dbRestoreRunBtn.textContent = t('common.saving', 'Saving…'); if (dbRestoreResultEl) dbRestoreResultEl.textContent = ''; try { @@ -1774,17 +1805,17 @@ window.onload = async function () { throw new Error(data.message || data.error || `Erreur (${res.status})`); } - showResponse('success', 'Restore terminé.'); + showResponse('success', t('admin.backup.restoreComplete', 'Restore complete.')); if (dbRestoreResultEl) { const inserted = data?.inserted && typeof data.inserted === 'object' ? data.inserted : {}; const keys = Object.keys(inserted); const summary = keys.length ? keys.map((k) => `${k}: ${inserted[k]}`).join(' | ') - : 'Aucun document inséré (ou backup vide).'; + : t('admin.backup.noDocumentsInserted', 'No documents inserted (or empty backup).'); dbRestoreResultEl.textContent = summary; } } catch (err) { - showResponse('danger', err.message || 'Erreur réseau'); + showResponse('danger', err.message || 'Network error'); } finally { dbRestoreRunBtn.disabled = false; dbRestoreRunBtn.textContent = old; @@ -1821,9 +1852,9 @@ window.onload = async function () { if (appVersionNewMessageEl) appVersionNewMessageEl.value = ''; renderAppVersionUI(); await refreshAppVersionPreview(); - setAppVersionAlert('success', activate ? 'Version créée et activée.' : 'Version créée.'); + setAppVersionAlert('success', activate ? t('admin.version.createdAndActivated', 'Version created & activated.') : t('admin.version.created', 'Version created.')); } catch (err) { - setAppVersionAlert('danger', err.message || 'Erreur réseau'); + setAppVersionAlert('danger', err.message || 'Network error'); } finally { btn.disabled = false; btn.textContent = old; @@ -1867,7 +1898,7 @@ window.onload = async function () { ]); renderWinnerCurrent(); } catch (err) { - showResponse('danger', err.message || 'Erreur réseau'); + showResponse('danger', err.message || 'Network error'); } } @@ -1886,7 +1917,7 @@ window.onload = async function () { winnerReloadBtn.textContent = 'Chargement...'; try { await initWinnersTab({ force: true }); - showResponse('success', 'Gagnants rechargés.'); + showResponse('success', t('admin.winners.reloaded', 'Winners reloaded.')); } finally { winnerReloadBtn.disabled = false; winnerReloadBtn.textContent = old; @@ -1899,16 +1930,16 @@ window.onload = async function () { if (!winnerYearSelect) return; const y = parseYear(winnerYearSelect.value); if (!y) return; - const ok = window.confirm(`Supprimer tous les gagnants pour ${y} ?`); + const ok = window.confirm(t('admin.winners.confirmDeleteAll', 'Delete all winners for {year}?', { year: y })); if (!ok) return; try { if (winnerUserSelect) winnerUserSelect.value = ''; if (winnerPointsEl) winnerPointsEl.value = ''; await addWinner(y, '', null); await loadWinners({ force: true }); - showResponse('success', `Gagnant supprimé pour ${y}.`); + showResponse('success', t('admin.winners.deletedFor', 'Winner deleted for {year}.', { year: y })); } catch (err) { - showResponse('danger', err.message || 'Erreur réseau'); + showResponse('danger', err.message || 'Network error'); } }); } @@ -1918,12 +1949,12 @@ window.onload = async function () { if (!winnerYearSelect) return; const y = parseYear(winnerYearSelect.value); if (!y) { - showResponse('warning', 'Année invalide.'); + showResponse('warning', t('admin.oscars.invalidYearShort', 'Invalid year.')); return; } const userId = String(winnerUserSelect?.value || '').trim(); if (!userId) { - showResponse('warning', 'Choisis un utilisateur.'); + showResponse('warning', t('admin.winners.chooseUser', 'Choose a user.')); return; } const pointsRaw = String(winnerPointsEl?.value || '').trim(); @@ -1932,13 +1963,13 @@ window.onload = async function () { winnerSaveBtn.disabled = true; const old = winnerSaveBtn.textContent; - winnerSaveBtn.textContent = 'Enregistrement...'; + winnerSaveBtn.textContent = t('common.saving', 'Saving…'); try { await addWinner(y, userId, pointsToSend); await loadWinners({ force: true }); - showResponse('success', `Gagnant ajouté pour ${y}.`); + showResponse('success', t('admin.winners.addedFor', 'Winner added for {year}.', { year: y })); } catch (err) { - showResponse('danger', err.message || 'Erreur réseau'); + showResponse('danger', err.message || 'Network error'); } finally { winnerSaveBtn.disabled = false; winnerSaveBtn.textContent = old; @@ -1965,7 +1996,7 @@ window.onload = async function () { const subtitle_default = false; if (!year) { - showResponse('warning', 'Année invalide. Exemple attendu: 2026'); + showResponse('warning', t('admin.oscars.invalidYearExample', 'Invalid year. Expected example: 2026')); return; } @@ -2010,15 +2041,14 @@ window.onload = async function () { label: subtitle_label, isDefault: subtitle_default, }); - showResponse('success', 'Film ajouté avec sous-titres.'); + showResponse('success', t('admin.movies.addedWithSubtitles', 'Movie added with subtitles.')); } catch (err) { - showResponse('warning', `Film ajouté, mais sous-titres non uploadés: ${err.message || 'Erreur'}`); + showResponse('warning', t('admin.movies.addedNoSubtitles', 'Movie added, but subtitles were not uploaded: {error}', { error: err.message || 'Error' })); } } else { - showResponse('success', 'Film ajouté avec succès.'); + showResponse('success', t('admin.movies.addedSuccessfully', 'Movie added successfully.')); } form.reset(); - if (subtitleFileInput) subtitleFileInput.value = ''; await refreshYears(); await loadMoviesForManagement(); return; @@ -2033,7 +2063,7 @@ window.onload = async function () { } showResponse('danger', errMessage); } catch (err) { - showResponse('danger', err.message || 'Erreur réseau'); + showResponse('danger', err.message || 'Network error'); } }); @@ -2054,7 +2084,7 @@ window.onload = async function () { manageYearSelect.innerHTML = ''; const allOpt = document.createElement('option'); allOpt.value = ''; - allOpt.textContent = 'Toutes'; + allOpt.textContent = t('admin.movies.allYears', 'All'); manageYearSelect.appendChild(allOpt); cleanedYears.forEach((y) => { @@ -2090,7 +2120,7 @@ window.onload = async function () { if (cleanedYears.length === 0) { const opt = document.createElement('option'); opt.value = ''; - opt.textContent = 'Aucune année (ajoute un film)'; + opt.textContent = t('admin.settings.noYearAddMovie', 'No year (add a movie)'); opt.disabled = true; opt.selected = true; activeYearInput.appendChild(opt); @@ -2126,7 +2156,7 @@ window.onload = async function () { if (cleanedYears.length === 0) { const opt = document.createElement('option'); opt.value = ''; - opt.textContent = 'Aucune année (ajoute un film)'; + opt.textContent = t('admin.settings.noYearAddMovie', 'No year (add a movie)'); opt.disabled = true; opt.selected = true; oscarDateYearSelect.appendChild(opt); @@ -2176,7 +2206,7 @@ window.onload = async function () { if (cleanedYears.length === 0) { const opt = document.createElement('option'); opt.value = ''; - opt.textContent = 'Aucune année (ajoute un film)'; + opt.textContent = t('admin.settings.noYearAddMovie', 'No year (add a movie)'); opt.disabled = true; manualYearSelect.appendChild(opt); } else { @@ -2204,7 +2234,7 @@ window.onload = async function () { // Add "All years" option const allOpt = document.createElement('option'); allOpt.value = ''; - allOpt.textContent = 'Toutes les années'; + allOpt.textContent = t('admin.categories.allYears', 'All years'); listYearFilterSelect.appendChild(allOpt); if (cleanedYears.length > 0) { @@ -2263,7 +2293,7 @@ window.onload = async function () { const file = escapeHtml(String(s?.file || '')); const title = label || lang || file || 'Sous-titres'; const meta = [lang, label].filter(Boolean).join(' · '); - const isDefault = s?.default ? 'Par défaut' : ''; + const isDefault = s?.default ? `${t('admin.settings.defaultBadge', 'Default')}` : ''; return `
@@ -2273,7 +2303,7 @@ window.onload = async function () { ${isDefault}
`; @@ -2284,16 +2314,16 @@ window.onload = async function () { const subtitleId = btn.getAttribute('data-remove-subtitle-id'); const movieId = String(editMovieIdEl?.value || ''); if (!movieId || !subtitleId) return; - if (!confirm('Supprimer ce sous-titre ?')) return; + if (!confirm(t('admin.movies.confirmRemoveSubtitle','Delete this subtitle?'))) return; try { btn.disabled = true; const updated = await removeMovieSubtitle({ movieId, subtitleId }); moviesById.set(updated._id, updated); renderSubtitleList(updated); - showResponse('success', 'Sous-titre supprimé.'); + showResponse('success', t('admin.movies.subtitleDeleted', 'Subtitle deleted.')); await loadMoviesForManagement(); } catch (err) { - showResponse('danger', err.message || 'Erreur réseau'); + showResponse('danger', err.message || 'Network error'); } finally { btn.disabled = false; } @@ -2376,13 +2406,13 @@ window.onload = async function () { if (yearRaw !== '') { year = parseYear(yearRaw); if (!year) { - showResponse('warning', 'Année invalide. Exemple attendu: 2026'); + showResponse('warning', t('admin.oscars.invalidYearExample', 'Invalid year. Expected example: 2026')); return; } } if (!category) { - showResponse('warning', 'Catégorie invalide.'); + showResponse('warning', t('admin.categories.categoryInvalid', 'Invalid category.')); return; } @@ -2418,7 +2448,7 @@ window.onload = async function () { try { saveMovieChangesBtn.disabled = true; - saveMovieChangesBtn.textContent = 'Enregistrement...'; + saveMovieChangesBtn.textContent = t('common.saving', 'Saving...'); const res = await fetch(`/api/movies/${encodeURIComponent(movieId)}`, { method: 'PUT', @@ -2451,16 +2481,16 @@ window.onload = async function () { }); if (uploaded) moviesById.set(uploaded._id, uploaded); } catch (err) { - showResponse('warning', `Film mis à jour, mais sous-titres non uploadés: ${err.message || 'Erreur'}`); + showResponse('warning', t('admin.movies.updatedNoSubtitles', 'Movie updated, but subtitles were not uploaded: {error}', { error: err.message || 'Error' })); } } moviesById.set(updated._id, updated); - showResponse('success', 'Film mis à jour avec succès.'); + showResponse('success', t('admin.movies.updatedSuccessfully', 'Movie updated successfully.')); editMovieModal.hide(); await refreshYears(); await loadMoviesForManagement(); } catch (err) { - showResponse('danger', err.message || 'Erreur réseau'); + showResponse('danger', err.message || 'Network error'); } finally { saveMovieChangesBtn.disabled = false; saveMovieChangesBtn.textContent = 'Enregistrer'; @@ -2483,7 +2513,7 @@ window.onload = async function () { moviesById = new Map(movies.map((m) => [m._id, m])); if (!movies.length) { - adminMoviesBody.innerHTML = `Aucun film.`; + adminMoviesBody.innerHTML = `${t('admin.movies.noMovies', 'No movies.')}`; updateSelectionUI(); return; } @@ -2544,7 +2574,7 @@ window.onload = async function () { ${m.year || ''} `; @@ -2565,16 +2595,16 @@ window.onload = async function () { if (!id) return; const ok = await copyToClipboard(id); if (ok) { - showResponse('success', 'Movie ID copié.'); + showResponse('success', t('admin.movies.idCopied', 'Movie ID copied.')); } else { - showResponse('warning', 'Impossible de copier automatiquement. Copie manuellement.'); + showResponse('warning', t('admin.users.cannotCopyAuto', 'Unable to copy automatically. Copy manually.')); } }); }); updateSelectionUI(); } catch (err) { - adminMoviesBody.innerHTML = `${err.message || 'Erreur réseau'}`; + adminMoviesBody.innerHTML = `${err.message || 'Network error'}`; } } @@ -2594,7 +2624,7 @@ window.onload = async function () { if (!selectedIds.length) return; const yearLabel = manageYearSelect.value ? ` (${manageYearSelect.value})` : ''; - const ok = window.confirm(`Supprimer ${selectedIds.length} film(s)${yearLabel} ? Cette action est irréversible.`); + const ok = window.confirm(t('admin.movies.confirmDeleteSelected', `Delete ${selectedIds.length} movie(s)${yearLabel}? This action is irreversible.`, { count: selectedIds.length })); if (!ok) return; try { @@ -2617,11 +2647,11 @@ window.onload = async function () { return; } - showResponse('success', 'Film(s) supprimé(s) avec succès.'); + showResponse('success', t('admin.movies.deletedSuccessfully', 'Movie(s) deleted successfully.')); await refreshYears(); await loadMoviesForManagement(); } catch (err) { - showResponse('danger', err.message || 'Erreur réseau'); + showResponse('danger', err.message || 'Network error'); } }); @@ -2631,7 +2661,7 @@ window.onload = async function () { if (!selectedIds.length) return; const yearLabel = manageYearSelect.value ? ` (${manageYearSelect.value})` : ''; - const ok = window.confirm(`Rafraîchir ${selectedIds.length} film(s)${yearLabel} depuis OMDb ? Cette opération peut écraser les infos (titre, plot, rating, poster, runtime).`); + const ok = window.confirm(t('admin.movies.confirmRefreshOmdb', `Refresh ${selectedIds.length} movie(s)${yearLabel} from OMDb? This operation may overwrite info (title, plot, rating, poster, runtime).`, { count: selectedIds.length })); if (!ok) return; updateOmdbSelectedBtn.disabled = true; @@ -2664,7 +2694,7 @@ window.onload = async function () { successCount++; } } catch (err) { - errors.push(`${movieId}: ${err.message || 'Erreur réseau'}`); + errors.push(`${movieId}: ${err.message || 'Network error'}`); errorCount++; } } @@ -2673,11 +2703,16 @@ window.onload = async function () { updateOmdbSelectedBtn.textContent = 'Refresh OMDb'; if (errorCount === 0) { - showResponse('success', `${successCount} film(s) mis à jour depuis OMDb.`); + showResponse('success', t('admin.movies.updatedFromOmdb', '{count} movie(s) updated from OMDb.', { count: successCount })); } else if (successCount === 0) { - showResponse('danger', `Échec pour ${errorCount} film(s). ${errors.slice(0, 3).join('; ')}`); + showResponse('danger', `Failed for ${errorCount} movie(s). ${errors.slice(0, 3).join('; ')}`); } else { - showResponse('warning', `${successCount} succès, ${errorCount} échec(s). ${errors.slice(0, 2).join('; ')}`); + const details = errors.slice(0, 2).join('; '); + showResponse('warning', t('admin.movies.omdbResults', '{success} success, {errors} error(s). {details}', { + success: successCount, + errors: errorCount, + details, + })); } await loadMoviesForManagement(); @@ -2694,9 +2729,9 @@ window.onload = async function () { if (!id) return; const ok = await copyToClipboard(id); if (ok) { - showResponse('success', 'Movie ID copié.'); + showResponse('success', t('admin.movies.idCopied', 'Movie ID copied.')); } else { - showResponse('warning', 'Impossible de copier automatiquement. Copie manuellement.'); + showResponse('warning', t('admin.users.cannotCopyAuto', 'Unable to copy automatically. Copy manually.')); } }); } @@ -2718,7 +2753,7 @@ window.onload = async function () { playerUiReloadBtn.textContent = 'Chargement...'; try { await loadPlayerUiIntoUi(); - showResponse('success', 'Réglages du lecteur rechargés.'); + showResponse('success', t('admin.player.settingsReloaded', 'Player settings reloaded.')); } finally { playerUiReloadBtn.disabled = false; playerUiReloadBtn.textContent = old; @@ -2730,14 +2765,14 @@ window.onload = async function () { playerUiSaveBtn.addEventListener('click', async () => { playerUiSaveBtn.disabled = true; const old = playerUiSaveBtn.textContent; - playerUiSaveBtn.textContent = 'Enregistrement...'; + playerUiSaveBtn.textContent = 'Saving...'; try { const payload = getPlayerUiFormValue(); const saved = await savePlayerUi(payload); setPlayerUiForm(saved); - showResponse('success', 'Réglages du lecteur enregistrés.'); + showResponse('success', t('admin.player.settingsSaved', 'Player settings saved.')); } catch (err) { - showResponse('danger', err.message || 'Erreur réseau'); + showResponse('danger', err.message || 'Network error'); } finally { playerUiSaveBtn.disabled = false; playerUiSaveBtn.textContent = old; @@ -2749,7 +2784,7 @@ window.onload = async function () { saveActiveYearBtn.addEventListener('click', async () => { const y = parseYear(activeYearInput.value); if (!y) { - showResponse('warning', 'Année invalide. Exemple attendu: 2026'); + showResponse('warning', t('admin.oscars.invalidYear', 'Invalid year. Expected: 2026')); return; } saveActiveYearBtn.disabled = true; @@ -2760,11 +2795,11 @@ window.onload = async function () { activeYearInput.value = String(activeYear); yearInput.value = String(activeYear); document.title = `Pool Oscars (${activeYear}) - Admin`; - showResponse('success', `Année active appliquée: ${activeYear}`); + showResponse('success', t('admin.activeYear.applied', 'Active year applied: {year}', { year: activeYear })); await refreshYears(); await loadMoviesForManagement(); } catch (err) { - showResponse('danger', err.message || 'Erreur réseau'); + showResponse('danger', err.message || 'Network error'); } finally { saveActiveYearBtn.disabled = false; saveActiveYearBtn.textContent = oldText; @@ -2816,7 +2851,7 @@ window.onload = async function () { if (pointsConfigReloadBtn) { pointsConfigReloadBtn.addEventListener('click', async () => { await loadPointsConfig(); - showResponse('success', 'Configuration rechargée'); + showResponse('success', t('admin.configuration.reloaded', 'Configuration reloaded.')); }); } @@ -2828,7 +2863,7 @@ window.onload = async function () { if (pointsPerMovie < 0 || pointsPerCorrectPick < 0) { if (pointsConfigAlert) { pointsConfigAlert.className = 'alert alert-warning'; - pointsConfigAlert.textContent = 'Les points doivent être positifs ou nuls'; + pointsConfigAlert.textContent = t('admin.settings.pointsMustBeNonNegative', 'Points must be zero or positive'); pointsConfigAlert.classList.remove('d-none'); } return; @@ -2837,7 +2872,7 @@ window.onload = async function () { try { pointsConfigSaveBtn.disabled = true; const oldText = pointsConfigSaveBtn.textContent; - pointsConfigSaveBtn.textContent = 'Enregistrement...'; + pointsConfigSaveBtn.textContent = t('common.saving', 'Saving...'); const res = await fetch('/api/settings/points-config', { method: 'PUT', @@ -2858,7 +2893,7 @@ window.onload = async function () { const data = await res.json(); updatePointsPreview(); - showResponse('success', `Configuration enregistrée: ${data.pointsPerMovie} pts/film, ${data.pointsPerCorrectPick} pts/bonne réponse`); + showResponse('success', t('admin.settings.pointsSaved', 'Configuration saved: {p} pts/movie, {q} pts/correct pick', { p: data.pointsPerMovie, q: data.pointsPerCorrectPick })); } catch (err) { if (pointsConfigAlert) { pointsConfigAlert.className = 'alert alert-danger'; @@ -2876,10 +2911,25 @@ window.onload = async function () { // Visibility config const visibilityShowPicksFeaturesEl = document.getElementById('visibility-show-picks-features'); + const visibilityShowVersionTabEl = document.getElementById('visibility-show-version-tab'); const visibilityConfigReloadBtn = document.getElementById('visibility-config-reload'); const visibilityConfigSaveBtn = document.getElementById('visibility-config-save'); const visibilityConfigAlert = document.getElementById('visibility-config-alert'); + function applyVersionTabVisibility(showVersionTab) { + const versionTabBtn = document.getElementById('admin-version-tab'); + const versionPane = document.getElementById('admin-version'); + if (versionTabBtn) versionTabBtn.style.display = showVersionTab ? '' : 'none'; + if (versionPane) versionPane.style.display = showVersionTab ? '' : 'none'; + if (!showVersionTab) { + const activeTab = document.querySelector('#adminTabs .nav-link.active'); + if (activeTab && activeTab.id === 'admin-version-tab') { + const fallback = document.getElementById('admin-settings-tab'); + if (fallback) fallback.click(); + } + } + } + async function loadVisibilityConfig() { try { const res = await fetch('/api/settings/visibility-config', { cache: 'no-store' }); @@ -2889,13 +2939,19 @@ window.onload = async function () { // Both settings should be the same - use showPicksButton as the master const isEnabled = config.showPicksButton !== false && config.showBonPicksColumn !== false; if (visibilityShowPicksFeaturesEl) visibilityShowPicksFeaturesEl.checked = isEnabled; + if (visibilityShowVersionTabEl) visibilityShowVersionTabEl.checked = config.showVersionTab !== false; + applyVersionTabVisibility(config.showVersionTab !== false); } catch (err) { console.error('Error loading visibility config:', err); // Default to showing both - if (visibilityShowPicksFeaturesEl) visibilityShowPicksFeaturesEl.checked = true; + if (visibilityShowPicksFeaturesEl) visibilityShowPicksFeaturesEl.checked = false; + if (visibilityShowVersionTabEl) visibilityShowVersionTabEl.checked = true; + applyVersionTabVisibility(true); } } + await loadVisibilityConfig(); + if (visibilityConfigReloadBtn) { visibilityConfigReloadBtn.addEventListener('click', async () => { visibilityConfigReloadBtn.disabled = true; @@ -2906,7 +2962,7 @@ window.onload = async function () { loadVisibilityConfig(), loadPlayerUiIntoUi() ]); - showResponse('success', 'Configuration rechargée'); + showResponse('success', t('admin.configuration.reloaded', 'Configuration reloaded.')); } catch (err) { showResponse('warning', 'Erreur lors du rechargement: ' + (err.message || 'Erreur inconnue')); } finally { @@ -2921,11 +2977,12 @@ window.onload = async function () { const isEnabled = visibilityShowPicksFeaturesEl ? visibilityShowPicksFeaturesEl.checked : true; const showPicksButton = isEnabled; const showBonPicksColumn = isEnabled; + const showVersionTab = visibilityShowVersionTabEl ? visibilityShowVersionTabEl.checked : true; try { visibilityConfigSaveBtn.disabled = true; const oldText = visibilityConfigSaveBtn.textContent; - visibilityConfigSaveBtn.textContent = 'Enregistrement...'; + visibilityConfigSaveBtn.textContent = t('common.saving', 'Saving...'); // Save both visibility config and player UI settings const [visibilityRes, playerUiPayload] = await Promise.all([ @@ -2937,7 +2994,8 @@ window.onload = async function () { }, body: JSON.stringify({ showPicksButton, - showBonPicksColumn + showBonPicksColumn, + showVersionTab }) }), Promise.resolve(getPlayerUiFormValue()) @@ -2961,18 +3019,20 @@ window.onload = async function () { // Clear cache so all pages get the new setting immediately localStorage.removeItem('visibility_config_cache'); + + applyVersionTabVisibility(showVersionTab); - showResponse('success', 'Configuration enregistrée'); + showResponse('success', t('admin.visibility.saved', 'Configuration saved')); } catch (err) { if (visibilityConfigAlert) { visibilityConfigAlert.className = 'alert alert-danger'; - visibilityConfigAlert.textContent = 'Erreur: ' + err.message; + visibilityConfigAlert.textContent = t('admin.visibility.saveError', 'Error saving configuration: {error}', { error: err.message }); visibilityConfigAlert.classList.remove('d-none'); } - showResponse('danger', 'Erreur lors de l\'enregistrement: ' + err.message); + showResponse('danger', t('admin.visibility.saveError', 'Error saving configuration: {error}', { error: err.message })); } finally { visibilityConfigSaveBtn.disabled = false; - visibilityConfigSaveBtn.textContent = oldText; + visibilityConfigSaveBtn.textContent = oldText || t('common.save', 'Save'); } }); } @@ -2988,6 +3048,82 @@ window.onload = async function () { }); } + + // Language config + const siteLanguageSelect = document.getElementById('site_language'); + const languageConfigSaveBtn = document.getElementById('language-config-save'); + const languageConfigAlert = document.getElementById('language-config-alert'); + + async function loadLanguageConfig() { + try { + const res = await fetch('/api/settings/language', { cache: 'no-store' }); + if (!res.ok) throw new Error('Failed to load language setting'); + const data = await res.json(); + if (siteLanguageSelect) { + siteLanguageSelect.value = data.language || 'en'; + } + } catch (err) { + console.error('Error loading language config:', err); + if (siteLanguageSelect) siteLanguageSelect.value = 'en'; + } + } + + if (languageConfigSaveBtn) { + languageConfigSaveBtn.addEventListener('click', async () => { + const language = siteLanguageSelect ? siteLanguageSelect.value : 'en'; + + try { + languageConfigSaveBtn.disabled = true; + const oldText = languageConfigSaveBtn.textContent; + languageConfigSaveBtn.textContent = 'Saving...'; + + const res = await fetch('/api/settings/language', { + method: 'PUT', + headers: { + 'Content-Type': 'application/json', + 'Authorization': `Bearer ${token}` + }, + body: JSON.stringify({ language }) + }); + + if (!res.ok) { + const error = await res.json(); + throw new Error(error.message || 'Failed to save language setting'); + } + + // Clear i18n cache and reload translations + if (typeof window.i18n !== 'undefined' && window.i18n.setLanguage) { + await window.i18n.setLanguage(language); + // After applying the new language, reload the page so all UI text updates + // (this avoids requiring the admin to manually refresh the page). + setTimeout(() => { + try { window.location.reload(); } catch (_) {} + }, 200); + } + + showResponse('success', t('admin.language.saved', 'Language saved')); + } catch (err) { + if (languageConfigAlert) { + languageConfigAlert.className = 'alert alert-danger'; + languageConfigAlert.textContent = 'Error: ' + err.message; + languageConfigAlert.classList.remove('d-none'); + } + showResponse('danger', 'Error: ' + err.message); + } finally { + languageConfigSaveBtn.disabled = false; + languageConfigSaveBtn.textContent = typeof window.i18n !== 'undefined' ? window.i18n.t('common.save') : 'Save'; + } + }); + } + + // Load language config when language tab is shown + const languageSubTab = document.getElementById('admin-settings-subtab-language'); + if (languageSubTab) { + languageSubTab.addEventListener('shown.bs.tab', async () => { + await loadLanguageConfig(); + }); + } + // Categories management const createCategoryForm = document.getElementById('create-category-form'); const refreshCategoriesListBtn = document.getElementById('refresh-categories-list'); @@ -3014,7 +3150,7 @@ window.onload = async function () { const nomineesText = document.getElementById('nominees-list').value.trim(); if (!year || !categoryNumber || !categoryName || !nomineesText) { - showCategoriesAlert('Veuillez remplir tous les champs', 'warning'); + showCategoriesAlert(t('admin.categories.fillAllFields', 'Please fill in all fields'), 'warning'); return; } @@ -3023,7 +3159,7 @@ window.onload = async function () { .filter(line => line.length > 0); if (nominees.length === 0) { - showCategoriesAlert('Veuillez entrer au moins un nommé', 'warning'); + showCategoriesAlert(t('admin.categories.enterAtLeastOneNominee', 'Please enter at least one nominee'), 'warning'); return; } @@ -3048,7 +3184,7 @@ window.onload = async function () { } const data = await res.json(); - showCategoriesAlert('Catégorie créée avec succès', 'success'); + showCategoriesAlert(t('admin.categories.categoryCreated', 'Category created successfully.'), 'success'); createCategoryForm.reset(); if (refreshCategoriesListBtn) refreshCategoriesListBtn.click(); } catch (err) { @@ -3077,7 +3213,10 @@ window.onload = async function () { const categories = data.categories || []; if (categories.length === 0) { - categoriesListContainer.innerHTML = `
Aucune catégorie trouvée${year ? ` pour l'année ${year}` : ''}.
`; + const emptyMsg = year + ? t('admin.categories.noneFoundYear', 'No categories found for year {year}.', { year }) + : t('admin.categories.noneFound', 'No categories found.'); + categoriesListContainer.innerHTML = `
${emptyMsg}
`; return; } @@ -3087,12 +3226,12 @@ window.onload = async function () { - + - # - Nom - Nommés - Actions + ${t('admin.categories.table.number','#')} + ${t('admin.categories.table.name','Nom')} + ${t('admin.categories.table.nominees','Nominees')} + ${t('admin.categories.table.actions','Actions')} @@ -3105,12 +3244,12 @@ window.onload = async function () { ${cat.categoryName} - - + + `).join('')} @@ -3135,7 +3274,7 @@ window.onload = async function () { if (!res.ok) { if (res.status === 404) { - showResponse('danger', 'Catégorie non trouvée'); + showResponse('danger', t('admin.categories.categoryNotFound', 'Category not found.')); return; } throw new Error('Failed to load category'); @@ -3145,7 +3284,7 @@ window.onload = async function () { const category = data.category; if (!category) { - showResponse('danger', 'Catégorie non trouvée'); + showResponse('danger', t('admin.categories.categoryNotFound', 'Category not found.')); return; } @@ -3170,7 +3309,7 @@ window.onload = async function () { }; window.deleteCategory = async function(categoryId) { - if (!confirm('Êtes-vous sûr de vouloir supprimer cette catégorie?')) return; + if (!confirm(t('admin.categories.confirmDelete','Are you sure you want to delete this category?'))) return; try { const res = await fetch(`/api/categories/${categoryId}`, { @@ -3183,7 +3322,7 @@ window.onload = async function () { throw new Error(error.message || 'Delete failed'); } - showResponse('success', 'Catégorie supprimée'); + showResponse('success', t('admin.categories.categoryDeleted', 'Category deleted.')); await loadCategoriesList(); } catch (err) { showResponse('danger', 'Erreur: ' + err.message); @@ -3202,7 +3341,7 @@ window.onload = async function () { if (!categoryName || !nomineesText) { if (alertEl) { alertEl.className = 'alert alert-warning'; - alertEl.textContent = 'Veuillez remplir tous les champs'; + alertEl.textContent = t('admin.categories.fillAllFields', 'Please fill in all fields'); alertEl.classList.remove('d-none'); } return; @@ -3215,7 +3354,7 @@ window.onload = async function () { if (nominees.length === 0) { if (alertEl) { alertEl.className = 'alert alert-warning'; - alertEl.textContent = 'Veuillez entrer au moins un nommé'; + alertEl.textContent = t('admin.categories.enterAtLeastOneNominee', 'Please enter at least one nominee'); alertEl.classList.remove('d-none'); } return; @@ -3225,7 +3364,7 @@ window.onload = async function () { if (!categoryNumber || categoryNumber < 1 || categoryNumber > 50) { if (alertEl) { alertEl.className = 'alert alert-warning'; - alertEl.textContent = 'Le numéro de catégorie doit être entre 1 et 50'; + alertEl.textContent = t('admin.categories.numberBetween1And50', 'Category number must be between 1 and 50'); alertEl.classList.remove('d-none'); } return; @@ -3236,7 +3375,7 @@ window.onload = async function () { try { saveCategoryChangesBtn.disabled = true; - saveCategoryChangesBtn.textContent = 'Enregistrement...'; + saveCategoryChangesBtn.textContent = t('common.saving', 'Saving...'); // Hide any previous alerts if (alertEl) { @@ -3262,7 +3401,7 @@ window.onload = async function () { } const data = await res.json(); - showResponse('success', 'Catégorie mise à jour avec succès'); + showResponse('success', t('admin.categories.categoryUpdated', 'Category updated successfully.')); // Close modal const modal = bootstrap.Modal.getInstance(document.getElementById('editCategoryModal')); @@ -3358,8 +3497,12 @@ window.onload = async function () { const categoryIds = selected.map(cb => cb.dataset.categoryId); const categoryNames = selected.map(cb => cb.dataset.categoryName); - const confirmMessage = `Êtes-vous sûr de vouloir supprimer ${categoryIds.length} catégorie(s)?\n\n${categoryNames.join('\n')}\n\nCette action est irréversible.`; - if (!confirm(confirmMessage)) return; + const confirmMessage = t( + 'admin.categories.bulkDeleteConfirm', + `Are you sure you want to delete ${categoryIds.length} category(ies)?\n\n${categoryNames.join('\n')}\n\nThis action is irreversible.`, + { count: categoryIds.length } + ); + if (!confirm(t('admin.categories.confirmDeleteMultiple', confirmMessage, { count: categoryIds.length, names: categoryNames.join('\n') }))) return; try { bulkDeleteBtn.disabled = true; @@ -3389,10 +3532,14 @@ window.onload = async function () { } if (successCount > 0) { - showResponse('success', `${successCount} catégorie(s) supprimée(s)${errorCount > 0 ? `, ${errorCount} erreur(s)` : ''}`); + const errorsSuffix = errorCount > 0 ? `, ${errorCount} error(s)` : ''; + showResponse('success', t('admin.categories.deletedCount', '{count} category/categories deleted{errors}', { + count: successCount, + errors: errorsSuffix, + })); await loadCategoriesList(); } else { - showResponse('danger', `Erreur lors de la suppression: ${errorCount} erreur(s)`); + showResponse('danger', `Error while deleting: ${errorCount} error(s)`); } } catch (err) { showResponse('danger', 'Erreur: ' + err.message); diff --git a/public/js/app_header_boot.js b/public/js/app_header_boot.js index 0cfedb6..0a8088d 100644 --- a/public/js/app_header_boot.js +++ b/public/js/app_header_boot.js @@ -86,10 +86,12 @@ // Show button immediately based on cached value if (cachedValue.showPicksButton !== false) { picksButton.style.display = ''; + } else { + picksButton.style.display = 'none'; } } else { - // Default to showing while we fetch - picksButton.style.display = ''; + // Default to hiding while we fetch (new installs should start disabled) + picksButton.style.display = 'none'; } // Fetch fresh value from server diff --git a/public/js/app_index.js b/public/js/app_index.js index f42b0a4..88cae82 100644 --- a/public/js/app_index.js +++ b/public/js/app_index.js @@ -2,6 +2,39 @@ function decodeJwt(token) { return JSON.parse(atob(token.split('.')[1])); } +// i18n helper function +function t(key, fallback = '', params = {}) { + if (window.i18n && typeof window.i18n.t === 'function') { + return window.i18n.t(key, params); + } + let result = fallback; + if (params && typeof params === 'object') { + Object.keys(params).forEach(k => { + result = result.replace(`{${k}}`, String(params[k])); + }); + } + return result; +} + +function translateApiMessage(messageKey, message, fallbackKey, fallbackText) { + try { + if (window.i18n && typeof window.i18n.t === 'function') { + if (messageKey) return window.i18n.t(messageKey); + const map = { + "L'utilisateur n'a pas été trouvé": 'auth.userNotFound', + 'User not found': 'auth.userNotFound', + "Informations d'identification non valides": 'auth.invalidCredentials', + 'Invalid credentials': 'auth.invalidCredentials', + "Le mot de passe temporaire a expiré. Demandez à un admin de réinitialiser votre mot de passe.": 'auth.tempPasswordExpired', + 'Temporary password expired. Ask an admin to reset your password.': 'auth.tempPasswordExpired', + }; + if (message && map[message]) return window.i18n.t(map[message]); + if (fallbackKey) return window.i18n.t(fallbackKey); + } + } catch (_) {} + return message || fallbackText || ''; +} + async function applyActiveOscarYearToTitle() { const base = 'Pool Oscars'; const current = String(document.title || base); @@ -110,13 +143,13 @@ if (setupForm) { window.location.href = '/movies.html'; } else { if (setupError) { - setupError.textContent = data.message || 'Erreur lors de la création du compte'; + setupError.textContent = data.message || t('auth.errorCreatingAccount', 'Error creating account'); setupError.classList.remove('d-none'); } } } catch (err) { if (setupError) { - setupError.textContent = 'Erreur réseau. Veuillez réessayer.'; + setupError.textContent = t('auth.networkError', 'Network error. Please try again.'); setupError.classList.remove('d-none'); } } @@ -147,7 +180,8 @@ document.getElementById('login-form').addEventListener('submit', async function window.location.href = '/movies.html'; // Redirect to movies page on success } } else { - const error = await res.json(); - alert(`${error.message}`); + const error = await res.json().catch(() => ({})); + const msg = translateApiMessage(error.messageKey, error.message, 'auth.loginFailed', 'Login failed'); + alert(msg); } }); \ No newline at end of file diff --git a/public/js/app_movies.js b/public/js/app_movies.js index 11d81c2..f41b95f 100644 --- a/public/js/app_movies.js +++ b/public/js/app_movies.js @@ -1,7 +1,21 @@ +// i18n helper function +function t(key, fallback = '', params = {}) { + if (window.i18n && typeof window.i18n.t === 'function') { + return window.i18n.t(key, params); + } + let result = fallback; + if (params && typeof params === 'object') { + Object.keys(params).forEach(k => { + result = result.replace(`{${k}}`, String(params[k])); + }); + } + return result; +} + function createPageLoader(options = {}) { - const title = String(options.title || 'Chargement…'); + const title = String(options.title || t('common.loading', 'Loading…')); // Subtitle kept for backwards-compat with callers, but we no longer render text in the UI. - const subtitle = String(options.subtitle || 'Préparation de la page…'); + const subtitle = String(options.subtitle || t('common.preparingPage', 'Preparing page…')); let progress = 0; let removed = false; @@ -147,8 +161,8 @@ async function waitForImagesIn(containerEl, onProgress) { window.addEventListener('DOMContentLoaded', async function () { const pageLoader = createPageLoader({ - title: 'Chargement des films', - subtitle: 'Récupération des données…' + title: (window.i18n && typeof window.i18n.t === 'function') ? window.i18n.t('movies.loadingMovies') : 'Loading movies', + subtitle: (window.i18n && typeof window.i18n.t === 'function') ? window.i18n.t('movies.fetchingData') : 'Fetching data…' }); function formatClock(seconds) { @@ -272,7 +286,11 @@ window.addEventListener('DOMContentLoaded', async function () { if (avgEl) { if (avg && count > 0) { - avgEl.textContent = `Note utilisateurs ${avg.toFixed(1)}${count ? ` (${count})` : ''}`; + const avgLabel = `${avg.toFixed(1)}${count ? ` (${count})` : ''}`; + const translated = (window.i18n && typeof window.i18n.t === 'function') + ? window.i18n.t('movies.userRating', { rating: avgLabel }) + : `User rating ${avgLabel}`; + avgEl.textContent = translated; avgEl.classList.remove('movie-rating-sub--empty'); } else { avgEl.textContent = ''; @@ -335,7 +353,12 @@ window.addEventListener('DOMContentLoaded', async function () { if (lastUpdatedIso) { const d = new Date(lastUpdatedIso); if (!Number.isNaN(d.getTime())) { - lastUpdatedEl.textContent = d.toLocaleString('fr-FR', { dateStyle: 'medium', timeStyle: 'short' }); + const locale = (window.i18n && typeof window.i18n.getLanguage === 'function') ? window.i18n.getLanguage() : (document.documentElement.lang || 'en'); + try { + lastUpdatedEl.textContent = d.toLocaleString(locale, { dateStyle: 'medium', timeStyle: 'short' }); + } catch (_) { + lastUpdatedEl.textContent = d.toLocaleString(); + } } else { lastUpdatedEl.textContent = '—'; } @@ -347,11 +370,16 @@ window.addEventListener('DOMContentLoaded', async function () { const total = Number(summary?.totalMoviesCount) || 0; const watched = Number(summary?.watchedMoviesCount) || 0; const ratioPct = total > 0 ? ((watched / total) * 100).toFixed(1) : '0.0'; - if (ratioEl) ratioEl.innerText = `Vu: ${watched} / ${total} (${ratioPct}%)`; + if (ratioEl) { + const txt = (window.i18n && typeof window.i18n.t === 'function') + ? window.i18n.t('movies.watchedRatio', { watched: watched, total: total, percent: ratioPct }) + : `Watched: ${watched} / ${total} (${ratioPct}%)`; + ratioEl.innerText = txt; + } } const activeYear = await fetchActiveYear(); - document.title = `Pool Oscars (${activeYear}) - Films`; + document.title = `Pool Oscars (${activeYear}) - Movies`; const oscarYearEl = document.getElementById('oscar-year'); if (oscarYearEl) oscarYearEl.textContent = String(activeYear); @@ -361,16 +389,18 @@ window.addEventListener('DOMContentLoaded', async function () { const fallbackDate = parseLocalNoonFromIsoDate(`${activeYear}-03-15`) || new Date(`March 15, ${activeYear} 12:00:00`); if (oscarDayMonthEl) { try { - oscarDayMonthEl.textContent = fallbackDate.toLocaleDateString('fr-FR', { day: 'numeric', month: 'long' }); + const locale = (window.i18n && typeof window.i18n.getLanguage === 'function') ? window.i18n.getLanguage() : (document.documentElement.lang || 'en'); + oscarDayMonthEl.textContent = fallbackDate.toLocaleDateString(locale, { day: 'numeric', month: 'long' }); } catch (_) { - oscarDayMonthEl.textContent = '15 mars'; + oscarDayMonthEl.textContent = (window.i18n && typeof window.i18n.t === 'function') ? window.i18n.t('checklist.march15') : 'March 15'; } } if (timeLeftEl) { const currentDate = new Date(); const timeDifference = fallbackDate - currentDate; const daysLeft = Math.floor(timeDifference / (1000 * 60 * 60 * 24)); - timeLeftEl.textContent = `${daysLeft} jours`; + const daysLabel = (window.i18n && typeof window.i18n.t === 'function') ? window.i18n.t('movies.daysLeft', { days: daysLeft }) : `${daysLeft} days`; + timeLeftEl.textContent = daysLabel; } fetchOscarEffectiveDate(activeYear).then((oscarEffectiveDate) => { @@ -380,14 +410,16 @@ window.addEventListener('DOMContentLoaded', async function () { if (oscarDayMonthEl) { try { - oscarDayMonthEl.textContent = targetDate.toLocaleDateString('fr-FR', { day: 'numeric', month: 'long' }); + const locale = (window.i18n && typeof window.i18n.getLanguage === 'function') ? window.i18n.getLanguage() : (document.documentElement.lang || 'en'); + oscarDayMonthEl.textContent = targetDate.toLocaleDateString(locale, { day: 'numeric', month: 'long' }); } catch (_) {} } if (timeLeftEl) { const currentDate = new Date(); const timeDifference = targetDate - currentDate; const daysLeft = Math.floor(timeDifference / (1000 * 60 * 60 * 24)); - timeLeftEl.textContent = `${daysLeft} jours`; + const daysLabel = (window.i18n && typeof window.i18n.t === 'function') ? window.i18n.t('movies.daysLeft', { days: daysLeft }) : `${daysLeft} days`; + timeLeftEl.textContent = daysLabel; } }).catch(() => {}); @@ -473,8 +505,11 @@ window.addEventListener('DOMContentLoaded', async function () { const totalMoviesCount = movies.length; const watchedMoviesCount = watchedMoviesInYear.length; const ratioPct = totalMoviesCount > 0 ? ((watchedMoviesCount / totalMoviesCount) * 100).toFixed(1) : '0.0'; - const ratioText = `Vu: ${watchedMoviesCount} / ${totalMoviesCount} (${ratioPct}%)`; - document.getElementById('watched-ratio').innerText = ratioText; + const ratioText = (window.i18n && typeof window.i18n.t === 'function') + ? window.i18n.t('movies.watchedRatio', { watched: watchedMoviesCount, total: totalMoviesCount, percent: ratioPct }) + : `Watched: ${watchedMoviesCount} / ${totalMoviesCount} (${ratioPct}%)`; + const ratioEl = document.getElementById('watched-ratio'); + if (ratioEl) ratioEl.innerText = ratioText; if (moviesList) moviesList.innerHTML = ''; @@ -501,6 +536,11 @@ window.addEventListener('DOMContentLoaded', async function () { Number.isFinite(userRatingAvg) && userRatingAvg > 0 ? `${userRatingAvg.toFixed(1)}${userRatingCount ? ` (${userRatingCount})` : ''}` : ''; + const avgHtml = userRatingText + ? ((window.i18n && typeof window.i18n.t === 'function') + ? window.i18n.t('movies.userRating', { rating: userRatingText }) + : `User rating ${userRatingText}`) + : ''; const userRatingOwn = Number.isFinite(userRating) && userRating > 0 ? `${userRating}/5` : ''; const starsHtml = Array.from({ length: 5 }, (_, idx) => { @@ -531,10 +571,13 @@ window.addEventListener('DOMContentLoaded', async function () { // Hide "resume/progress" once we're basically at the credits. // Backend uses 95% as the "credit roll" threshold too. if (pct < 95) { + const resumeText = (window.i18n && typeof window.i18n.t === 'function') + ? window.i18n.t('movies.resumeAt', { time: `${formatClock(time)}` }) + : `Resume at ${formatClock(time)}`; progressHtml = `
- Reprendre à ${formatClock(time)} + ${resumeText} ${pct.toFixed(0)}%
@@ -544,9 +587,12 @@ window.addEventListener('DOMContentLoaded', async function () { `; } } else { + const resumeText = (window.i18n && typeof window.i18n.t === 'function') + ? window.i18n.t('movies.resumeAt', { time: `${formatClock(time)}` }) + : `Resume at ${formatClock(time)}`; progressHtml = `
- Reprendre à ${formatClock(time)} + ${resumeText}
`; } @@ -554,6 +600,12 @@ window.addEventListener('DOMContentLoaded', async function () { } const camBadge = movie?.cam ? 'CAM' : ''; + const watchedBadge = isChecked + ? `${(window.i18n && typeof window.i18n.t === 'function') ? window.i18n.t('movies.watched') : 'WATCHED'}` + : ''; + const noSourceHtml = !isClickable + ? `
${(window.i18n && typeof window.i18n.t === 'function') ? window.i18n.t('movies.noSource') : 'No source'}
` + : ''; const posterBlock = `
${camBadge} @@ -566,7 +618,7 @@ window.addEventListener('DOMContentLoaded', async function () { movieDiv.setAttribute('data-imdb-id', movie.imdb_id); movieDiv.innerHTML = `
- ${isChecked ? 'VISIONNÉ' : ''} + ${watchedBadge} ${ isClickable ? ` @@ -587,26 +639,26 @@ window.addEventListener('DOMContentLoaded', async function () { ${movie.runtime && movie.runtime !== 'N/A' ? `
${formatRuntime(movie.runtime)}
` : ''}
-
${userRatingText ? `Note utilisateurs ${userRatingText}` : ''}
+
${avgHtml ? avgHtml : ''}
${movie.rating ? `⭐ ${movie.rating}` : ''} - +
-
+
${starsHtml}
- ${!isClickable ? '
Aucune source
' : ''} + ${noSourceHtml}
- Catégories nominées + ${(window.i18n && typeof window.i18n.t === 'function') ? window.i18n.t('movies.nominatedCategories') : 'Nominated categories'}
${movie.category}
@@ -615,7 +667,7 @@ window.addEventListener('DOMContentLoaded', async function () {
- ${isChecked ? `
Regardé le: ${watchedDate}
` : ''} + ${isChecked ? `
${(window.i18n && typeof window.i18n.t === 'function') ? window.i18n.t('checklist.watchedOn') : 'Watched on:'} ${watchedDate}
` : ''} ${progressHtml}
@@ -658,8 +710,8 @@ window.addEventListener('DOMContentLoaded', async function () { }); pageLoader.done(); } catch (e) { - setLoadError(moviesList, 'Impossible de charger la liste des films. Réessaie dans quelques instants.'); - pageLoader.fail('Impossible de charger les films. Vérifie ta connexion puis réessaie.'); + setLoadError(moviesList, t('movies.errorLoadingList', 'Unable to load movie list. Try again in a moment.')); + pageLoader.fail(t('movies.errorLoading', 'Unable to load movies. Check your connection and try again.')); } document.getElementById('log-off').addEventListener('click', function () { diff --git a/public/js/app_picks.js b/public/js/app_picks.js index f558418..9003e60 100644 --- a/public/js/app_picks.js +++ b/public/js/app_picks.js @@ -2,9 +2,9 @@ 'use strict'; function createPageLoader(options = {}) { - const title = String(options.title || 'Chargement…'); + const title = String(options.title || t('common.loading', 'Loading…')); // Subtitle kept for backwards-compat with callers, but we no longer render text in the UI. - const subtitle = String(options.subtitle || 'Préparation de la page…'); + const subtitle = String(options.subtitle || t('picks.preparingPage', 'Preparing page…')); let progress = 0; let removed = false; @@ -120,6 +120,21 @@ return { setProgress, setSubtitle, done, fail }; } + function t(key, fallback, params) { + try { + if (window.i18n && typeof window.i18n.t === 'function') { + return window.i18n.t(key, params || {}); + } + } catch (_) {} + let out = (typeof fallback === 'string') ? fallback : String(key); + if (params && typeof params === 'object') { + Object.keys(params).forEach((k) => { + out = out.replace(new RegExp(`\\{${k}\\}`, 'g'), String(params[k])); + }); + } + return out; + } + const token = localStorage.getItem('auth_token'); if (!token) { window.location.href = '/'; @@ -198,7 +213,7 @@ // Use active year if not set if (!currentYear) { currentYear = await fetchActiveYear(); - document.title = `Pool Oscars (${currentYear}) - Mes picks`; + document.title = t('picks.pageTitleWithYear', 'Oscar Pool ({year}) - My picks', { year: currentYear }); } if (pageLoader) pageLoader.setProgress(18); @@ -225,10 +240,12 @@ document.getElementById('current-year').textContent = currentYear; if (categories.length === 0) { + const noCats = t('picks.noCategoriesFound', 'No categories found for year {year}', { year: currentYear }); + const adminHint = t('picks.adminMustImportCategories', 'An administrator must first import the categories.'); document.getElementById('categories-container').innerHTML = `
- Aucune catégorie trouvée pour l'année ${currentYear}. - Un administrateur doit d'abord importer les catégories. + ${noCats} + ${adminHint}
`; if (pageLoader) pageLoader.done(); @@ -243,7 +260,7 @@ if (pageLoader) pageLoader.setProgress(85); } catch (err) { console.error('Error fetching categories:', err); - showAlert('Erreur lors du chargement des catégories: ' + err.message, 'danger'); + showAlert(t('picks.errorLoadingCategories', 'Error loading categories: {error}', { error: err.message }), 'danger'); if (pageLoader) pageLoader.fail(); } } @@ -287,7 +304,7 @@ if (!container) return; if (categories.length === 0) { - container.innerHTML = '
Aucune catégorie disponible
'; + container.innerHTML = `
${t('picks.noCategoriesAvailable', 'No categories available')}
`; return; } @@ -297,9 +314,9 @@ # - Catégorie - Choix - Nommés + ${t('picks.category', 'Category')} + ${t('picks.choice', 'Choice')} + ${t('picks.nominees', 'Nominees')} @@ -314,7 +331,7 @@ ${selectedNominee} - ` : 'Aucun choix'} + ` : `${t('picks.noChoice', 'No choice')}`}
@@ -386,7 +403,7 @@ } catch (err) { console.error('Auto-save failed:', err); // Show error alert only on failure - showAlert('Erreur lors de l\'enregistrement automatique: ' + err.message, 'danger'); + showAlert(t('picks.errorAutoSaving', 'Error auto-saving: {error}', { error: err.message }), 'danger'); } finally { isSaving = false; } @@ -413,7 +430,7 @@ // Skip confirmation dialog in silent mode (auto-save) if (!silent && picks.length < categories.length) { - if (!confirm(`Vous n'avez sélectionné que ${picks.length} sur ${categories.length} catégories. Voulez-vous enregistrer quand même?`)) { + if (!confirm(t('picks.incompleteSelection', `You have selected only ${picks.length} out of ${categories.length} categories. Do you want to save anyway?`, { selected: picks.length, total: categories.length }))) { return; } } @@ -438,18 +455,18 @@ const data = await res.json(); if (!silent) { - showAlert('Vos choix ont été enregistrés avec succès!', 'success'); + showAlert(t('picks.successSaved', 'Your picks have been saved successfully!'), 'success'); } } catch (err) { console.error('Error submitting picks:', err); - showAlert('Erreur lors de l\'enregistrement: ' + err.message, 'danger'); + showAlert(t('picks.errorSubmitting', 'Error submitting picks: {error}', { error: err.message }), 'danger'); } } // Event listeners document.getElementById('load-my-picks')?.addEventListener('click', () => { loadMyPicks(); - showAlert('Choix rechargés', 'info'); + showAlert(t('picks.reloaded', 'Picks reloaded'), 'info'); }); // Winners & Scores functionality (admin only) @@ -480,7 +497,7 @@ await fetchScores(); } catch (err) { console.error('Error fetching winners categories:', err); - showAlert('Erreur lors du chargement des catégories: ' + err.message, 'danger'); + showAlert(t('picks.errorLoadingCategories', 'Error loading categories: {error}', { error: err.message }), 'danger'); } } @@ -489,7 +506,7 @@ if (!container) return; if (winnersCategories.length === 0) { - container.innerHTML = '
Aucune catégorie trouvée pour cette année.
'; + container.innerHTML = `
${t('picks.noCategoriesFound', 'No categories found for year {year}', { year: currentYear })}
`; return; } @@ -506,9 +523,9 @@ # - Catégorie - Sélection - Gagnant + ${t('picks.categoryHeader', 'Category')} + ${t('picks.selectionHeader', 'Selection')} + ${t('picks.winnerHeader', 'Winner')} @@ -559,13 +576,18 @@ throw new Error(error.message || 'Failed to update winner'); } - showAlert(winnerName ? 'Gagnant marqué avec succès' : 'Gagnant supprimé', 'success'); + showAlert( + winnerName + ? t('picks.winnerMarked', 'Winner marked successfully') + : t('picks.winnerDeleted', 'Winner deleted'), + 'success' + ); await fetchWinnersCategories(); // Auto-refresh scores after marking/clearing a winner (silent mode) await calculateScores(true); } catch (err) { console.error('Error updating winner:', err); - showAlert('Erreur: ' + err.message, 'danger'); + showAlert(t('picks.errorUpdatingWinner', 'Error: {error}', { error: err.message }), 'danger'); } }); }); @@ -580,7 +602,7 @@ const btn = document.getElementById('calculate-scores'); if (btn) { btn.disabled = true; - btn.textContent = 'Calcul en cours...'; + btn.textContent = t('picks.calculatingScores', 'Calculating scores…'); } const res = await fetch('/api/picks/calculate-scores', { @@ -598,7 +620,7 @@ if (error.message && error.message.includes('No winners marked')) { if (!silent) { // Only show as info/warning, not error - showAlert('Aucun gagnant marqué. Les scores seront calculés une fois les gagnants définis.', 'info'); + showAlert(t('picks.noWinnersMarked', 'No winners marked. Scores will be calculated once winners are defined.'), 'info'); } // Still try to fetch existing scores await fetchScores(); @@ -609,19 +631,22 @@ const data = await res.json(); if (!silent) { - showAlert(`Scores calculés avec succès! ${data.scores.length} utilisateur(s) évalué(s).`, 'success'); + showAlert( + t('picks.scoresCalculated', 'Scores calculated successfully! {count} user(s) evaluated.', { count: data.scores.length }), + 'success' + ); } await fetchScores(); } catch (err) { console.error('Error calculating scores:', err); if (!silent) { - showAlert('Erreur: ' + err.message, 'danger'); + showAlert(t('picks.errorCalculatingScores', 'Error: {error}', { error: err.message }), 'danger'); } } finally { const btn = document.getElementById('calculate-scores'); if (btn) { btn.disabled = false; - btn.textContent = 'Calculer les scores'; + btn.textContent = t('picks.calculateScores', 'Calculate scores'); } } } @@ -653,7 +678,7 @@ console.error('Error fetching scores:', err); const container = document.getElementById('scores-container'); if (container) { - container.innerHTML = '
Erreur lors du chargement des scores.
'; + container.innerHTML = `
${t('picks.errorLoadingScores', 'Error loading scores.')}
`; } } } @@ -684,7 +709,7 @@ }).sort((a, b) => b.actualScore - a.actualScore); if (validScores.length === 0) { - container.innerHTML = '
Aucun score disponible. Les utilisateurs doivent d\'abord soumettre leurs choix.
'; + container.innerHTML = `
${t('picks.noScoresAvailable', 'No scores available. Users must first submit their picks.')}
`; return; } @@ -694,7 +719,7 @@ # - Utilisateur + ${t('picks.userHeader', 'User')} Score Total Actions @@ -714,7 +739,7 @@ ${totalCategories} @@ -743,10 +768,10 @@ const modalTitle = document.getElementById('userPicksModalLabel'); const modalContent = document.getElementById('user-picks-modal-content'); - modalTitle.textContent = `Choix de ${score.userName}`; + modalTitle.textContent = t('picks.userChoicesTitle', 'Picks for {user}', { user: score.userName }); if (!score.pickDetails || score.pickDetails.length === 0) { - modalContent.innerHTML = '
Aucun détail disponible.
'; + modalContent.innerHTML = `
${t('picks.noDetailsAvailable', 'No details available.')}
`; modal.show(); return; } @@ -763,11 +788,11 @@
-
Résumé
+
${t('picks.summaryTitle', 'Summary')}
- ${correctPicks.length} correct(s) | - ${incorrectPicks.length} incorrect(s) | - ${score.pickDetails.length} total + ${correctPicks.length} ${t('picks.correctCountLabel', 'correct')} | + ${incorrectPicks.length} ${t('picks.incorrectCountLabel', 'incorrect')} | + ${score.pickDetails.length} ${t('picks.totalCountLabel', 'total')}
@@ -781,7 +806,7 @@
✓ - Corrects (${correctPicks.length}) + ${t('picks.correctSectionTitle', 'Correct ({count})', { count: correctPicks.length })}
${correctPicks.map(pick => ` @@ -804,7 +829,7 @@
✗ - Incorrects (${incorrectPicks.length}) + ${t('picks.incorrectSectionTitle', 'Incorrect ({count})', { count: incorrectPicks.length })}
${incorrectPicks.map(pick => ` @@ -814,13 +839,13 @@ ${pick.categoryNumber}. ${pick.categoryName}
- ✗ Choix: ${pick.selectedNominee} + ✗ ${t('picks.choiceLabel', 'Choice')}: ${pick.selectedNominee}
${pick.correctWinner ? `
- ✓ Gagnant: ${pick.correctWinner} + ✓ ${t('picks.winnerLabel', 'Winner')}: ${pick.correctWinner}
- ` : '
Aucun gagnant marqué
'} + ` : `
${t('picks.noWinnerMarkedShort', 'No winner marked')}
`}
@@ -832,7 +857,7 @@ ${correctPicks.length === 0 && incorrectPicks.length === 0 ? `
- Aucun choix à afficher. + ${t('picks.noChoicesToShow', 'No picks to show.')}
` : ''} `; @@ -843,7 +868,7 @@ // Event listeners for winners tab document.getElementById('refresh-winners')?.addEventListener('click', () => { fetchWinnersCategories(); - showAlert('Données rafraîchies', 'info'); + showAlert(t('picks.dataRefreshed', 'Data refreshed'), 'info'); }); // Load scores when scores tab is shown @@ -867,19 +892,19 @@ // Refresh scores button document.getElementById('refresh-scores')?.addEventListener('click', async () => { await fetchScores(); - showAlert('Scores rafraîchis', 'info'); + showAlert(t('picks.scoresRefreshed', 'Scores refreshed'), 'info'); }); // Initial load window.addEventListener('DOMContentLoaded', async function() { const pageLoader = createPageLoader({ - title: 'Chargement des picks', - subtitle: 'Récupération des données…' + title: t('picks.loadingTitle', 'Loading picks'), + subtitle: t('picks.loadingSubtitle', 'Fetching data…') }); try { currentYear = await fetchActiveYear(); - document.title = `Pool Oscars (${currentYear}) - Mes choix`; + document.title = t('picks.pageTitleChoicesWithYear', 'Oscar Pool ({year}) - My picks', { year: currentYear }); pageLoader.setProgress(12); await fetchCategories(pageLoader); diff --git a/public/js/app_player.js b/public/js/app_player.js index 25105f0..5548f1b 100644 --- a/public/js/app_player.js +++ b/public/js/app_player.js @@ -7,6 +7,20 @@ function decodeJwt(token) { return JSON.parse(atob(padded)); } +// i18n helper function +function t(key, fallback = '', params = {}) { + if (window.i18n && typeof window.i18n.t === 'function') { + return window.i18n.t(key, params); + } + let result = fallback; + if (params && typeof params === 'object') { + Object.keys(params).forEach(k => { + result = result.replace(`{${k}}`, String(params[k])); + }); + } + return result; +} + function createPageLoader(options = {}) { const title = String(options.title || 'Chargement…'); let progress = 0; @@ -262,19 +276,19 @@ function setupVideoProgress({ videoEl, movieId, token, userId, imdbId }) { pendingRestoreTime = clamped; restoreInProgress = true; try { videoEl.currentTime = clamped; } catch (_) {} - lastSaveStatus = `Reprise · ${formatClock(clamped)}`; - setProgressUi({ state: 'info', text: lastSaveStatus, showText: true, ariaText: `Reprise à ${formatClock(clamped)}` }); + lastSaveStatus = t('player.resumingAt', 'Resuming at {time}', { time: formatClock(clamped) }); + setProgressUi({ state: 'info', text: lastSaveStatus, showText: true, ariaText: t('player.resumingAt', 'Resuming at {time}', { time: formatClock(clamped) }) }); } else { pendingRestoreTime = null; restoreInProgress = false; - lastSaveStatus = 'Début'; - setProgressUi({ state: 'info', text: 'Début', showText: true, ariaText: 'Lecture depuis le début' }); + lastSaveStatus = t('player.beginning', 'Start'); + setProgressUi({ state: 'info', text: t('player.beginning', 'Start'), showText: true, ariaText: t('player.playFromBeginning', 'Playing from the beginning') }); } return true; } function scheduleRestore() { - if (!restored) setProgressUi({ state: 'preparing', text: 'Reprise', showText: true, ariaText: 'Prépare la reprise…' }); + if (!restored) setProgressUi({ state: 'preparing', text: t('player.resuming', 'Resuming'), showText: true, ariaText: t('player.preparingResume', 'Preparing resume…') }); void tryRestoreProgress(); } @@ -315,18 +329,18 @@ function setupVideoProgress({ videoEl, movieId, token, userId, imdbId }) { } catch (_) {} // Icon-only saving indicator (avoid noisy text updates). - setProgressUi({ state: 'saving', text: '', showText: false, ariaText: 'Sauvegarde…' }); + setProgressUi({ state: 'saving', text: '', showText: false, ariaText: t('player.saving', 'Saving…') }); const ok = await savePlaybackProgress(movieId, token, { ...snap, imdbId, keepalive: !!keepalive }); if (ok === false) { // Token expired mid-playback; stop spamming requests and prompt user. stopInterval(); try { localStorage.removeItem('auth_token'); } catch (_) {} - lastSaveStatus = 'Connexion requise pour sauvegarder.'; - setProgressUi({ state: 'warning', text: 'Connexion', showText: true, ariaText: lastSaveStatus }); - showAlertVariant('Session expirée. Reconnecte-toi pour continuer à sauvegarder la progression.', 'warning'); + lastSaveStatus = t('player.connectionRequired', 'Connection required for saving.'); + setProgressUi({ state: 'warning', text: t('player.connection', 'Connection'), showText: true, ariaText: lastSaveStatus }); + showAlertVariant(t('player.sessionExpired', 'Session expired. Please reconnect to continue saving progress.'), 'warning'); return; } - lastSaveStatus = `Sauvegardé à ${formatClock(snap.time)}.`; + lastSaveStatus = t('player.saved', 'Saved at {time}.', { time: formatClock(snap.time) }); setProgressUi({ state: 'saved', text: '', showText: false, ariaText: lastSaveStatus }); if (savedUiTimer) window.clearTimeout(savedUiTimer); savedUiTimer = window.setTimeout(() => { @@ -574,11 +588,11 @@ function applyRatingState({ wrap, buttons, metaEl, averageRating, ratingsCount, }); const parts = []; - if (avg && count > 0) { - parts.push(`Note utilisateurs: ${avg.toFixed(1)} (${count})`); - } else { - parts.push('Note utilisateurs: —'); - } + const ratingLabel = (avg && count > 0) ? `${avg.toFixed(1)} (${count})` : '—'; + const translatedRating = (window.i18n && typeof window.i18n.t === 'function') + ? window.i18n.t('movies.userRating', { rating: ratingLabel }) + : `User rating ${ratingLabel}`; + parts.push(translatedRating); metaEl.textContent = parts.join(' • '); } @@ -642,7 +656,7 @@ function initUserRating({ movieId, token, initial } = {}) { isSaving = true; buttons.forEach((b) => b.setAttribute('disabled', 'disabled')); - metaEl.textContent = 'Enregistrement…'; + metaEl.textContent = t('player.saving', 'Saving…'); const shouldClear = currentRating && value === currentRating; const result = shouldClear @@ -1250,7 +1264,7 @@ async function initQualityToggle({ movieId, token, fallbackSrc, hasLowFile }) { } window.onload = async function () { - const pageLoader = createPageLoader({ title: 'Chargement du lecteur' }); + const pageLoader = createPageLoader({ title: t('player.loadingPlayer', 'Loading player…') }); // Basic auth UX: require a valid local token (like the rest of the app). const token = localStorage.getItem('auth_token'); @@ -1373,13 +1387,13 @@ window.onload = async function () { const videoEl = document.getElementById('video'); if (videoEl && !videoEl.classList.contains('d-none')) { applySubtitleTrack({ videoEl, movie, token }); - setProgressUi({ state: 'preparing', text: 'Reprise', showText: true, ariaText: 'Prépare la reprise…' }); + setProgressUi({ state: 'preparing', text: t('player.resuming', 'Resuming'), showText: true, ariaText: t('player.preparingResume', 'Preparing resume…') }); const userId = normalizeUserId(decoded); if (userId) { setupVideoProgress({ videoEl, movieId: id, token, userId, imdbId: movie?.imdb_id }); } else { // Avoid a "stuck" progress state if the token payload is unexpected. - setProgressUi({ state: 'warning', text: '—', showText: true, ariaText: "Impossible d'identifier l'utilisateur pour sauvegarder la progression." }); + setProgressUi({ state: 'warning', text: '—', showText: true, ariaText: t('player.unableToIdentifyUser', "Unable to identify user for saving progress.") }); } } else { setProgressUi({ state: 'info', text: '—', showText: true }); diff --git a/public/js/app_register.js b/public/js/app_register.js index 93845ff..eead010 100644 --- a/public/js/app_register.js +++ b/public/js/app_register.js @@ -2,6 +2,22 @@ function decodeJwt(token) { return JSON.parse(atob(token.split('.')[1])); } +function translateApiMessage(messageKey, message, fallbackKey, fallbackText) { + try { + if (window.i18n && typeof window.i18n.t === 'function') { + if (messageKey) return window.i18n.t(messageKey); + const map = { + 'Mauvais nom de chien': 'auth.dogAnswerIncorrect', + "L'utilisateur s'est enregistré avec succès !": 'auth.registrationSuccess', + 'User registered successfully!': 'auth.registrationSuccess', + }; + if (message && map[message]) return window.i18n.t(map[message]); + if (fallbackKey) return window.i18n.t(fallbackKey); + } + } catch (_) {} + return message || fallbackText || ''; +} + async function applyActiveOscarYearToTitle() { const base = 'Pool Oscars'; const current = String(document.title || base); @@ -92,7 +108,12 @@ initPage(); if (res.ok) { const data = await res.json(); // Show success message in the modal - responseMessageElement.textContent = data.message; + responseMessageElement.textContent = translateApiMessage( + data?.messageKey, + data?.message, + 'auth.registrationSuccess', + 'User registered successfully!' + ); // Show the modal modal.show(); @@ -104,7 +125,11 @@ initPage(); } else { const error = await res.json(); // Show error message in the modal - responseMessageElement.textContent = `Error: ${error.message}`; + const prefix = (window.i18n && typeof window.i18n.t === 'function') + ? window.i18n.t('common.errorPrefix') + : 'Error:'; + const msg = translateApiMessage(error?.messageKey, error?.message, 'common.errorOccurred', 'An error occurred'); + responseMessageElement.textContent = `${prefix} ${msg}`.trim(); // Show the modal modal.show(); diff --git a/public/js/app_theme.js b/public/js/app_theme.js index 77b59ce..a575c40 100644 --- a/public/js/app_theme.js +++ b/public/js/app_theme.js @@ -7,6 +7,21 @@ const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)'); const API_ENDPOINT = '/api/users/theme'; + function t(key, fallback, params) { + try { + if (window.i18n && typeof window.i18n.t === 'function') { + return window.i18n.t(key, params || {}); + } + } catch (_) {} + let out = (typeof fallback === 'string') ? fallback : String(key); + if (params && typeof params === 'object') { + Object.keys(params).forEach((k) => { + out = out.replace(new RegExp(`\\{${k}\\}`, 'g'), String(params[k])); + }); + } + return out; + } + function normalizeTheme(value) { return value === 'light' || value === 'dark' ? value : null; } @@ -111,9 +126,14 @@ buttons.forEach((button) => { button.setAttribute('aria-checked', String(isDark)); button.dataset.theme = theme; - const label = isDark ? 'Mode sombre' : 'Mode clair'; - const sourceLabel = source === 'system' ? ' (système)' : ''; - button.setAttribute('title', `${label}${sourceLabel} — Shift+clic pour système`); + const label = isDark + ? t('theme.darkMode', 'Dark mode') + : t('theme.lightMode', 'Light mode'); + const sourceLabel = source === 'system' + ? t('theme.systemSuffix', ' (system)') + : ''; + const hint = t('theme.systemHint', '— Shift+click for system'); + button.setAttribute('title', `${label}${sourceLabel} ${hint}`.trim()); }); } diff --git a/public/js/app_user-stat.js b/public/js/app_user-stat.js index 538e2c7..38456b5 100644 --- a/public/js/app_user-stat.js +++ b/public/js/app_user-stat.js @@ -1,7 +1,7 @@ function createPageLoader(options = {}) { - const title = String(options.title || 'Chargement…'); + const title = String(options.title || t('common.loading', 'Loading…')); // Subtitle kept for backwards-compat with callers, but we no longer render text in the UI. - const subtitle = String(options.subtitle || 'Préparation de la page…'); + const subtitle = String(options.subtitle || t('stats.preparingPage', 'Preparing page…')); let progress = 0; let removed = false; @@ -118,10 +118,31 @@ function createPageLoader(options = {}) { return { setProgress, setSubtitle, done, fail }; } +function getLocale() { + return (window.i18n && typeof window.i18n.getLanguage === 'function') + ? window.i18n.getLanguage() + : (document.documentElement.lang || 'en'); +} + +function t(key, fallback, params) { + try { + if (window.i18n && typeof window.i18n.t === 'function') { + return window.i18n.t(key, params || {}); + } + } catch (_) {} + let out = (typeof fallback === 'string') ? fallback : String(key); + if (params && typeof params === 'object') { + Object.keys(params).forEach((k) => { + out = out.replace(new RegExp(`\\{${k}\\}`, 'g'), String(params[k])); + }); + } + return out; +} + window.addEventListener('DOMContentLoaded', async function () { const pageLoader = createPageLoader({ - title: 'Chargement des statistiques', - subtitle: 'Récupération des données…' + title: t('stats.loadingStats', 'Loading statistics'), + subtitle: t('stats.fetchingData', 'Fetching data…') }); const token = localStorage.getItem('auth_token'); @@ -173,7 +194,7 @@ window.addEventListener('DOMContentLoaded', async function () { if (!list.length) { tbody.innerHTML = ` - Aucun gagnant défini. + ${t('stats.noWinnersDefined', 'No winners defined.')} `; return; @@ -187,7 +208,7 @@ window.addEventListener('DOMContentLoaded', async function () { const arr = byYear.get(String(y)) || []; arr.push({ year: y, - name: w?.name || '(utilisateur supprimé)', + name: w?.name || t('stats.deletedUser', '(deleted user)'), points: w?.points === null || w?.points === undefined || w?.points === '' ? null : Number(w.points), }); byYear.set(String(y), arr); @@ -215,7 +236,7 @@ window.addEventListener('DOMContentLoaded', async function () { if (sorted.length > 1) { const small = document.createElement('div'); small.className = 'text-muted small'; - small.textContent = 'égalité'; + small.textContent = t('stats.tie', 'tie'); tdYear.appendChild(document.createElement('br')); tdYear.appendChild(small); } @@ -227,7 +248,7 @@ window.addEventListener('DOMContentLoaded', async function () { const name = document.createElement('span'); name.className = 'fw-semibold'; - name.textContent = w?.name || '(utilisateur supprimé)'; + name.textContent = w?.name || t('stats.deletedUser', '(deleted user)'); row.appendChild(name); const pts = w.points === null || Number.isNaN(w.points) ? null : w.points; @@ -254,7 +275,7 @@ window.addEventListener('DOMContentLoaded', async function () { if (!completions || typeof completions !== 'object') { tbody.innerHTML = ` - Impossible de charger les finisseurs 100%. + ${t('stats.unableToLoadCompleters', 'Unable to load 100% completers.')} `; return; @@ -267,7 +288,7 @@ window.addEventListener('DOMContentLoaded', async function () { if (!years.length) { tbody.innerHTML = ` - Aucune année trouvée. + ${t('stats.noYearsFound', 'No years found.')} `; return; @@ -311,9 +332,9 @@ window.addEventListener('DOMContentLoaded', async function () { let dateStr = ''; if (u?.completedAt) { const date = new Date(u.completedAt); - dateStr = ` (${date.toLocaleDateString('fr-CA')})`; + dateStr = ` (${date.toLocaleDateString(getLocale())})`; } - badge.textContent = `${rankPrefix}${u?.name || '(sans nom)'}${dateStr}`; + badge.textContent = `${rankPrefix}${u?.name || t('stats.unnamed', '(unnamed)')}${dateStr}`; wrap.appendChild(badge); }); tdNames.appendChild(wrap); @@ -359,7 +380,7 @@ window.addEventListener('DOMContentLoaded', async function () { try { pageLoader.setProgress(12); - // Modal UI (Films regardés) + // Modal UI (watched movies) const moviesModalEl = document.getElementById('moviesModal'); const movieGridEl = document.getElementById('movie-grid'); const moviesSummaryEl = document.getElementById('movies-summary'); @@ -383,7 +404,7 @@ window.addEventListener('DOMContentLoaded', async function () { const d = new Date(iso); if (Number.isNaN(d.getTime())) return ''; try { - return d.toLocaleDateString('fr-FR', { year: 'numeric', month: 'short', day: 'numeric' }); + return d.toLocaleDateString(getLocale(), { year: 'numeric', month: 'short', day: 'numeric' }); } catch (_) { return d.toLocaleDateString(); } @@ -413,7 +434,9 @@ window.addEventListener('DOMContentLoaded', async function () { const sorted = sortMoviesRecent((Array.isArray(currentModalMovies) ? currentModalMovies : [])); const total = Array.isArray(currentModalMovies) ? currentModalMovies.length : 0; - moviesSummaryEl.textContent = total ? `${total} film${total > 1 ? 's' : ''}` : '0 film'; + moviesSummaryEl.textContent = total + ? t('stats.filmCount', '{count} movie{plural}', { count: total, plural: total > 1 ? 's' : '' }) + : t('stats.noFilms', '0 movies'); movieGridEl.innerHTML = ''; if (!sorted.length) { @@ -452,7 +475,7 @@ window.addEventListener('DOMContentLoaded', async function () { item.classList.add('stats-movie-item--clickable'); item.setAttribute('role', 'link'); item.setAttribute('tabindex', '0'); - item.setAttribute('aria-label', vodLink ? `Ouvrir le lien: ${title}` : `Ouvrir le lecteur: ${title}`); + item.setAttribute('aria-label', vodLink ? t('stats.openLink', 'Open link') + ': ' + title : t('stats.openPlayer', 'Open player') + ': ' + title); } const poster = document.createElement('img'); @@ -523,7 +546,7 @@ window.addEventListener('DOMContentLoaded', async function () { imdbLink.href = `https://www.imdb.com/title/${encodeURIComponent(imdbId)}/`; imdbLink.target = '_blank'; imdbLink.rel = 'noopener noreferrer'; - imdbLink.setAttribute('aria-label', 'Voir sur IMDb'); + imdbLink.setAttribute('aria-label', (window.i18n && typeof window.i18n.t === 'function') ? window.i18n.t('movies.viewOnImdb') : 'View on IMDb'); const imdbIcon = document.createElement('span'); imdbIcon.className = 'imdb-icon'; @@ -555,7 +578,7 @@ window.addEventListener('DOMContentLoaded', async function () { if (watchedLabel) { const d = document.createElement('span'); d.className = 'text-muted'; - d.textContent = `Vu le ${watchedLabel}`; + d.textContent = t('stats.watchedOn', 'Watched on {date}', { date: watchedLabel }); meta.appendChild(d); } @@ -568,7 +591,7 @@ window.addEventListener('DOMContentLoaded', async function () { details.className = 'stats-movie-details'; const summary = document.createElement('summary'); - summary.textContent = 'Détails'; + summary.textContent = t('common.details', 'Details'); details.appendChild(summary); const body = document.createElement('div'); @@ -592,8 +615,8 @@ window.addEventListener('DOMContentLoaded', async function () { if (moviesModalTitleEl) { const count = currentModalMovies.length; moviesModalTitleEl.textContent = currentModalUserName - ? `Films regardés — ${currentModalUserName} (${count})` - : `Films regardés (${count})`; + ? t('stats.watchedMoviesUser', 'Watched movies — {user} ({count})', { user: currentModalUserName, count: count }) + : t('stats.watchedMovies', 'Watched movies ({count})', { count: count }); } renderMoviesModal(); @@ -619,10 +642,10 @@ window.addEventListener('DOMContentLoaded', async function () { pageLoader.setProgress(20); const activeYear = await fetchActiveYear(); if (activeYear) { - document.title = `Pool Oscars (${activeYear}) - Statistiques des utilisateurs`; + document.title = `Pool Oscars (${activeYear}) - ${t('stats.pageTitle', 'User Statistics')}`; // Keep the main heading clean; show the year in the "Classement" tab instead. const h2 = document.querySelector('h2'); - if (h2) h2.textContent = 'Statistiques des utilisateurs'; + if (h2) h2.textContent = t('stats.pageTitle', 'User Statistics'); const badge = document.getElementById('stats-active-year-badge'); if (badge) { badge.textContent = String(activeYear); @@ -656,7 +679,7 @@ window.addEventListener('DOMContentLoaded', async function () { const userTableBody = document.getElementById('user-table-body'); // Check visibility config for Bon picks column - let showBonPicksColumn = true; + let showBonPicksColumn = false; try { const visibilityRes = await fetch('/api/settings/visibility-config', { cache: 'no-store' }); if (visibilityRes.ok) { @@ -694,7 +717,8 @@ window.addEventListener('DOMContentLoaded', async function () { // Update Films column header with total const filmsHeader = document.getElementById('films-header'); if (filmsHeader && totalMovies > 0) { - filmsHeader.innerHTML = `Films (${totalMovies})`; + const filmsLabel = (window.i18n && typeof window.i18n.t === 'function') ? window.i18n.t('stats.films') : 'Movies'; + filmsHeader.innerHTML = `${filmsLabel} (${totalMovies})`; } stats.forEach((userStat, index) => { @@ -751,7 +775,7 @@ window.addEventListener('DOMContentLoaded', async function () { const statsError = document.getElementById('stats-error'); if (table) table.classList.add('d-none'); if (statsError) { - statsError.textContent = "Impossible de charger le classement pour le moment."; + statsError.textContent = t('stats.unableToLoadRanking', 'Unable to load the ranking right now.'); statsError.classList.remove('d-none'); } // Still attempt to render these sections even if stats fail (best effort) diff --git a/public/js/app_version.js b/public/js/app_version.js index 618788b..dff41e7 100644 --- a/public/js/app_version.js +++ b/public/js/app_version.js @@ -3,8 +3,20 @@ const res = await fetch('/api/version'); if (res.ok) { const data = await res.json(); + if (window.i18n && typeof window.i18n.init === 'function') { + try { + await window.i18n.init(); + } catch (_) {} + } + const hasI18n = window.i18n && typeof window.i18n.t === 'function'; + let message = data.message || ''; + if (data && data.configured === false) { + if (hasI18n) { + message = window.i18n.t('footer.versionNotConfigured'); + } + } // Update footer with the fetched version info - const footerText = `${data.date} - ${data.version} - ${data.message}`; + const footerText = `${data.date} - ${data.version} - ${message}`; document.getElementById('footer-text').textContent = footerText; } else { document.getElementById('footer-text').textContent = ''; diff --git a/public/js/app_view-picks.js b/public/js/app_view-picks.js index 257b744..8dc478a 100644 --- a/public/js/app_view-picks.js +++ b/public/js/app_view-picks.js @@ -41,6 +41,27 @@ let categories = []; let currentYear = new Date().getFullYear(); + function t(key, fallback, params) { + try { + if (window.i18n && typeof window.i18n.t === 'function') { + return window.i18n.t(key, params || {}); + } + } catch (_) {} + let out = (typeof fallback === 'string') ? fallback : String(key); + if (params && typeof params === 'object') { + Object.keys(params).forEach((k) => { + out = out.replace(new RegExp(`\\{${k}\\}`, 'g'), String(params[k])); + }); + } + return out; + } + + function getLocale() { + return (window.i18n && typeof window.i18n.getLanguage === 'function') + ? window.i18n.getLanguage() + : (document.documentElement.lang || 'en'); + } + function showAlert(message, type = 'info') { const container = document.getElementById('alert-container'); if (!container) return; @@ -91,7 +112,7 @@ renderPicks(); } catch (err) { console.error('Error fetching picks:', err); - showAlert('Erreur lors du chargement des choix: ' + err.message, 'danger'); + showAlert(t('viewPicks.errorLoading', 'Error loading picks: {error}', { error: err.message }), 'danger'); } } @@ -102,7 +123,7 @@ if (allPicks.length === 0) { container.innerHTML = `
- Aucun utilisateur n'a encore soumis ses choix pour l'année ${currentYear}. + ${t('viewPicks.noPicks', 'No user has submitted picks for year {year} yet.', { year: currentYear })}
`; return; @@ -115,9 +136,19 @@ }); container.innerHTML = allPicks.map(pick => { - const userName = pick.userId?.name || 'Utilisateur inconnu'; + const userName = pick.userId?.name || t('viewPicks.unknownUser', 'Unknown user'); const userEmail = pick.userId?.email || ''; - const submittedDate = pick.submittedAt ? new Date(pick.submittedAt).toLocaleString('fr-FR') : '—'; + let submittedDate = '—'; + if (pick.submittedAt) { + const d = new Date(pick.submittedAt); + if (!Number.isNaN(d.getTime())) { + try { + submittedDate = d.toLocaleString(getLocale(), { dateStyle: 'medium', timeStyle: 'short' }); + } catch (_) { + submittedDate = d.toLocaleString(); + } + } + } // Create a map of picks by category const picksMap = new Map(); @@ -141,7 +172,7 @@ ${cat.categoryNumber}. ${cat.categoryName}
${selected}
- ${isWinner ? 'Gagnant' : ''} + ${isWinner ? `${t('viewPicks.winnerBadge', 'Winner')}` : ''}
`; @@ -156,13 +187,13 @@ ${userEmail}
- Soumis le: ${submittedDate}
- ${pick.picks.length} / ${categories.length} catégories + ${t('viewPicks.submittedOn', 'Submitted on: {date}', { date: submittedDate })}
+ ${t('viewPicks.categoriesCount', '{count} / {total} categories', { count: pick.picks.length, total: categories.length })}
- ${picksList || '
Aucun choix enregistré
'} + ${picksList || `
${t('viewPicks.noPicks2', 'No picks recorded')}
`}
`; @@ -172,7 +203,7 @@ // Event listeners document.getElementById('refresh-picks')?.addEventListener('click', () => { fetchAllPicks(); - showAlert('Choix rafraîchis', 'info'); + showAlert(t('viewPicks.picksRefreshed', 'Picks refreshed'), 'info'); }); // Initial load diff --git a/public/js/localization.js b/public/js/localization.js new file mode 100644 index 0000000..fc62853 --- /dev/null +++ b/public/js/localization.js @@ -0,0 +1,306 @@ +/** + * Lightweight i18n module for Oscar Pool + * Supports English (base) and French translations + */ +(function() { + 'use strict'; + + const STORAGE_KEY = 'app_language'; + const DEFAULT_LANG = 'en'; + const SUPPORTED_LANGS = ['en', 'fr']; + + let currentLang = DEFAULT_LANG; + let translations = {}; + let loadedLangs = new Set(); + let initPromise = null; + + /** + * Detect language from: localStorage → browser → default + */ + function detectLanguage() { + const stored = localStorage.getItem(STORAGE_KEY); + if (stored && SUPPORTED_LANGS.includes(stored)) { + return stored; + } + + const browserLang = (navigator.language || navigator.userLanguage || '').split('-')[0].toLowerCase(); + if (SUPPORTED_LANGS.includes(browserLang)) { + return browserLang; + } + + return DEFAULT_LANG; + } + + /** + * Load translation file for a language + */ + async function loadTranslations(lang) { + if (loadedLangs.has(lang)) return true; + + try { + const res = await fetch(`/locales/${lang}.json`, { cache: 'default' }); + if (!res.ok) { + console.warn(`i18n: Failed to load ${lang}.json (${res.status})`); + return false; + } + const data = await res.json(); + translations[lang] = data; + loadedLangs.add(lang); + return true; + } catch (err) { + console.warn(`i18n: Error loading ${lang}.json`, err); + return false; + } + } + + /** + * Translate a key with optional interpolation + * @param {string} key - Translation key (e.g., 'nav.logout') + * @param {Object} params - Optional parameters for interpolation + * @returns {string} - Translated string or key if not found + */ + function t(key, params = {}) { + if (!key) return ''; + + // Try current language, then fallback to default + let text = translations[currentLang]?.[key]; + if (text === undefined && currentLang !== DEFAULT_LANG) { + text = translations[DEFAULT_LANG]?.[key]; + } + if (text === undefined) { + // Return key as fallback (helps identify missing translations) + return key; + } + + // Simple interpolation: {varName} → value + if (params && typeof params === 'object') { + Object.keys(params).forEach(k => { + const regex = new RegExp(`\\{${k}\\}`, 'g'); + text = text.replace(regex, String(params[k])); + }); + } + + return text; + } + + /** + * Set the current language + */ + function setLanguage(lang) { + if (!SUPPORTED_LANGS.includes(lang)) { + console.warn(`i18n: Unsupported language "${lang}"`); + return false; + } + currentLang = lang; + localStorage.setItem(STORAGE_KEY, lang); + document.documentElement.lang = lang; + return true; + } + + /** + * Get the current language + */ + function getLanguage() { + return currentLang; + } + + /** + * Get list of supported languages + */ + function getSupportedLanguages() { + return [...SUPPORTED_LANGS]; + } + + /** + * Translate all elements with data-i18n attributes + */ + function translatePage() { + // Translate text content + document.querySelectorAll('[data-i18n]').forEach(el => { + const key = el.getAttribute('data-i18n'); + if (!key) return; + + // Check for interpolation params + const paramsAttr = el.getAttribute('data-i18n-params'); + let params = {}; + if (paramsAttr) { + try { + params = JSON.parse(paramsAttr); + } catch (_) { + // Ignore invalid JSON + } + } + + const translated = t(key, params); + if (translated !== key) { + el.textContent = translated; + } + }); + + // Translate placeholders + document.querySelectorAll('[data-i18n-placeholder]').forEach(el => { + const key = el.getAttribute('data-i18n-placeholder'); + if (!key) return; + const translated = t(key); + if (translated !== key) { + el.placeholder = translated; + } + }); + + // Translate aria-labels + document.querySelectorAll('[data-i18n-aria-label]').forEach(el => { + const key = el.getAttribute('data-i18n-aria-label'); + if (!key) return; + const translated = t(key); + if (translated !== key) { + el.setAttribute('aria-label', translated); + } + }); + + // Translate titles + document.querySelectorAll('[data-i18n-title]').forEach(el => { + const key = el.getAttribute('data-i18n-title'); + if (!key) return; + const translated = t(key); + if (translated !== key) { + el.title = translated; + } + }); + + // Translate option values in selects + document.querySelectorAll('option[data-i18n]').forEach(el => { + const key = el.getAttribute('data-i18n'); + if (!key) return; + const translated = t(key); + if (translated !== key) { + el.textContent = translated; + } + }); + + // Mark body as ready (for CSS transitions) + document.body.classList.add('i18n-ready'); + } + + /** + * Update a single element's translation (for dynamic content) + */ + function translateElement(el, key, params = {}) { + if (!el || !key) return; + el.textContent = t(key, params); + } + + /** + * Fetch language setting from server (optional, for admin-set language) + */ + async function fetchServerLanguage() { + try { + const res = await fetch('/api/settings/language', { + method: 'GET', + cache: 'no-store' + }); + if (res.ok) { + const data = await res.json(); + if (data.language && SUPPORTED_LANGS.includes(data.language)) { + return data.language; + } + } + } catch (_) { + // Silently fail - use local detection + } + return null; + } + + /** + * Initialize i18n system + * @param {string} forceLang - Optional language to force (bypasses detection) + */ + async function init(forceLang = null) { + // Prevent multiple concurrent initializations + if (initPromise) return initPromise; + + initPromise = (async () => { + // Determine language to use + let lang = forceLang; + + if (!lang) { + // Try server setting first (if user is logged in and admin set a language) + const serverLang = await fetchServerLanguage(); + if (serverLang) { + lang = serverLang; + } else { + lang = detectLanguage(); + } + } + + // Always load default language as fallback + await loadTranslations(DEFAULT_LANG); + + // Load current language if different + if (lang !== DEFAULT_LANG) { + const loaded = await loadTranslations(lang); + if (!loaded) { + lang = DEFAULT_LANG; + } + } + + setLanguage(lang); + translatePage(); + + return lang; + })(); + + return initPromise; + } + + /** + * Change language and re-translate page + */ + async function changeLanguage(lang) { + if (!SUPPORTED_LANGS.includes(lang)) { + console.warn(`i18n: Unsupported language "${lang}"`); + return false; + } + + // Load translations if not already loaded + if (!loadedLangs.has(lang)) { + const loaded = await loadTranslations(lang); + if (!loaded) return false; + } + + setLanguage(lang); + translatePage(); + return true; + } + + /** + * Check if translations are loaded + */ + function isReady() { + return loadedLangs.size > 0; + } + + // Expose globally + window.i18n = { + t, + init, + setLanguage, + getLanguage, + changeLanguage, + getSupportedLanguages, + translatePage, + translateElement, + loadTranslations, + fetchServerLanguage, + isReady, + DEFAULT_LANG, + SUPPORTED_LANGS + }; + + // Auto-initialize when DOM is ready + if (document.readyState === 'loading') { + document.addEventListener('DOMContentLoaded', () => init()); + } else { + // DOM already loaded + init(); + } +})(); diff --git a/public/locales/en.json b/public/locales/en.json new file mode 100644 index 0000000..d83ab96 --- /dev/null +++ b/public/locales/en.json @@ -0,0 +1,587 @@ +{ + "nav.films": "Movies", + "nav.checklist": "Checklist", + "nav.stats": "Stats", + "nav.myPicks": "My picks", + "nav.admin": "Admin", + "nav.logout": "Log out", + "nav.viewAllPicks": "View All Picks", + + "common.loading": "Loading…", + "common.preparingPage": "Preparing page…", + "common.errorLoading": "Error loading.", + "common.save": "Save", + "common.cancel": "Cancel", + "common.delete": "Delete", + "common.confirm": "Confirm", + "common.refresh": "Refresh", + "common.close": "Close", + "common.copy": "Copy", + "common.reset": "Reset", + "common.add": "Add", + "common.edit": "Edit", + "common.remove": "Remove", + "common.create": "Create", + "common.actions": "Actions", + "common.yes": "Yes", + "common.no": "No", + "common.all": "All", + "common.none": "None", + "common.search": "Search", + "common.filter": "Filter", + "common.year": "Year", + "common.name": "Name", + "common.email": "Email", + "common.status": "Status", + "common.date": "Date", + "common.title": "Title", + "common.description": "Description", + "common.networkError": "Network error", + "common.errorOccurred": "An error occurred", + "common.errorPrefix": "Error:", + "common.saving": "Saving...", + "common.success": "Success", + "common.toggleDarkMode": "Toggle dark mode", + "common.details": "Details", + "common.oscarPool": "Oscar Pool", + + "auth.login": "Login", + "auth.register": "Register", + "auth.email": "Email", + "auth.password": "Password", + "auth.name": "Name", + "auth.noAccount": "No account?", + "auth.hasAccount": "Already have an account?", + "auth.signUp": "Sign up", + "auth.signIn": "Sign in", + "auth.forgotPassword": "Forgot password?", + "auth.emailPlaceholder": "your@email.com", + "auth.namePlaceholder": "Your name", + "auth.passwordMin": "Minimum {min} characters", + "auth.passwordsDoNotMatch": "Passwords do not match", + "auth.confirmPassword": "Confirm password", + "auth.createAdminAccount": "Create admin account", + "auth.firstTimeSetup": "First time setup", + "auth.noAdminExists": "No administrator exists. Create the first admin account to get started.", + "auth.registrationStatus": "Registration status", + "auth.returnToHome": "Return to home page", + "auth.setupRequired": "Setup required", + "auth.appMustBeConfigured": "The application must first be configured by an administrator.", + "auth.goToSetup": "Go to setup page", + "auth.dogQuestion": "What is Cath & Nath's dog's name?", + "auth.errorCreatingAccount": "Error creating account", + "auth.networkErrorRetry": "Network error. Please try again.", + "auth.userNotFound": "User not found", + "auth.dogAnswerIncorrect": "Incorrect dog name.", + "auth.registrationSuccess": "User registered successfully!", + "auth.tempPasswordExpired": "Temporary password expired. Ask an admin to reset your password.", + "auth.passwordMinLength": "Password must be at least 8 characters.", + "auth.loginFailed": "Login failed", + "auth.invalidCredentials": "Invalid credentials", + "auth.tempPasswordExpired": "Temporary password expired. Ask an admin to reset your password.", + + "changePassword.title": "Change Password", + "changePassword.tempPassword": "Your account uses a temporary password. Please set a new password to continue.", + "changePassword.newPassword": "New password", + "changePassword.minChars": "Minimum 8 characters.", + "changePassword.passwordTooShort": "Password must be at least 8 characters.", + + "movies.title": "Movies", + "movies.lastUpdated": "Last movie update:", + "movies.watchedRatio": "Watched: {watched} / {total} ({percent}%)", + "movies.timeUntilOscars": "Time until the Oscars ({date} {year}) — {timeLeft}", + "movies.timeUntilOscarsLabel": "Time until the Oscars", + "movies.daysLeft": "{days} days", + "movies.hoursLeft": "{hours} hours", + "movies.unwatchedOnly": "Unwatched movies only", + "movies.clickToPlay": "Click the poster or title to open the player.", + "movies.watched": "WATCHED", + "movies.noSource": "No source", + "movies.nominatedCategories": "Nominated categories", + "movies.resumeAt": "Resume at {time}", + "movies.userRating": "User rating {rating}", + "movies.errorLoading": "Error loading.", + "movies.errorLoadingList": "Unable to load movie list. Try again in a moment.", + "movies.errorLoading": "Unable to load movies. Check your connection and try again.", + "movies.unableToLoadMovies": "Unable to load movies. Please try again later.", + "movies.unableToLoadMoviesNetwork": "Unable to load movies. Check your connection and try again.", + "movies.loadingMovies": "Loading movies", + "movies.fetchingData": "Fetching data…", + "movies.viewOnImdb": "View on IMDb", + + "checklist.title": "Checklist", + "checklist.seen": "Seen", + "checklist.filmTitle": "Title", + "checklist.date": "Date", + "checklist.watchedOn": "Watched on:", + "checklist.confirmRemoval": "Confirm removal", + "checklist.removeConfirmText": "Are you sure you want to remove {title} from your list?", + "checklist.moviesToWatchPerDay": "Movies to watch per day: {count} films", + "checklist.congratulations": "Congratulations! very nice 🎉🎉🎉", + "checklist.browserNoVideo": "Your browser does not support video.", + "checklist.loadingChecklist": "Loading checklist", + "checklist.errorLoading": "Error loading.", + "checklist.unableToLoad": "Unable to load checklist. Please try again later.", + "checklist.unableToLoadNetwork": "Unable to load checklist. Check your connection and try again.", + "checklist.march15": "March 15", + "checklist.loadingMovies": "Loading movies…", + + "picks.title": "My picks", + "picks.myPicks": "My picks", + "picks.pageTitleWithYear": "Oscar Pool ({year}) - My picks", + "picks.pageTitleChoicesWithYear": "Oscar Pool ({year}) - My picks", + "picks.scores": "Scores", + "picks.winners": "Winners", + "picks.adminBadge": "Admin", + "picks.year": "Year:", + "picks.progress": "Progress:", + "picks.reload": "Reload", + "picks.loadingCategories": "Loading categories…", + "picks.scoresCalculatedAfterWinners": "Scores will be calculated after marking winners.", + "picks.winnersMarked": "winners marked", + "picks.noCategory": "No category", + "picks.noChoice": "No choice", + "picks.category": "Category", + "picks.choice": "Choice", + "picks.nominees": "Nominees", + "picks.noCategoriesFound": "No categories found for year {year}", + "picks.adminMustImportCategories": "An administrator must first import the categories.", + "picks.selectionHeader": "Selection", + "picks.winnerHeader": "Winner", + "picks.noCategoriesAvailable": "No categories available", + "picks.winnerMarkedSuccess": "Winner marked successfully", + "picks.winnerRemoved": "Winner removed", + "picks.noWinnerMarked": "No winner marked. Scores will be calculated once winners are set.", + "picks.scoresCalculated": "Scores calculated! {count} user(s) evaluated.", + "picks.scoresRefreshed": "Scores refreshed", + "picks.calculatingScores": "Calculating scores…", + "picks.calculateScores": "Calculate scores", + "picks.dataRefreshed": "Data refreshed", + "picks.noScoresAvailable": "No scores available. Users must first submit their picks.", + "picks.details": "Details", + "picks.choicesOf": "Choices of {name}", + "picks.noDetailsAvailable": "No details available.", + "picks.summary": "Summary", + "picks.correct": "{count} correct", + "picks.incorrect": "{count} incorrect", + "picks.correctPicks": "Correct ({count})", + "picks.errorLoadingCategories": "Error loading categories: {error}", + "picks.preparingPage": "Preparing page…", + "picks.errorAutoSaving": "Error auto-saving: {error}", + "picks.incompleteSelection": "You have selected only {selected} out of {total} categories. Do you want to save anyway?", + "picks.successSaved": "Your picks have been saved successfully!", + "picks.errorSubmitting": "Error submitting picks: {error}", + "picks.reloaded": "Picks reloaded", + "picks.categoryHeader": "Category", + "picks.userHeader": "User", + "picks.winnerMarked": "Winner marked successfully", + "picks.winnerDeleted": "Winner deleted", + "picks.errorUpdatingWinner": "Error: {error}", + "picks.noWinnersMarked": "No winners marked. Scores will be calculated once winners are defined.", + "picks.scoresCalculated": "Scores calculated successfully! {count} user(s) evaluated.", + "picks.errorCalculatingScores": "Error: {error}", + "picks.errorLoadingScores": "Error loading scores.", + "picks.incorrectPicks": "Incorrect ({count})", + "picks.detailsButton": "Details", + "picks.userChoicesTitle": "Picks for {user}", + "picks.noDetailsAvailable": "No details available.", + "picks.summaryTitle": "Summary", + "picks.correctCountLabel": "correct", + "picks.incorrectCountLabel": "incorrect", + "picks.totalCountLabel": "total", + "picks.correctSectionTitle": "Correct ({count})", + "picks.incorrectSectionTitle": "Incorrect ({count})", + "picks.choiceLabel": "Choice", + "picks.winnerLabel": "Winner", + "picks.noWinnerMarkedShort": "No winner marked", + "picks.noChoicesToShow": "No picks to show.", + "picks.loadingTitle": "Loading picks", + "picks.loadingSubtitle": "Fetching data…", + "picks.yourChoice": "Choice: {choice}", + "picks.winner": "Winner: {winner}", + "picks.noWinnerMarkedYet": "No winner marked", + "picks.noPicksToShow": "No picks to show.", + "picks.partialSaveConfirm": "You have only selected {selected} out of {total} categories. Do you want to save anyway?", + "picks.savedSuccessfully": "Your picks have been saved successfully!", + "picks.errorSaving": "Error saving: {error}", + "picks.errorLoadingCategories": "Error loading categories: {error}", + "picks.autoSaveError": "Auto-save error: {error}", + "picks.picksReloaded": "Picks reloaded", + "picks.choiceDetails": "Choice details", + "picks.loadingPicks": "Loading picks", + + "viewPicks.title": "View All Picks", + "viewPicks.overview": "Overview of all user picks", + "viewPicks.usersSubmitted": "{count} user(s) have submitted their picks", + "viewPicks.loadingPicks": "Loading picks…", + "viewPicks.noPicks": "No user has submitted picks for year {year} yet.", + "viewPicks.picksRefreshed": "Picks refreshed", + "viewPicks.errorLoading": "Error loading picks: {error}", + "viewPicks.unknownUser": "Unknown user", + "viewPicks.categoriesCount": "{count} / {total} categories", + "viewPicks.noPicks2": "No picks recorded", + "viewPicks.submittedOn": "Submitted on: {date}", + "viewPicks.winnerBadge": "Winner", + + "player.title": "Player", + "player.loading": "Loading…", + "player.quality": "Quality", + "player.high": "High", + "player.low": "Low", + "player.rateThisFilm": "Rate this film", + "player.star": "{count} star", + "player.stars": "{count} stars", + "player.source": "Source", + "player.progress": "Progress", + "player.noVodLink": "No VOD link configured for this movie.", + "player.missingMovieId": "Missing movie id.", + "player.noPlayableSource": "No playable source configured for this movie.", + "player.beginning": "Start", + "player.resuming": "Resuming", + "player.resumingAt": "Resuming at {time}", + "player.preparingResume": "Preparing resume…", + "player.connectionRequired": "Connection required for saving.", + "player.connection": "Connection", + "player.playFromBeginning": "Playing from the beginning", + "player.sessionExpired": "Session expired. Please reconnect to continue saving progress.", + "player.saving": "Saving…", + "player.saved": "Saved at {time}.", + "player.loadingPlayer": "Loading player…", + "player.unableToIdentifyUser": "Unable to identify user for saving progress.", + + "common.continueQuestion": "Continue?", + + "stats.title": "Statistics", + "stats.pageTitle": "User Statistics", + "stats.ranking": "Ranking", + "stats.winners": "Winners 🏆", + "stats.completers": "100%", + "stats.rank": "#", + "stats.name": "Name", + "stats.films": "Movies", + "stats.correctPicks": "Correct picks", + "stats.points": "Points", + "stats.year": "Year", + "stats.winnersColumn": "Winner(s)", + "stats.completersHelp": "Users who have watched 100% (by year)", + "stats.noWinnersDefined": "No winners defined.", + "stats.noYearsFound": "No years found.", + "stats.unableToLoadRanking": "Unable to load the ranking right now.", + "stats.totalFilms": "Total movies", + "stats.names": "Names", + "stats.moviesWatched": "Movies watched", + "stats.noMoviesToShow": "No movies to show.", + + "stats.loading": "Loading…", + "stats.preparingPage": "Preparing page…", + "stats.loadingStats": "Loading statistics", + "stats.fetchingData": "Fetching data…", + "stats.deletedUser": "(deleted user)", + "stats.tie": "tie", + "stats.unableToLoadCompleters": "Unable to load 100% completers.", + "stats.unnamed": "(unnamed)", + "stats.openLink": "Open link", + "stats.openPlayer": "Open player", + "stats.watchedOn": "Watched on {date}", + "stats.watchedMoviesUser": "Watched movies — {user} ({count})", + "stats.watchedMovies": "Watched movies ({count})", + "stats.filmCount": "{count} movie{plural}", + "stats.noFilms": "0 movies", + + "admin.movies.noMovies": "No movies.", + + "admin.title": "Oscar Pool - Admin", + + "admin.tabs.settings": "Settings", + "admin.tabs.users": "Users", + "admin.tabs.modal100": "Modal 100%", + "admin.tabs.winners": "Winners", + "admin.tabs.oscarCategories": "Oscar Categories", + "admin.tabs.backupRestore": "Backup / Restore", + "admin.tabs.version": "Version", + + "admin.settings.info": "Global site settings (year, dates, player options).", + "admin.settings.oscarDate": "Oscar Date", + "admin.settings.visibility": "Visibility", + "admin.settings.language": "Language", + "admin.settings.oscarDateDesc": "Configure the ceremony date for the countdown (Films & Checklist). Default: March 15.", + "admin.settings.oscarDateDefaultShort": "— (default: 03-15)", + "admin.settings.year": "Year", + "admin.settings.applyActiveYear": "Apply active year", + "admin.settings.yearBasedOnMovies": "Based on years present in movies.", + "admin.settings.date": "Date", + "admin.settings.dateFormat": "Format: YYYY-MM-DD.", + "admin.settings.configuredDates": "Configured dates", + "admin.settings.pointsDesc": "Configure points awarded for watched movies and correct Oscar picks.", + "admin.settings.pointsPerMovie": "Points per movie watched", + "admin.settings.pointsPerMovieDesc": "Points awarded for each completed movie.", + "admin.settings.pointsPerCorrectPick": "Points per correct pick", + "admin.settings.pointsPerCorrectPickDesc": "Points awarded for each correct Oscar pick.", + "admin.settings.reload": "Reload", + "admin.settings.pointsCalculation": "Points calculation", + "admin.settings.total": "Total", + "admin.settings.moviesWatched": "Movies watched", + "admin.settings.correctPicks": "Correct picks", + "admin.settings.pointsSaved": "Configuration saved: {p} pts/movie, {q} pts/correct pick", + "admin.settings.noYearAddMovie": "No year (add a movie)", + "admin.settings.defaultBadge": "Default", + "admin.settings.pointsMustBeNonNegative": "Points must be zero or positive", + + "admin.visibility.showPicksFeatures": "Show \"Picks\" features", + "admin.visibility.showPicksFeaturesDesc": "Controls display of \"My picks\" button in navigation and \"Correct picks\" column in statistics.", + "admin.visibility.showSourceProgress": "Show \"Source\" + \"Progress\" (admins)", + "admin.visibility.showSourceProgressDesc": "Controls display of debug block in player.html (admins only).", + "admin.visibility.showVersionTab": "Show \"Version\" tab", + "admin.visibility.showVersionTabDesc": "Controls display of the \"Version\" tab in the admin panel.", + "admin.visibility.saved": "Configuration saved", + "admin.visibility.saveError": "Error saving configuration: {error}", + + "admin.language.siteLanguage": "Site language", + "admin.language.siteLanguageDesc": "Changes the language for all users. Page refresh required.", + + "admin.version.info": "Controls the version displayed in the footer (stored in DB). Click ✓ to activate a version, then check the preview.", + "admin.version.createNew": "Create a new version", + "admin.version.createNewDesc": "Adds an entry to the history (you can activate it immediately).", + "admin.version.version": "Version", + "admin.version.versionPlaceholder": "e.g.: 1.0.1", + "admin.version.versionExample": "E.g.: 1.2.3", + "admin.version.messageOptional": "Message (optional)", + "admin.version.messagePlaceholder": "e.g.: Hotfix login", + "admin.version.messageDesc": "Short & readable (shown in footer).", + "admin.version.create": "Create", + "admin.version.createAndActivate": "Create & activate", + "admin.version.created": "Version created.", + "admin.version.createdAndActivated": "Version created & activated.", + "admin.version.confirmDelete": "Delete this version?", + + "admin.backup.chooseFile": "Choose a backup file (.ndjson.gz).", + "admin.backup.restoreWithDrop": "RESTORE with DROP: all restored collections will be replaced.", + "admin.backup.restoreWithoutDrop": "RESTORE without DROP: high risk of duplicates/errors if the DB already contains data.", + + "admin.modal100.info": "Content displayed when a user has watched 100% of films.", + "admin.modal100.content": "Content", + "admin.modal100.contentDesc": "Edit the content then save. Preview is live (not saved until you save).", + "admin.modal100.titleLabel": "Title", + "admin.modal100.titlePlaceholder": "Congratulations! ...", + "admin.modal100.textOptional": "Text (optional)", + "admin.modal100.textPlaceholder": "Text displayed in the modal (line breaks preserved)", + "admin.modal100.textDesc": "Displayed as plain text (safe). Leave empty if not needed.", + "admin.modal100.htmlOptional": "HTML (optional)", + "admin.modal100.htmlDesc": "Displayed as HTML (server removes script tags and on* handlers).", + "admin.modal100.videoSrc": "Video src (optional)", + "admin.modal100.videoSrcDesc": "Relative path (e.g.: video/reward.mp4) or full URL. Empty = no video.", + "admin.modal100.browserNoVideo": "Your browser does not support video.", + "admin.modal100.textLabel": "Text", + "admin.modal100.textInfoShort": "displayed as-is (safe), line breaks preserved.", + "admin.modal100.htmlInfoShort": "server removes script tags and on* attributes.", + "admin.modal100.videoLabel": "Video", + "admin.modal100.videoInfoShort": "accepts relative path (e.g.: video/reward.mp4) or full URL.", + + "admin.modal100.defaultTitle": "Congratulations! very nice 🎉🎉🎉", + + "admin.users.usersCount": "user(s)", + "admin.users.addUser": "Add user", + "admin.users.name": "Name", + "admin.users.status": "Status", + "admin.users.actions": "Actions", + "admin.users.loading": "Loading list…", + "admin.users.resetPassword": "Reset password", + "admin.users.resetPasswordDesc": "Generates a temporary password. The user will need to change it on next login.", + "admin.users.tempPasswordOnce": "Temporary password (shown once)", + "admin.users.generate": "Generate", + "admin.users.deleteUser": "Delete user", + "admin.users.aboutToDelete": "You are about to delete:", + "admin.users.actionIrreversible": "This action is irreversible.", + "admin.users.typeEmailToConfirm": "To confirm, type the exact email:", + "admin.users.emailPlaceholder": "email@example.com", + "admin.users.deleteButtonActivates": "The \"Delete\" button will activate only if the email matches.", + "admin.users.addUserDesc": "Create an account with a temporary password (shown once). The user will need to change it on next login.", + "admin.users.namePlaceholder": "First name / nickname", + "admin.users.reset": "Reset", + "admin.users.cannotDeleteSelf": "You cannot delete your own account from here.", + "admin.users.adminDeleteDisabled": "Deleting admin accounts is disabled via this interface.", + "admin.users.creating": "Creating…", + "admin.users.nameRequired": "Name required.", + "admin.users.emailRequired": "Email required.", + "admin.users.userCreated": "User created. Temporary password generated.", + "admin.users.tempPasswordExpires": "Expires: {expiresAt}", + "admin.users.tempPasswordGenerating": "Generating temporary password…", + "admin.users.tempPasswordGenerated": "Temporary password generated. Copy it and send it to the user.", + "admin.users.tempPasswordGeneratedOnReset": "Temporary password generated. The user must change it on next login.", + "admin.users.cannotCopyAuto": "Unable to copy automatically. Copy manually.", + "admin.users.copied": "Copied.", + "admin.users.userDeleted": "User deleted.", + "admin.movies.idCopied": "Movie ID copied.", + "admin.movies.addedWithSubtitles": "Movie added with subtitles.", + "admin.movies.addedSuccessfully": "Movie added successfully.", + "admin.movies.addedNoSubtitles": "Movie added, but subtitles were not uploaded: {error}", + "admin.movies.updatedSuccessfully": "Movie updated successfully.", + "admin.movies.updatedNoSubtitles": "Movie updated, but subtitles were not uploaded: {error}", + "admin.language.saved": "Language saved", + + "admin.movies.addInfo": "Add movies: this section auto-fetches movie info via imdb_id (OMDb).", + "admin.movies.oscarYear": "Oscar year", + "admin.movies.oscarYearDesc": "Separates movies & stats by year.", + "admin.movies.category": "Category", + "admin.movies.allYears": "All", + "admin.movies.refreshOmdb": "Refresh OMDb", + "admin.movies.selectAll": "Select all", + "admin.movies.selected": "selected", + "admin.movies.sel": "Sel.", + "admin.movies.titleCol": "Title", + "admin.movies.player": "Player", + "admin.movies.year": "Year", + "admin.movies.editMovie": "Edit movie", + "admin.movies.info": "Info", + "admin.movies.playerVideo": "Player / Video", + "admin.movies.imdbIdLabel": "IMDB ID (e.g.: tt1234567)", + "admin.movies.rating": "Rating (imdbRating)", + "admin.movies.runtime": "Runtime", + "admin.movies.runtimeExample": "E.g.: 142 min", + "admin.movies.camTag": "CAM tag", + "admin.movies.refreshFromOmdb": "Refresh from OMDb (overwrites title / plot / rating / runtime / poster)", + "admin.movies.refreshFromOmdbDesc": "If checked, the server makes a new OMDb call via IMDB ID when saving.", + "admin.movies.posterUrl": "Poster URL", + "admin.movies.description": "Description (Plot)", + "admin.movies.playerSource": "Player (source)", + "admin.movies.mode": "Mode", + "admin.movies.modeDesc": "Auto = video_src → embed_src → vod_link.", + "admin.movies.videoUrl": "Video URL (mp4/webm/m3u8)", + "admin.movies.videoUrlDesc": "If you use a server file (below) and leave this empty, it will auto-use /api/video/.", + "admin.movies.serverVideoFile": "Server video file (optional)", + "admin.movies.serverVideoFileDesc": "Relative path under VIDEO_FILES_DIR (default: public/video).", + "admin.movies.serverVideoFileLow": "Server video file (low quality, optional)", + "admin.movies.serverVideoFileLowDesc": "Relative path under VIDEO_FILES_DIR. Example: LOW/123.LOW.mp4.", + "admin.movies.subtitles": "Subtitles (SRT, optional)", + "admin.movies.existingSubtitles": "Existing subtitles:", + "admin.movies.subtitlesNote": "Add one file per language; repeat upload for multiple subtitles.", + "admin.movies.removeAllSubtitles": "Remove all subtitles", + "admin.movies.removeAllSubtitlesDesc": "Deletes VTT/SRT files and resets language/label fields.", + "admin.movies.confirmRemoveSubtitle": "Delete this subtitle?", + "admin.movies.confirmDeleteSelected": "Delete {count} movie(s)? This action is irreversible.", + "admin.movies.subtitleLang": "Language (e.g.: fr, en)", + "admin.movies.subtitleLabel": "Label (displayed)", + "admin.movies.subtitleDefault": "Default", + "admin.movies.embedUrl": "Embed URL or iframe code", + "admin.movies.legacyVodLink": "Legacy VOD link (optional)", + "admin.movies.confirmRefreshOmdb": "Refresh {count} movie(s){yearLabel} from OMDb? This operation may overwrite info (title, plot, rating, poster, runtime).", + + "admin.backup.info": "MongoDB database backup and restore.", + "admin.backup.backup": "Backup", + "admin.backup.restore": "Restore", + "admin.backup.help": "Help", + "admin.backup.backups": "Backups", + "admin.backup.backupsDesc": "Format .ndjson.gz, stored on server.", + "admin.backup.createBackup": "Create backup", + "admin.backup.file": "File", + "admin.backup.size": "Size", + "admin.backup.modified": "Modified", + "admin.backup.openTabToLoad": "Open tab to load list…", + "admin.backup.restoreBackup": "Restore a backup", + "admin.backup.restoreDesc": "Restore a .ndjson.gz file. The drop option is recommended.", + "admin.backup.restoreWarning": "Restore can overwrite data. Make a backup first if needed.", + "admin.backup.backupFile": "Backup file", + "admin.backup.dropBeforeRestore": "Drop collections before restore (recommended)", + "admin.backup.tip": "Tip", + "admin.backup.tipDesc": "Use drop unless you know exactly what you're doing (otherwise risk of duplicates/errors).", + "admin.backup.howItWorks": "How it works", + "admin.backup.backupHowDesc": "creates a .ndjson.gz file (MongoDB export) and keeps it on the server.", + "admin.backup.download": "Download", + "admin.backup.downloadDesc": "retrieves the file locally (useful before a risky operation).", + "admin.backup.restoreHowDesc": "imports the file. With drop, restored collections are deleted first.", + "admin.backup.quickCheck": "Quick check", + "admin.backup.noBackups": "No backups found.", + "admin.backup.quickCheckDesc": "After restore, reload the page and check \"Films\", \"Checklist\" and \"Stats\".", + "admin.backup.confirmDelete": "Delete backup \"{name}\"?", + "admin.backup.creating": "Creating…", + "admin.backup.created": "Backup created: {name}", + "admin.backup.noDocumentsInserted": "No documents inserted (or empty backup).", + "admin.backup.noDocumentsInserted": "No documents inserted (or empty backup).", + + "admin.categories.info": "Create and manage categories manually.", + "admin.categories.manualCreation": "Manual creation", + "admin.categories.categoryCreated": "Category created successfully.", + "admin.categories.list": "List", + "admin.categories.createManually": "Create a category manually", + "admin.categories.createManuallyDesc": "Add a category and its nominees one by one.", + "admin.categories.categoryNumber": "Category number", + "admin.categories.categoryName": "Category name", + "admin.categories.nomineesOnePerLine": "Nominees (one per line)", + "admin.categories.nomineesDesc": "Enter one nominee per line.", + "admin.categories.note": "Note", + "admin.categories.noteDesc": "You can create multiple categories for the same year. The category number must be unique per year.", + "admin.categories.importedCategories": "Imported categories", + "admin.categories.manageExisting": "Manage existing categories", + "admin.categories.allYears": "All years", + "admin.categories.categoriesSelected": "category(ies) selected", + "admin.categories.editCategory": "Edit category", + "admin.categories.selectAllTitle": "Select all", + "admin.categories.table.number": "#", + "admin.categories.table.name": "Name", + "admin.categories.table.nominees": "Nominees", + "admin.categories.table.actions": "Actions", + "admin.categories.confirmDelete": "Are you sure you want to delete this category?", + "admin.categories.confirmDeleteMultiple": "Are you sure you want to delete {count} category(ies)?\n\n{names}\n\nThis action is irreversible.", + "admin.categories.noneFound": "No categories found.", + "admin.categories.noneFoundYear": "No categories found for year {year}.", + "admin.categories.fillAllFields": "Please fill in all fields", + "admin.categories.enterAtLeastOneNominee": "Please enter at least one nominee", + "admin.categories.numberBetween1And50": "Category number must be between 1 and 50", + "admin.categories.bulkDeleteConfirm": "Are you sure you want to delete {count} category(ies)?\n\n{names}\n\nThis action is irreversible.", + + "admin.winners.info": "Define one or more winners per year (tie possible).", + "admin.winners.manage": "Manage", + "admin.winners.addWinner": "Add a winner", + "admin.winners.addWinnerDesc": "You can add multiple winners for the same year (tie).", + "admin.winners.user": "User", + "admin.winners.removeNote": "To remove: use the list below.", + "admin.winners.pointsOptional": "Points (optional)", + "admin.winners.pointsPlaceholder": "e.g.: 42", + "admin.winners.pointsDesc": "Leave empty if not applicable.", + "admin.winners.deleteAll": "Delete all", + "admin.winners.currentWinners": "Current winners", + "admin.winners.globalView": "Global view (all years).", + "admin.winners.howItWorks": "How it works", + "admin.winners.multipleWinners": "A year can have multiple winners (tie).", + "admin.winners.tieLabel": "(tie)", + "admin.winners.tie": "(tie)", + "admin.winners.chooseUser": "Choose a user.", + "admin.winners.confirmDeleteAll": "Delete all winners for {year}?", + "admin.player.errorLoading": "Unable to load player settings.", + "admin.versions.updated": "Version updated.", + "admin.versions.deleted": "Version deleted.", + "admin.winners.pointsOptionalInfo": "Points are optional (display only).", + "admin.winners.removeInfo": "To remove a winner, use the \"Remove\" button in the \"Current winners\" list.", + "admin.winners.tipDesc": "If you change the site's active year, also check the winners for that year.", + "admin.winners.removedFor": "Winner removed for {year}.", + "admin.winners.reloaded": "Winners reloaded.", + "admin.winners.deletedFor": "Winner deleted for {year}.", + "admin.winners.addedFor": "Winner added for {year}.", + "admin.backup.deleted": "Backup deleted.", + "admin.backup.restoreComplete": "Restore complete.", + "admin.movies.deletedSuccessfully": "Movie(s) deleted successfully.", + "admin.movies.updatedFromOmdb": "{count} movie(s) updated from OMDb.", + "admin.movies.omdbResults": "{success} success, {errors} error(s). {details}", + "admin.movies.subtitleDeleted": "Subtitle deleted.", + "admin.modal100.saved": "100% modal saved.", + "admin.content.reloaded": "Content reloaded.", + "admin.oscars.invalidYear": "Invalid year. Expected: 2026", + "admin.oscars.dateSaved": "Oscars date saved for {year}: {date}", + "admin.oscars.dateCleared": "Oscars date cleared for {year} (reverted to default: March 15).", + "admin.player.settingsSaved": "Player settings saved.", + "admin.player.settingsReloaded": "Player settings reloaded.", + "admin.activeYear.applied": "Active year applied: {year}", + "admin.configuration.reloaded": "Configuration reloaded.", + "admin.categories.categoryNotFound": "Category not found.", + "admin.categories.categoryDeleted": "Category deleted.", + "admin.categories.categoryUpdated": "Category updated successfully.", + "admin.categories.deletedCount": "{count} category/categories deleted{errors}", + "admin.oscars.invalidYearShort": "Invalid year.", + "admin.movies.subtitleDeleted": "Subtitle deleted.", + "admin.categories.categoryInvalid": "Invalid category.", + + "footer.oscarPool": "Oscar Pool", + "footer.by": "by", + "footer.versionNotConfigured": "Now in full HD", + "footer.versionUnavailable": "Version unavailable (DB)." +} diff --git a/public/locales/fr.json b/public/locales/fr.json new file mode 100644 index 0000000..1f27797 --- /dev/null +++ b/public/locales/fr.json @@ -0,0 +1,587 @@ +{ + "nav.films": "Films", + "nav.checklist": "Checklist", + "nav.stats": "Stats", + "nav.myPicks": "Mes picks", + "nav.admin": "Admin", + "nav.logout": "Déconnexion", + "nav.viewAllPicks": "Voir Tous les Choix", + + "common.loading": "Chargement…", + "common.preparingPage": "Préparation de la page…", + "common.errorLoading": "Erreur lors du chargement.", + "common.save": "Enregistrer", + "common.cancel": "Annuler", + "common.delete": "Supprimer", + "common.confirm": "Confirmer", + "common.refresh": "Rafraîchir", + "common.close": "Fermer", + "common.copy": "Copier", + "common.reset": "Reset", + "common.add": "Ajouter", + "common.edit": "Modifier", + "common.remove": "Retirer", + "common.create": "Créer", + "common.actions": "Actions", + "common.yes": "Oui", + "common.no": "Non", + "common.all": "Tous", + "common.none": "Aucun", + "common.search": "Rechercher", + "common.filter": "Filtrer", + "common.year": "Année", + "common.name": "Nom", + "common.email": "Courriel", + "common.status": "Statut", + "common.date": "Date", + "common.title": "Titre", + "common.description": "Description", + "common.networkError": "Erreur réseau", + "common.errorOccurred": "Une erreur est survenue", + "common.errorPrefix": "Erreur :", + "common.saving": "Enregistrement...", + "common.success": "Succès", + "common.toggleDarkMode": "Basculer le mode sombre", + "common.details": "Détails", + "common.oscarPool": "Pool Oscars", + + "auth.login": "Connexion", + "auth.register": "Enregistrer", + "auth.email": "Courriel", + "auth.password": "Mot de passe", + "auth.name": "Nom", + "auth.noAccount": "Pas de compte?", + "auth.hasAccount": "Déjà un compte?", + "auth.signUp": "Enregistrez-vous", + "auth.signIn": "Connectez-vous", + "auth.forgotPassword": "Mot de passe oublié?", + "auth.emailPlaceholder": "votre@courriel.com", + "auth.namePlaceholder": "Votre nom", + "auth.passwordMin": "Minimum {min} caractères", + "auth.passwordsDoNotMatch": "Les mots de passe ne correspondent pas", + "auth.confirmPassword": "Confirmer le mot de passe", + "auth.createAdminAccount": "Créer le compte admin", + "auth.firstTimeSetup": "Première installation", + "auth.noAdminExists": "Aucun administrateur n'existe. Créez le premier compte admin pour commencer.", + "auth.registrationStatus": "Statut de l'enregistrement", + "auth.returnToHome": "Retourner à la page d'accueil", + "auth.setupRequired": "Configuration requise", + "auth.appMustBeConfigured": "L'application doit d'abord être configurée par un administrateur.", + "auth.goToSetup": "Aller à la page de configuration", + "auth.dogQuestion": "Le nom du chien à Cath & Nath?", + "auth.errorCreatingAccount": "Erreur lors de la création du compte", + "auth.networkErrorRetry": "Erreur réseau. Veuillez réessayer.", + "auth.userNotFound": "L'utilisateur n'a pas été trouvé", + "auth.dogAnswerIncorrect": "Mauvais nom de chien.", + "auth.registrationSuccess": "L'utilisateur s'est enregistré avec succès !", + "auth.loginFailed": "Échec de connexion", + "auth.invalidCredentials": "Informations d'identification non valides", + "auth.tempPasswordExpired": "Le mot de passe temporaire a expiré. Demandez à un admin de réinitialiser votre mot de passe.", + "auth.passwordMinLength": "Le mot de passe doit contenir au moins 8 caractères.", + + "changePassword.title": "Changer le mot de passe", + "changePassword.tempPassword": "Votre compte utilise un mot de passe temporaire. Veuillez définir un nouveau mot de passe pour continuer.", + "changePassword.newPassword": "Nouveau mot de passe", + "changePassword.minChars": "Minimum 8 caractères.", + "changePassword.passwordTooShort": "Le mot de passe doit contenir au moins 8 caractères.", + + "movies.title": "Films", + "movies.lastUpdated": "Dernière mise à jour des films:", + "movies.watchedRatio": "Vu: {watched} / {total} ({percent}%)", + "movies.timeUntilOscars": "Temps avant les Oscars ({date} {year}) — {timeLeft}", + "movies.timeUntilOscarsLabel": "Temps avant les Oscars", + "movies.daysLeft": "{days} jours", + "movies.hoursLeft": "{hours} heures", + "movies.unwatchedOnly": "Films non regardés seulement", + "movies.clickToPlay": "Clique sur l'affiche ou le titre pour ouvrir le lecteur.", + "movies.watched": "VISIONNÉ", + "movies.noSource": "Aucune source", + "movies.nominatedCategories": "Catégories nominées", + "movies.resumeAt": "Reprendre à {time}", + "movies.userRating": "Note utilisateurs {rating}", + "movies.errorLoading": "Erreur lors du chargement.", + "movies.errorLoadingList": "Impossible de charger la liste des films. Réessaie dans quelques instants.", + "movies.errorLoading": "Impossible de charger les films. Vérifie ta connexion puis réessaie.", + "movies.unableToLoadMovies": "Impossible de charger la liste des films. Réessaie dans quelques instants.", + "movies.unableToLoadMoviesNetwork": "Impossible de charger les films. Vérifie ta connexion puis réessaie.", + "movies.loadingMovies": "Chargement des films", + "movies.fetchingData": "Récupération des données…", + "movies.viewOnImdb": "Voir sur IMDb", + + "checklist.title": "Checklist", + "checklist.seen": "Vu", + "checklist.filmTitle": "Titre", + "checklist.date": "Date", + "checklist.watchedOn": "Regardé le:", + "checklist.confirmRemoval": "Confirmer le retrait", + "checklist.removeConfirmText": "Es-tu sûr de vouloir retirer {title} de ta liste?", + "checklist.moviesToWatchPerDay": "À voir par jour: {count} films", + "checklist.congratulations": "Félicitations! very nice 🎉🎉🎉", + "checklist.browserNoVideo": "Votre navigateur ne supporte pas la vidéo.", + "checklist.loadingChecklist": "Chargement de la checklist", + "checklist.errorLoading": "Erreur lors du chargement.", + "checklist.unableToLoad": "Impossible de charger la checklist. Réessaie dans quelques instants.", + "checklist.unableToLoadNetwork": "Impossible de charger la checklist. Vérifie ta connexion puis réessaie.", + "checklist.march15": "15 mars", + "checklist.loadingMovies": "Chargement des films…", + + "picks.title": "Mes picks", + "picks.myPicks": "Mes picks", + "picks.pageTitleWithYear": "Pool Oscars ({year}) - Mes picks", + "picks.pageTitleChoicesWithYear": "Pool Oscars ({year}) - Mes picks", + "picks.scores": "Scores", + "picks.winners": "Gagnants", + "picks.adminBadge": "Admin", + "picks.year": "Année:", + "picks.progress": "Progression:", + "picks.reload": "Recharger", + "picks.loadingCategories": "Chargement des catégories…", + "picks.scoresCalculatedAfterWinners": "Les scores seront calculés après avoir marqué les gagnants.", + "picks.winnersMarked": "gagnants marqués", + "picks.noCategory": "Aucune catégorie", + "picks.noChoice": "Aucun choix", + "picks.category": "Catégorie", + "picks.choice": "Choix", + "picks.nominees": "Nommés", + "picks.noCategoriesFound": "Aucune catégorie trouvée pour l'année {year}", + "picks.adminMustImportCategories": "Un administrateur doit d'abord importer les catégories.", + "picks.selectionHeader": "Sélection", + "picks.winnerHeader": "Gagnant", + "picks.noCategoriesAvailable": "Aucune catégorie disponible", + "picks.winnerMarkedSuccess": "Gagnant marqué avec succès", + "picks.winnerRemoved": "Gagnant supprimé", + "picks.noWinnerMarked": "Aucun gagnant marqué. Les scores seront calculés une fois les gagnants définis.", + "picks.scoresCalculated": "Scores calculés avec succès! {count} utilisateur(s) évalué(s).", + "picks.scoresRefreshed": "Scores rafraîchis", + "picks.calculatingScores": "Calcul des scores…", + "picks.calculateScores": "Calculer les scores", + "picks.dataRefreshed": "Données rafraîchies", + "picks.noScoresAvailable": "Aucun score disponible. Les utilisateurs doivent d'abord soumettre leurs choix.", + "picks.details": "Détails", + "picks.choicesOf": "Choix de {name}", + "picks.noDetailsAvailable": "Aucun détail disponible.", + "picks.summary": "Résumé", + "picks.correct": "{count} correct(s)", + "picks.incorrect": "{count} incorrect(s)", + "picks.correctPicks": "Corrects ({count})", + "picks.errorLoadingCategories": "Erreur lors du chargement des catégories: {error}", + "picks.preparingPage": "Préparation de la page…", + "picks.errorAutoSaving": "Erreur lors de l'enregistrement automatique: {error}", + "picks.incompleteSelection": "Vous avez sélectionné que {selected} sur {total} catégories. Voulez-vous enregistrer quand même?", + "picks.successSaved": "Vos choix ont été enregistrés avec succès!", + "picks.errorSubmitting": "Erreur lors de la soumission des choix: {error}", + "picks.reloaded": "Choix rechargés", + "picks.categoryHeader": "Catégorie", + "picks.userHeader": "Utilisateur", + "picks.winnerMarked": "Gagnant marqué avec succès", + "picks.winnerDeleted": "Gagnant supprimé", + "picks.errorUpdatingWinner": "Erreur: {error}", + "picks.noWinnersMarked": "Aucun gagnant marqué. Les scores seront calculés une fois les gagnants définis.", + "picks.scoresCalculated": "Scores calculés avec succès! {count} utilisateur(s) évalué(s).", + "picks.errorCalculatingScores": "Erreur: {error}", + "picks.errorLoadingScores": "Erreur lors du chargement des scores.", "picks.incorrectPicks": "Incorrects ({count})", + "picks.detailsButton": "Détails", + "picks.userChoicesTitle": "Choix de {user}", + "picks.noDetailsAvailable": "Aucun détail disponible.", + "picks.summaryTitle": "Résumé", + "picks.correctCountLabel": "correct(s)", + "picks.incorrectCountLabel": "incorrect(s)", + "picks.totalCountLabel": "total", + "picks.correctSectionTitle": "Corrects ({count})", + "picks.incorrectSectionTitle": "Incorrects ({count})", + "picks.choiceLabel": "Choix", + "picks.winnerLabel": "Gagnant", + "picks.noWinnerMarkedShort": "Aucun gagnant marqué", + "picks.noChoicesToShow": "Aucun choix à afficher.", + "picks.loadingTitle": "Chargement des picks", + "picks.loadingSubtitle": "Récupération des données…", + "picks.yourChoice": "Choix: {choice}", + "picks.winner": "Gagnant: {winner}", + "picks.noWinnerMarkedYet": "Aucun gagnant marqué", + "picks.noPicksToShow": "Aucun choix à afficher.", + "picks.partialSaveConfirm": "Vous n'avez sélectionné que {selected} sur {total} catégories. Voulez-vous enregistrer quand même?", + "picks.savedSuccessfully": "Vos choix ont été enregistrés avec succès!", + "picks.errorSaving": "Erreur lors de l'enregistrement: {error}", + "picks.errorLoadingCategories": "Erreur lors du chargement des catégories: {error}", + "picks.autoSaveError": "Erreur lors de l'enregistrement automatique: {error}", + "picks.picksReloaded": "Choix rechargés", + "picks.choiceDetails": "Détails des choix", + "picks.loadingPicks": "Chargement des picks", + + "viewPicks.title": "Voir Tous les Choix", + "viewPicks.overview": "Vue d'ensemble de tous les choix des utilisateurs", + "viewPicks.usersSubmitted": "{count} utilisateur(s) ont soumis leurs choix", + "viewPicks.loadingPicks": "Chargement des choix…", + "viewPicks.noPicks": "Aucun utilisateur n'a encore soumis ses choix pour l'année {year}.", + "viewPicks.picksRefreshed": "Choix rafraîchis", + "viewPicks.errorLoading": "Erreur lors du chargement des choix: {error}", + "viewPicks.unknownUser": "Utilisateur inconnu", + "viewPicks.categoriesCount": "{count} / {total} catégories", + "viewPicks.noPicks2": "Aucun choix enregistré", + "viewPicks.submittedOn": "Soumis le: {date}", + "viewPicks.winnerBadge": "Gagnant", + + "player.title": "Lecteur", + "player.loading": "Chargement…", + "player.quality": "Qualité", + "player.high": "Haute", + "player.low": "Basse", + "player.rateThisFilm": "Noter ce film", + "player.star": "{count} étoile", + "player.stars": "{count} étoiles", + "player.source": "Source", + "player.progress": "Progress", + "player.noVodLink": "Aucun lien VOD configuré pour ce film.", + "player.missingMovieId": "ID du film manquant.", + "player.noPlayableSource": "Aucune source de lecture configurée pour ce film.", + "player.beginning": "Début", + "player.resuming": "Reprise", + "player.resumingAt": "Reprise à {time}", + "player.preparingResume": "Prépare la reprise…", + "player.connectionRequired": "Connexion requise pour sauvegarder.", + "player.connection": "Connexion", + "player.playFromBeginning": "Lecture depuis le début", + "player.sessionExpired": "Session expirée. Reconnecte-toi pour continuer à sauvegarder la progression.", + "player.beginning": "Début", + "player.resuming": "Reprise", + "player.resumingAt": "Reprise à {time}", + "player.preparingResume": "Prépare la reprise…", + "player.connectionRequired": "Connexion requise pour sauvegarder.", + "player.connection": "Connexion", + "player.playFromBeginning": "Lecture depuis le début", + "player.saving": "Sauvegarde…", + "player.saved": "Sauvegardé à {time}.", + "player.loadingPlayer": "Chargement du lecteur", + "player.unableToIdentifyUser": "Impossible d'identifier l'utilisateur pour sauvegarder la progression.", + + "common.continueQuestion": "Continuer ?", + "player.connectionRequired": "Connexion requise pour sauvegarder.", + "player.connection": "Connexion", + "player.playFromBeginning": "Lecture depuis le début", + "player.sessionExpired": "Session expirée. Reconnecte-toi pour continuer à sauvegarder la progression.", + + "stats.title": "Statistiques", + "stats.pageTitle": "Statistiques des utilisateurs", + "stats.ranking": "Classement", + "stats.winners": "Gagnants 🏆", + "stats.completers": "100%", + "stats.rank": "#", + "stats.name": "Nom", + "stats.films": "Films", + "stats.correctPicks": "Bon picks", + "stats.points": "Points", + "stats.year": "Année", + "stats.winnersColumn": "Gagnant(s)", + "stats.completersHelp": "Utilisateurs ayant terminé 100% (par année)", + "stats.noWinnersDefined": "Aucun gagnant défini.", + "stats.noYearsFound": "Aucune année trouvée.", + "stats.unableToLoadRanking": "Impossible de charger le classement pour le moment.", + "stats.totalFilms": "Total films", + "stats.names": "Noms", + "stats.moviesWatched": "Films regardés", + "stats.noMoviesToShow": "Aucun film à afficher.", + + "stats.loading": "Chargement…", + "stats.preparingPage": "Préparation de la page…", + "stats.loadingStats": "Chargement des statistiques", + "stats.fetchingData": "Récupération des données…", + "stats.deletedUser": "(utilisateur supprimé)", + "stats.tie": "égalité", + "stats.unableToLoadCompleters": "Impossible de charger les finisseurs 100%.", + "stats.unnamed": "(sans nom)", + "stats.openLink": "Ouvrir le lien", + "stats.openPlayer": "Ouvrir le lecteur", + "stats.watchedOn": "Vu le {date}", + "stats.watchedMoviesUser": "Films regardés — {user} ({count})", + "stats.watchedMovies": "Films regardés ({count})", + "stats.filmCount": "{count} film{plural}", + "stats.noFilms": "0 films", + + "admin.movies.noMovies": "Aucun film.", + + "admin.title": "Pool Oscars - Admin", + + "admin.tabs.settings": "Réglages", + "admin.tabs.users": "Utilisateurs", + "admin.tabs.modal100": "Modal 100%", + "admin.tabs.winners": "Gagnants", + "admin.tabs.oscarCategories": "Catégories Oscars", + "admin.tabs.backupRestore": "Backup / Restore", + "admin.tabs.version": "Version", + + "admin.settings.info": "Paramètres globaux du site (année, dates, options du lecteur).", + "admin.settings.oscarDate": "Date Oscars", + "admin.settings.visibility": "Visibilité", + "admin.settings.language": "Langue", + "admin.settings.oscarDateDesc": "Configure la date de cérémonie pour le compte à rebours (Films & Checklist). Défaut: 15 mars.", + "admin.settings.oscarDateDefaultShort": "— (défaut: 03-15)", + "admin.settings.year": "Année", + "admin.settings.applyActiveYear": "Appliquer l'année active", + "admin.settings.yearBasedOnMovies": "Basé sur les années présentes dans les films.", + "admin.settings.date": "Date", + "admin.settings.dateFormat": "Format: YYYY-MM-DD.", + "admin.settings.configuredDates": "Dates configurées", + "admin.settings.pointsDesc": "Configure les points attribués pour les films regardés et les bonnes réponses aux Oscars.", + "admin.settings.pointsPerMovie": "Points par film regardé", + "admin.settings.pointsPerMovieDesc": "Points attribués pour chaque film complété.", + "admin.settings.pointsPerCorrectPick": "Points par bonne réponse", + "admin.settings.pointsPerCorrectPickDesc": "Points attribués pour chaque bonne réponse aux Oscars.", + "admin.settings.reload": "Recharger", + "admin.settings.pointsCalculation": "Calcul des points", + "admin.settings.total": "Total", + "admin.settings.moviesWatched": "Films regardés", + "admin.settings.correctPicks": "Bons picks", + "admin.settings.pointsSaved": "Configuration enregistrée: {p} pts/film, {q} pts/bonne réponse", + "admin.settings.noYearAddMovie": "Aucune année (ajoute un film)", + + "admin.visibility.showPicksFeatures": "Afficher les fonctionnalités \"Picks\"", + "admin.visibility.showPicksFeaturesDesc": "Contrôle l'affichage du bouton \"Mes picks\" dans la navigation et de la colonne \"Bon picks\" dans les statistiques.", + "admin.visibility.showSourceProgress": "Afficher \"Source\" + \"Progress\" (admins)", + "admin.visibility.showSourceProgressDesc": "Contrôle l'affichage du bloc debug dans player.html (admins uniquement).", + "admin.visibility.showVersionTab": "Afficher l'onglet \"Version\"", + "admin.visibility.showVersionTabDesc": "Contrôle l'affichage de l'onglet \"Version\" dans le panneau admin.", + "admin.visibility.saved": "Configuration enregistrée", + "admin.visibility.saveError": "Erreur lors de l'enregistrement : {error}", + + "admin.language.siteLanguage": "Langue du site", + "admin.language.siteLanguageDesc": "Change la langue pour tous les utilisateurs. Rafraîchissement de page requis.", + + "admin.version.info": "Contrôle la version affichée dans le footer (stockée en DB). Clique sur ✓ pour activer une version, puis vérifie l'aperçu.", + "admin.version.createNew": "Créer une nouvelle version", + "admin.version.createNewDesc": "Ajoute une entrée dans l'historique (tu peux l'activer immédiatement).", + "admin.version.version": "Version", + "admin.version.versionPlaceholder": "ex: 1.0.1", + "admin.version.versionExample": "Ex: 1.2.3", + "admin.version.messageOptional": "Message (optionnel)", + "admin.version.messagePlaceholder": "ex: Hotfix login", + "admin.version.messageDesc": "Court & lisible (affiché dans le footer).", + "admin.version.create": "Créer", + "admin.version.createAndActivate": "Créer & activer", + "admin.version.created": "Version créée.", + "admin.version.createdAndActivated": "Version créée & activée.", + "admin.version.confirmDelete": "Supprimer cette version ?", + + "admin.backup.chooseFile": "Choisis un fichier de sauvegarde (.ndjson.gz).", + "admin.backup.restoreWithDrop": "RESTORE avec DROP: toutes les collections restaurées seront remplacées.", + "admin.backup.restoreWithoutDrop": "RESTORE sans DROP: risque élevé de doublons/erreurs si la DB contient déjà des données.", + "admin.backup.noDocumentsInserted": "Aucun document inséré (ou backup vide).", + + "admin.modal100.info": "Contenu affiché quand un utilisateur a vu 100% des films.", + "admin.modal100.content": "Contenu", + "admin.modal100.contentDesc": "Modifie le contenu puis enregistre. L'aperçu est live (non sauvegardé tant que tu n'enregistres pas).", + "admin.modal100.titleLabel": "Titre", + "admin.modal100.titlePlaceholder": "Félicitations! ...", + "admin.modal100.textOptional": "Texte (optionnel)", + "admin.modal100.textPlaceholder": "Texte affiché dans le modal (retours à la ligne conservés)", + "admin.modal100.textDesc": "Affiché en texte brut (safe). Laisse vide si tu n'en veux pas.", + "admin.modal100.htmlOptional": "HTML (optionnel)", + "admin.modal100.htmlDesc": "Affiché comme HTML (le serveur retire les + + + + + - - + -

Déjà un compte? Connectez-vous

+

Already have an account? Sign in

@@ -86,15 +102,15 @@
- +
- - + +
diff --git a/public/user-stat.html b/public/user-stat.html index ee916d6..3d4e541 100644 --- a/public/user-stat.html +++ b/public/user-stat.html @@ -3,11 +3,29 @@ - Pool Oscars - Statistiques des utilisateurs + Oscar Pool - Statistics + + +