Gs Tv 24

Live Match Tracker - Tempo Reale

body { font-family: 'Inter', sans-serif; background-color: #0f172a; color: #f8fafc; } /* Animazione per il pallino LIVE */ @keyframes pulse-red { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.3); opacity: 0.4; } } .live-dot { animation: pulse-red 1.5s infinite; } /* Animazione Celebrazione GOL */ @keyframes goal-pop { 0% { transform: scale(0.5); opacity: 0; } 50% { transform: scale(1.08); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } .goal-banner { animation: goal-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; } /* Custom Scrollbar */ ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track { background: #1e293b; } ::-webkit-scrollbar-thumb { background: #475569; border-radius: 3px; }

Connessione al Cloud Globale...

Canale: Usa

Vista Tifosi Regia Campo WordPress & Cloud

Attenzione: Stai usando il file fuori dall'ambiente Cloud preconfigurato! Per far sì che gli aggiornamenti dal tuo cellulare si vedano in tutto il mondo sul tuo sito WordPress , clicca su "WordPress & Cloud" e incolla le credenziali gratuite Firebase (richiede 1 minuto). Attiva Cloud Globale

⚽ GOOOOL!

0 - 0

IN ATTESA 00:00 +0' rec

CAS Squadra Casa Casa

0 - 0

OSP Squadra Ospite Ospiti

Cronaca Live 0 Statistiche Partita

Azioni in Tempo Reale Aggiornamento automatico

In attesa del calcio d'inizio...

Gli eventi della partita appariranno qui in tempo reale.

Statistiche in Tempo Reale

REGIA CLOUD IN TEMPO REALE ATTIVA: Ogni pulsante che premi dal telefono invia l'aggiornamento istantaneo nel database Cloud a tutti i visitatori nel mondo. Pronto

1. Fischio & Fasi di Gioco -1' +1' Pausa/Riprendi

Calcio d'Inizio (1°T)

Fine 1°T (Intervallo)

Inizio 2° Tempo

Fine Partita

Minuti di Recupero: 0' +1' +2' +3' +4' +5' +6'

2. Registra Azione (Gol, Tiri, Cartellini)

Seleziona Squadra dell'azione: Squadra Casa Squadra Ospite

Nome Giocatore / Numero (opzionale): Nota / Dettaglio (opzionale):

⚽ GOL!

🎯 Tiro in Porta

💨 Tiro Fuori

🟨 Ammonizione

🟥 Espulsione

3. Correzione Rapida Eventi (Annulla Errori) Annulla Ultimo

4. Impostazioni Squadre & Nuova Partita

Squadra Casa

Squadra Ospite

PIN Protezione Regia Campo Impedisce ai visitatori del sito WordPress di toccare i pulsanti della regia.

Salva Nomi, Colori e PIN

Azzera / Nuova Partita

Accesso Regia Campo Inserisci il PIN amministratore per sbloccare i pulsanti di aggiornamento in tempo reale (PIN predefinito: 1234 ).

PIN errato! Riprova.

Annulla Sblocca Regia

Azzerare tutta la partita? Il punteggio tornerà 0-0, il cronometro verrà fermato e tutti gli eventi della cronaca verranno cancellati.

Annulla Sì, Azzera

Sincronizzazione Globale su WordPress

Perché qui funziona subito e come farlo funzionare sul tuo dominio WordPress: In questa finestra il programma usa già un server Cloud Firebase integrato: se apri questa pagina da due dispositivi vedrai gli aggiornamenti in diretta. Tuttavia, se copi il codice dentro il tuo sito WordPress esterno , il tuo sito ha bisogno di una sua "antenna Cloud" (gratuita con Google Firebase) per trasmettere dal tuo telefono a tutti i tifosi nel mondo!

Passo 1 (Opzionale per siti esterni): Collega il tuo Cloud Firebase Gratuito Vai su console.firebase.google.com , crea un progetto gratuito e attiva Firestore Database (in modalità Test / Pubblica ) e Authentication -> Anonimo . Copia l'oggetto firebaseConfig che ti fornisce Google e incollalo qui sotto per salvarlo o generare il codice WordPress già pronto: Connetti a questo Cloud Firebase

Passo 2: Come usarlo dal telefono e dai computer dei tifosi Per i Tifosi in tutto il mondo: Aprono la pagina del tuo sito WordPress e vedono automaticamente la Vista Tifosi aggiornarsi da sola ogni volta che segni un gol, un tiro o un cartellino. Per Te dallo Stadio (Smartphone): Apri la stessa identica pagina dal tuo cellulare, tocca il bottone "Regia Campo" , inserisci il tuo PIN (predefinito 1234 ) e aggiorna la partita in tempo reale!

Chiudi

Azione registrata!

import { initializeApp, getApps } from "https://www.gstatic.com/firebasejs/11.6.1/firebase-app.js"; import { getAuth, signInAnonymously, signInWithCustomToken, onAuthStateChanged } from "https://www.gstatic.com/firebasejs/11.6.1/firebase-auth.js"; import { getFirestore, doc, setDoc, onSnapshot } from "https://www.gstatic.com/firebasejs/11.6.1/firebase-firestore.js";

// ============================================================================ // INCOLLA QUI LA TUA CONFIGURAZIONE FIREBASE SE USI IL FILE SU UN HOST ESTERNO // ============================================================================ const EXTERNAL_FIREBASE_CONFIG = null; // Esempio: const EXTERNAL_FIREBASE_CONFIG = { apiKey: "...", authDomain: "...", projectId: "..." };

// Stato iniziale della partita sincronizzato nel Cloud let matchState = { homeTeam: "Squadra Casa", awayTeam: "Squadra Ospite", homeColor: "#2563eb", awayColor: "#dc2626", adminPin: "1234", status: "WAITING", // WAITING, FIRST_HALF, HALF_TIME, SECOND_HALF, FULL_TIME isRunning: false, baseElapsedSeconds: 0, lastResumeTimestamp: null, stoppageTime: 0, events: [], lastGoalId: null, updatedAt: 0 };

let selectedTeamForAction = "home"; let currentMode = "public"; let isAdminUnlocked = false; let lastSeenGoalId = null; let currentChannelId = "partita_principale";

// Riferimenti Firebase Cloud let db = null; let auth = null; let currentUser = null; let matchDocRef = null; let unsubscribeSnapshot = null; let isCloudActive = false;

// Inizializza la connessione Realtime Firestore Globale (con supporto a __firebase_config o config personalizzata) async function initRealtimeCloud(customConfigObj = null) { try { let configToUse = customConfigObj || EXTERNAL_FIREBASE_CONFIG;

if (!configToUse && typeof __firebase_config !== 'undefined' && __firebase_config) { configToUse = JSON.parse(__firebase_config); }

if (!configToUse || !configToUse.projectId) { updateConnectionBadge('missing_config'); document.getElementById('externalCloudWarning').classList.remove('hidden'); return; }

document.getElementById('externalCloudWarning').classList.add('hidden'); updateConnectionBadge('connecting');

const appId = typeof __app_id !== 'undefined' ? __app_id : 'default-live-football-wp'; const appName = customConfigObj ? 'customApp_' + Date.now() : undefined; const app = initializeApp(configToUse, appName); auth = getAuth(app); db = getFirestore(app);

// REGOLA 3: Autenticazione prima di qualsiasi operazione Firestore if (!customConfigObj && typeof __initial_auth_token !== 'undefined' && __initial_auth_token) { await signInWithCustomToken(auth, __initial_auth_token); } else { await signInAnonymously(auth); }

currentUser = auth.currentUser; if (!currentUser) { onAuthStateChanged(auth, (u) => { if (u && !currentUser) { currentUser = u; subscribeToMatchChannel(appId, currentChannelId); } }); } else { subscribeToMatchChannel(appId, currentChannelId); } } catch (err) { console.error("Errore inizializzazione Cloud:", err); updateConnectionBadge('error'); } }

// Sottoscrizione in tempo reale (onSnapshot) al documento condiviso da tutti gli utenti nel mondo function subscribeToMatchChannel(appId, channelName) { if (!db || !auth?.currentUser) return;

if (unsubscribeSnapshot) { unsubscribeSnapshot(); }

const cleanChannel = (channelName || "partita_principale").replace(/[^a-zA-Z0-9_-]/g, "_"); currentChannelId = cleanChannel; document.getElementById('matchChannelInput').value = cleanChannel;

// REGOLA 1: Percorso rigoroso /artifacts/{appId}/public/data/{collectionName}/{docId} matchDocRef = doc(db, 'artifacts', appId, 'public', 'data', 'live_matches', cleanChannel);

unsubscribeSnapshot = onSnapshot(matchDocRef, (snapshot) => { isCloudActive = true; updateConnectionBadge('online');

if (snapshot.exists()) { const remoteData = snapshot.data(); if (remoteData && remoteData.payload) { try { const parsed = JSON.parse(remoteData.payload); handleIncomingState(parsed, remoteData.updatedAt); } catch (parseErr) { console.error("Errore lettura payload cloud:", parseErr); } } } else { // Se il canale non esiste ancora nel Cloud, lo crea immediatamente con lo stato iniziale pushStateToCloud(); } }, (error) => { console.error("Errore listener onSnapshot:", error); isCloudActive = false; updateConnectionBadge('error'); }); }

function updateConnectionBadge(status) { const badge = document.getElementById('connectionBadge'); const dot = document.getElementById('connectionDot'); const syncText = document.getElementById('syncStatusText');

if (status === 'online') { badge.className = "inline-flex items-center gap-2 px-3 py-1.5 rounded-full text-xs font-extrabold bg-emerald-500/20 text-emerald-300 border border-emerald-500/40"; dot.className = "w-2.5 h-2.5 rounded-full bg-emerald-400 live-dot"; syncText.textContent = "🟢 CLOUD GLOBALE ATTIVO (Tempo Reale)"; } else if (status === 'connecting') { badge.className = "inline-flex items-center gap-2 px-3 py-1.5 rounded-full text-xs font-extrabold bg-amber-500/20 text-amber-300 border border-amber-500/40"; dot.className = "w-2.5 h-2.5 rounded-full bg-amber-400 live-dot"; syncText.textContent = "Connessione al Cloud in corso..."; } else if (status === 'missing_config') { badge.className = "inline-flex items-center gap-2 px-3 py-1.5 rounded-full text-xs font-extrabold bg-rose-500/20 text-rose-300 border border-rose-500/40"; dot.className = "w-2.5 h-2.5 rounded-full bg-rose-400"; syncText.textContent = "⚠️ Configura Cloud per WordPress Esterno"; } else { badge.className = "inline-flex items-center gap-2 px-3 py-1.5 rounded-full text-xs font-extrabold bg-rose-500/20 text-rose-300 border border-rose-500/40"; dot.className = "w-2.5 h-2.5 rounded-full bg-rose-400"; syncText.textContent = "Errore Connessione Cloud"; } }

// Invia istantaneamente l'aggiornamento al Cloud Firebase per tutti i dispositivi nel mondo async function pushStateToCloud() { matchState.updatedAt = Date.now(); renderAll();

if (!auth?.currentUser || !matchDocRef) { return; }

try { const syncLabel = document.getElementById('lastCloudSyncTime'); if (syncLabel) syncLabel.textContent = "Invio al Cloud...";

await setDoc(matchDocRef, { payload: JSON.stringify(matchState), updatedAt: matchState.updatedAt, updatedBy: auth.currentUser.uid });

if (syncLabel) { const d = new Date(); syncLabel.textContent = `Sincronizzato alle ${d.toLocaleTimeString('it-IT')}`; } } catch (e) { console.error("Errore salvataggio Cloud Firestore:", e); showToast("Errore invio dati al Cloud!"); } }

// Riceve in tempo reale lo stato dal Cloud su tutti gli schermi del mondo function handleIncomingState(newState, timestamp) { if (newState.lastGoalId && newState.lastGoalId !== lastSeenGoalId && lastSeenGoalId !== null) { const goalEv = (newState.events || []).find(e => e.id === newState.lastGoalId); if (goalEv) { triggerGoalOverlay(goalEv, newState); } } lastSeenGoalId = newState.lastGoalId || "init"; matchState = { ...matchState, ...newState };

const syncLabel = document.getElementById('lastCloudSyncTime'); if (syncLabel && timestamp) { const d = new Date(timestamp); syncLabel.textContent = `Ultimo sync globale: ${d.toLocaleTimeString('it-IT')}`; }

renderAll(); }

// Calcolo secondi di gioco attuali sincronizzato via timestamp globale function getCurrentMatchSeconds() { let totalSec = matchState.baseElapsedSeconds || 0; if (matchState.isRunning && matchState.lastResumeTimestamp) { const diffSec = Math.floor((Date.now() - matchState.lastResumeTimestamp) / 1000); if (diffSec > 0) { totalSec += diffSec; } } return Math.max(0, totalSec); }

// Restituisce il minuto formattato per gli eventi (es. "14'", "45+2'", "90+4'") function getFormattedCurrentMinute() { const totalSec = getCurrentMatchSeconds(); const currentMin = Math.floor(totalSec / 60) + 1;

if (matchState.status === 'FIRST_HALF' && currentMin > 45) { return `45+${currentMin - 45}'`; } if (matchState.status === 'SECOND_HALF' && currentMin > 90) { return `90+${currentMin - 90}'`; } if (matchState.status === 'WAITING') { return "1'"; } return `${currentMin}'`; }

// Aggiorna il display del cronometro e il badge dei minuti di recupero function updateClockUI() { const clockEl = document.getElementById('matchClockDisplay'); const stoppageEl = document.getElementById('stoppageTimeBadge'); if (!clockEl) return;

const totalSec = getCurrentMatchSeconds(); const mins = Math.floor(totalSec / 60); const secs = totalSec % 60;

const mStr = String(mins).padStart(2, '0'); const sStr = String(secs).padStart(2, '0'); clockEl.textContent = `${mStr}:${sStr}`;

if (stoppageEl) { if (matchState.stoppageTime && matchState.stoppageTime > 0) { stoppageEl.textContent = `+${matchState.stoppageTime}' rec`; stoppageEl.classList.remove('hidden'); } else { stoppageEl.classList.add('hidden'); } } }

// Calcola punteggio e statistiche dinamicamente a partire dalla lista degli eventi function computeMatchStats() { const stats = { homeGoals: 0, awayGoals: 0, homeShotsTotal: 0, awayShotsTotal: 0, homeShotsOnTarget: 0, awayShotsOnTarget: 0, homeShotsOffTarget: 0, awayShotsOffTarget: 0, homeYellow: 0, awayYellow: 0, homeRed: 0, awayRed: 0, homeScorers: [], awayScorers: [] };

// Ordine cronologico per il riassunto marcatori const chronological = [...(matchState.events || [])].reverse();

chronological.forEach(ev => { const isHome = ev.team === 'home'; if (ev.type === 'GOAL') { if (isHome) { stats.homeGoals++; stats.homeShotsTotal++; stats.homeShotsOnTarget++; stats.homeScorers.push(`${ev.player || 'Gol'} (${ev.minuteDisplay})`); } else { stats.awayGoals++; stats.awayShotsTotal++; stats.awayShotsOnTarget++; stats.awayScorers.push(`${ev.player || 'Gol'} (${ev.minuteDisplay})`); } } else if (ev.type === 'SHOT_ON_TARGET') { if (isHome) { stats.homeShotsTotal++; stats.homeShotsOnTarget++; } else { stats.awayShotsTotal++; stats.awayShotsOnTarget++; } } else if (ev.type === 'SHOT_OFF_TARGET') { if (isHome) { stats.homeShotsTotal++; stats.homeShotsOffTarget++; } else { stats.awayShotsTotal++; stats.awayShotsOffTarget++; } } else if (ev.type === 'YELLOW_CARD') { if (isHome) stats.homeYellow++; else stats.awayYellow++; } else if (ev.type === 'RED_CARD') { if (isHome) stats.homeRed++; else stats.awayRed++; } });

return stats; }

// Renderizza tutta l'interfaccia (Tabellone, Cronaca, Statistiche e Pannello Admin) function renderAll() { const stats = computeMatchStats();

// 1. Nomi, iniziali e colori squadre document.getElementById('homeTeamNameDisplay').textContent = matchState.homeTeam; document.getElementById('awayTeamNameDisplay').textContent = matchState.awayTeam; document.getElementById('homeInitials').textContent = (matchState.homeTeam || "CAS").substring(0, 3).toUpperCase(); document.getElementById('awayInitials').textContent = (matchState.awayTeam || "OSP").substring(0, 3).toUpperCase(); document.getElementById('homeBadge').style.backgroundColor = matchState.homeColor || "#2563eb"; document.getElementById('awayBadge').style.backgroundColor = matchState.awayColor || "#dc2626";

// Aggiorna etichette anche nel pannello Admin document.getElementById('adminHomeBtnLabel').textContent = matchState.homeTeam; document.getElementById('adminAwayBtnLabel').textContent = matchState.awayTeam; document.getElementById('adminHomeDot').style.backgroundColor = matchState.homeColor; document.getElementById('adminAwayDot').style.backgroundColor = matchState.awayColor;

// Sincronizza input impostazioni se non si sta digitando if (document.activeElement !== document.getElementById('homeNameInput')) { document.getElementById('homeNameInput').value = matchState.homeTeam; } if (document.activeElement !== document.getElementById('awayNameInput')) { document.getElementById('awayNameInput').value = matchState.awayTeam; } if (document.activeElement !== document.getElementById('adminPinSettingInput')) { document.getElementById('adminPinSettingInput').value = matchState.adminPin || "1234"; } document.getElementById('homeColorInput').value = matchState.homeColor; document.getElementById('awayColorInput').value = matchState.awayColor;

// 2. Punteggio document.getElementById('homeScoreDisplay').textContent = stats.homeGoals; document.getElementById('awayScoreDisplay').textContent = stats.awayGoals;

// 3. Marcatori sotto il punteggio const scorersSummary = document.getElementById('scorersSummary'); const homeScorersEl = document.getElementById('homeScorersList'); const awayScorersEl = document.getElementById('awayScorersList'); if (stats.homeScorers.length > 0 || stats.awayScorers.length > 0) { scorersSummary.classList.remove('hidden'); homeScorersEl.innerHTML = stats.homeScorers.map(s => ` ⚽ ${escapeHtml(s)} `).join(''); awayScorersEl.innerHTML = stats.awayScorers.map(s => ` ⚽ ${escapeHtml(s)} `).join(''); } else { scorersSummary.classList.add('hidden'); }

// 4. Badge Stato Partita const statusTextEl = document.getElementById('matchStatusText'); const statusDotEl = document.getElementById('statusDot'); const statusBadgeEl = document.getElementById('matchStatusBadge');

// 5. Orologio updateClockUI();

// 6. Cronaca Live (Timeline) renderTimeline();

// 7. Barre Statistiche renderStatsBars(stats);

// 8. Lista Eventi nel Pannello Admin per eventuale cancellazione renderAdminEventsList(); }

// Configurazione icone e colori per ciascun tipo di evento function getEventVisuals(ev) { switch (ev.type) { case 'GOAL': return { icon: '⚽', title: 'GOL!', badgeClass: 'bg-emerald-500/20 text-emerald-300 border-emerald-500/40', cardBorder: 'border-emerald-500/50 bg-emerald-950/20' }; case 'SHOT_ON_TARGET': return { icon: '🎯', title: 'Tiro in Porta', badgeClass: 'bg-sky-500/20 text-sky-300 border-sky-500/40', cardBorder: 'border-slate-700 bg-slate-900/60' }; case 'SHOT_OFF_TARGET': return { icon: '💨', title: 'Tiro Fuori', badgeClass: 'bg-slate-600/30 text-slate-300 border-slate-500/40', cardBorder: 'border-slate-700/80 bg-slate-900/40' }; case 'YELLOW_CARD': return { icon: '🟨', title: 'Ammonizione', badgeClass: 'bg-amber-500/20 text-amber-300 border-amber-500/40', cardBorder: 'border-amber-500/30 bg-slate-900/60' }; case 'RED_CARD': return { icon: '🟥', title: 'Espulsione!', badgeClass: 'bg-rose-500/20 text-rose-300 border-rose-500/40', cardBorder: 'border-rose-500/40 bg-rose-950/20' }; case 'KICKOFF_1': return { icon: '🏁', title: 'Calcio d\'Inizio (1° Tempo)', isSystem: true }; case 'HALF_TIME': return { icon: '⏱️', title: 'Fine Primo Tempo (Intervallo)', isSystem: true }; case 'KICKOFF_2': return { icon: '▶️', title: 'Calcio d\'Inizio Secondo Tempo', isSystem: true }; case 'FULL_TIME': return { icon: '🏆', title: 'Triplice Fischio - Fine Partita!', isSystem: true }; default: return { icon: '📢', title: 'Evento', isSystem: true }; } }

function renderTimeline() { const container = document.getElementById('timelineContainer'); const countBadge = document.getElementById('eventsCountBadge'); const events = matchState.events || []; countBadge.textContent = events.length;

if (events.length === 0) { container.innerHTML = ` In attesa del calcio d'inizio...

Gli eventi della partita appariranno qui in tempo reale.

`; return; }

container.innerHTML = events.map(ev => { const vis = getEventVisuals(ev);

// Evento di sistema (Calcio d'inizio, Fine 1°T, Inizio 2°T, Fine Partita) if (vis.isSystem) { return ` ${vis.icon} ${escapeHtml(vis.title)} (${escapeHtml(ev.minuteDisplay)}) `; }

const teamName = ev.team === 'home' ? matchState.homeTeam : matchState.awayTeam; const teamColor = ev.team === 'home' ? matchState.homeColor : matchState.awayColor;

return ` ${vis.icon} ${escapeHtml(ev.minuteDisplay)}

${vis.title} ${escapeHtml(teamName)} ${ev.player ? ` ${escapeHtml(ev.player)} ` : ''} ${ev.note ? ` ${escapeHtml(ev.note)} ` : ''} `; }).join(''); }

function renderStatsBars(stats) { const rows = [ { label: 'Gol Segnati', home: stats.homeGoals, away: stats.awayGoals, icon: '⚽' }, { label: 'Tiri Totali', home: stats.homeShotsTotal, away: stats.awayShotsTotal, icon: '👟' }, { label: 'Tiri in Porta', home: stats.homeShotsOnTarget, away: stats.awayShotsOnTarget, icon: '🎯' }, { label: 'Tiri Fuori', home: stats.homeShotsOffTarget, away: stats.awayShotsOffTarget, icon: '💨' }, { label: 'Ammonizioni (Gialli)', home: stats.homeYellow, away: stats.awayYellow, icon: '🟨' }, { label: 'Espulsioni (Rossi)', home: stats.homeRed, away: stats.awayRed, icon: '🟥' } ];

const container = document.getElementById('statsBarsContainer'); container.innerHTML = rows.map(r => { const total = r.home + r.away; const homePct = total === 0 ? 50 : Math.round((r.home / total) * 100); const awayPct = total === 0 ? 50 : 100 - homePct;

return ` ${r.home} ${r.icon} ${r.label} ${r.away} `; }).join(''); }

function renderAdminEventsList() { const container = document.getElementById('adminEventsList'); const events = matchState.events || [];

if (events.length === 0) { container.innerHTML = ` Nessun evento registrato.

`; return; }

container.innerHTML = events.map(ev => { const vis = getEventVisuals(ev); const teamLabel = ev.team ? (ev.team === 'home' ? matchState.homeTeam : matchState.awayTeam) : 'Sistema'; return ` ${vis.icon} ${escapeHtml(ev.minuteDisplay)} ${escapeHtml(vis.title)} • ${escapeHtml(teamLabel)} ${ev.player ? ` (${escapeHtml(ev.player)}) ` : ''} `; }).join(''); }

// Funzione per animazione GOL a tutto schermo function triggerGoalOverlay(goalEv, stateRef) { const overlay = document.getElementById('goalCelebration'); const teamName = goalEv.team === 'home' ? stateRef.homeTeam : stateRef.awayTeam; document.getElementById('goalCelebrationTeam').textContent = teamName; document.getElementById('goalCelebrationPlayer').textContent = goalEv.player ? `${goalEv.player} (${goalEv.minuteDisplay})` : `Minuto ${goalEv.minuteDisplay}`;

// Calcola punteggio aggiornato let hG = 0, aG = 0; (stateRef.events || []).forEach(e => { if (e.type === 'GOAL') { if (e.team === 'home') hG++; else aG++; } }); document.getElementById('goalCelebrationScore').textContent = `${hG} - ${aG}`;

overlay.classList.remove('hidden'); setTimeout(() => { overlay.classList.add('hidden'); }, 3500); }

function showToast(msg) { const toast = document.getElementById('toastNotification'); document.getElementById('toastMessage').textContent = msg; toast.classList.remove('hidden'); setTimeout(() => { toast.classList.add('hidden'); }, 2600); }

function escapeHtml(str) { if (!str) return ''; return String(str) .replace(/&/g, "&") .replace(/ /g, ">") .replace(/"/g, """) .replace(/'/g, "'"); }

// ========================================== // AZIONI ESPORTATE SU WINDOW PER I PULSANTI // ==========================================

window.changeMatchChannel = function() { const inputVal = document.getElementById('matchChannelInput').value.trim(); if (!inputVal) return; const appId = typeof __app_id !== 'undefined' ? __app_id : 'default-live-football-wp'; lastSeenGoalId = null; subscribeToMatchChannel(appId, inputVal); showToast(`Collegato al canale Cloud: ${inputVal}`); };

window.switchMode = function(mode) { currentMode = mode; const pubSec = document.getElementById('publicViewSection'); const admSec = document.getElementById('adminViewSection'); const btnPub = document.getElementById('btnPublicView'); const btnAdm = document.getElementById('btnAdminView'); const lockIcon = document.getElementById('adminLockIcon');

if (mode === 'admin') { admSec.classList.remove('hidden'); pubSec.classList.remove('hidden'); lockIcon.className = "fa-solid fa-sliders"; btnAdm.className = "px-3.5 py-1.5 rounded-xl text-xs sm:text-sm font-bold transition-all bg-amber-500 text-slate-950 shadow-md flex items-center gap-1.5"; btnPub.className = "px-3.5 py-1.5 rounded-xl text-xs sm:text-sm font-bold transition-all bg-slate-700 hover:bg-slate-600 text-slate-200 flex items-center gap-1.5"; } else { admSec.classList.add('hidden'); pubSec.classList.remove('hidden'); btnPub.className = "px-3.5 py-1.5 rounded-xl text-xs sm:text-sm font-bold transition-all bg-emerald-600 text-white shadow-md flex items-center gap-1.5"; btnAdm.className = "px-3.5 py-1.5 rounded-xl text-xs sm:text-sm font-bold transition-all bg-slate-700 hover:bg-slate-600 text-slate-200 flex items-center gap-1.5"; } };

window.requestAdminMode = function() { if (isAdminUnlocked) { window.switchMode('admin'); return; } document.getElementById('pinErrorMsg').classList.add('hidden'); document.getElementById('pinVerifyInput').value = ''; document.getElementById('pinAuthModal').classList.remove('hidden'); setTimeout(() => document.getElementById('pinVerifyInput').focus(), 100); };

window.closePinModal = function() { document.getElementById('pinAuthModal').classList.add('hidden'); };

window.switchPublicTab = function(tab) { const timelineContent = document.getElementById('tabContentTimeline'); const statsContent = document.getElementById('tabContentStats'); const btnTimeline = document.getElementById('tabBtnTimeline'); const btnStats = document.getElementById('tabBtnStats');

if (tab === 'timeline') { timelineContent.classList.remove('hidden'); statsContent.classList.add('hidden'); btnTimeline.className = "py-2.5 rounded-xl font-bold text-xs sm:text-sm transition-all bg-slate-700 text-white shadow flex items-center justify-center gap-2"; btnStats.className = "py-2.5 rounded-xl font-bold text-xs sm:text-sm transition-all text-slate-400 hover:text-white flex items-center justify-center gap-2"; } else { timelineContent.classList.add('hidden'); statsContent.classList.remove('hidden'); btnStats.className = "py-2.5 rounded-xl font-bold text-xs sm:text-sm transition-all bg-slate-700 text-white shadow flex items-center justify-center gap-2"; btnTimeline.className = "py-2.5 rounded-xl font-bold text-xs sm:text-sm transition-all text-slate-400 hover:text-white flex items-center justify-center gap-2"; } };

// Gestione Fasi di Gioco (1° Tempo, Intervallo, 2° Tempo, Fine Partita) window.triggerMatchPhase = function(phase) { const now = Date.now(); const evId = 'ev_' + now;

if (phase === 'FIRST_HALF') { matchState.status = 'FIRST_HALF'; matchState.baseElapsedSeconds = 0; matchState.lastResumeTimestamp = now; matchState.isRunning = true; matchState.stoppageTime = 0; matchState.events.unshift({ id: evId, type: 'KICKOFF_1', minuteDisplay: "1'", timestamp: now }); showToast("Calcio d'inizio 1° Tempo avviato!"); } else if (phase === 'HALF_TIME') { matchState.baseElapsedSeconds = getCurrentMatchSeconds(); matchState.isRunning = false; matchState.lastResumeTimestamp = null; matchState.status = 'HALF_TIME'; matchState.events.unshift({ id: evId, type: 'HALF_TIME', minuteDisplay: "45'", timestamp: now }); showToast("Fine Primo Tempo - Intervallo!"); } else if (phase === 'SECOND_HALF') { matchState.status = 'SECOND_HALF'; matchState.baseElapsedSeconds = 45 * 60; // Parte da 45:00 matchState.lastResumeTimestamp = now; matchState.isRunning = true; matchState.stoppageTime = 0; matchState.events.unshift({ id: evId, type: 'KICKOFF_2', minuteDisplay: "46'", timestamp: now }); showToast("Calcio d'inizio 2° Tempo avviato!"); } else if (phase === 'FULL_TIME') { const endMin = getFormattedCurrentMinute(); matchState.baseElapsedSeconds = getCurrentMatchSeconds(); matchState.isRunning = false; matchState.lastResumeTimestamp = null; matchState.status = 'FULL_TIME'; matchState.events.unshift({ id: evId, type: 'FULL_TIME', minuteDisplay: endMin, timestamp: now }); showToast("Triplice Fischio - Fine Partita!"); }

pushStateToCloud(); };

window.adjustMinute = function(deltaMinutes) { const currentSec = getCurrentMatchSeconds(); const newSec = Math.max(0, currentSec + (deltaMinutes * 60)); matchState.baseElapsedSeconds = newSec; if (matchState.isRunning) { matchState.lastResumeTimestamp = Date.now(); } pushStateToCloud(); };

window.setStoppageTime = function(mins) { matchState.stoppageTime = mins; showToast(mins > 0 ? `Assegnati +${mins}' di recupero` : "Recupero azzerato"); pushStateToCloud(); };

window.selectActionTeam = function(team) { selectedTeamForAction = team; const homeBtn = document.getElementById('selectHomeTeamBtn'); const awayBtn = document.getElementById('selectAwayTeamBtn');

if (team === 'home') { homeBtn.className = "p-3.5 rounded-2xl border-2 border-emerald-500 bg-emerald-500/20 text-white font-extrabold text-sm sm:text-base flex items-center justify-center gap-2 shadow transition-all"; awayBtn.className = "p-3.5 rounded-2xl border-2 border-slate-700 bg-slate-900/60 text-slate-300 font-extrabold text-sm sm:text-base flex items-center justify-center gap-2 transition-all"; } else { awayBtn.className = "p-3.5 rounded-2xl border-2 border-emerald-500 bg-emerald-500/20 text-white font-extrabold text-sm sm:text-base flex items-center justify-center gap-2 shadow transition-all"; homeBtn.className = "p-3.5 rounded-2xl border-2 border-slate-700 bg-slate-900/60 text-slate-300 font-extrabold text-sm sm:text-base flex items-center justify-center gap-2 transition-all"; } };

// Registrazione Rapida di Gol, Tiri, Ammonizioni, Espulsioni window.recordMatchEvent = function(eventType) { const playerInput = document.getElementById('eventPlayerInput'); const noteInput = document.getElementById('eventNoteInput'); const player = playerInput.value.trim(); const note = noteInput.value.trim(); const minuteStr = getFormattedCurrentMinute(); const now = Date.now(); const newId = 'ev_' + now;

const newEvent = { id: newId, type: eventType, team: selectedTeamForAction, player: player, note: note, minuteDisplay: minuteStr, timestamp: now };

matchState.events.unshift(newEvent);

if (eventType === 'GOAL') { matchState.lastGoalId = newId; lastSeenGoalId = newId; triggerGoalOverlay(newEvent, matchState); }

// Pulisce i campi giocatore e nota per il prossimo inserimento rapido playerInput.value = ''; noteInput.value = '';

pushStateToCloud(); };

window.undoLastEvent = function() { if (!matchState.events || matchState.events.length === 0) return; matchState.events.shift(); showToast("Ultimo evento annullato"); pushStateToCloud(); };

window.deleteEventById = function(id) { matchState.events = (matchState.events || []).filter(e => e.id !== id); showToast("Evento rimosso e statistiche ricalcolate"); pushStateToCloud(); };

window.saveTeamSettings = function() { const hName = document.getElementById('homeNameInput').value.trim() || "Squadra Casa"; const aName = document.getElementById('awayNameInput').value.trim() || "Squadra Ospite"; const hColor = document.getElementById('homeColorInput').value; const aColor = document.getElementById('awayColorInput').value; const newPin = document.getElementById('adminPinSettingInput').value.trim() || "1234";

matchState.homeTeam = hName; matchState.awayTeam = aName; matchState.homeColor = hColor; matchState.awayColor = aColor; matchState.adminPin = newPin;

showToast("Squadre, colori e PIN sincronizzati nel Cloud!"); pushStateToCloud(); };

window.openResetModal = function() { document.getElementById('resetConfirmModal').classList.remove('hidden'); };

window.closeResetModal = function() { document.getElementById('resetConfirmModal').classList.add('hidden'); };

window.confirmResetMatch = function() { matchState.status = "WAITING"; matchState.isRunning = false; matchState.baseElapsedSeconds = 0; matchState.lastResumeTimestamp = null; matchState.stoppageTime = 0; matchState.events = []; matchState.lastGoalId = null; window.closeResetModal(); showToast("Partita azzerata! Pronta per il calcio d'inizio."); pushStateToCloud(); };

window.openWpModal = function() { document.getElementById('wpEmbedModal').classList.remove('hidden'); };

window.closeWpModal = function() { document.getElementById('wpEmbedModal').classList.add('hidden'); };

// Supporto per parametro URL ?canale=nome_partita per condividere link diretti su WordPress function checkUrlChannelParam() { try { const params = new URLSearchParams(window.location.search); const ch = params.get('canale') || params.get('match'); if (ch) { currentChannelId = ch.replace(/[^a-zA-Z0-9_-]/g, "_"); document.getElementById('matchChannelInput').value = currentChannelId; } } catch (e) {} }

// Loop orologio ogni secondo setInterval(() => { if (matchState.isRunning) { updateClockUI(); } }, 1000); // Avvio applicazione window.addEventListener('DOMContentLoaded', () => { checkUrlChannelParam(); renderAll(); initRealtimeCloud(); });

Center Magazine

Read the News

Subscribe

Follow us

ULTIMISSIME

Center Magazine

Read the News

Subscribe

Follow us

GOOOOL!

Squadra Casa

Squadra Ospite

Azioni in Tempo Reale

Statistiche in Tempo Reale

1. Fischio & Fasi di Gioco

2. Registra Azione (Gol, Tiri, Cartellini)

3. Correzione Rapida Eventi (Annulla Errori)

4. Impostazioni Squadre & Nuova Partita

Accesso Regia Campo

Azzerare tutta la partita?

Sincronizzazione Globale su WordPress

Latest

Newsletter

Don't miss

Leave a reply Cancel reply

About us

Most recent

Most popular

Subscribe