Accesso Rilevatori
Dashboard
Le tue ultime rilevazioni
Nuova Rilevazione
Pannello Amministratore
Statistiche Generali
Analisi Sentiment
${p.genere}, ${p.eta}, ${p.residenza} `; container.appendChild(button); }); } function selezionaPartecipante(id) { state.activeParticipant = id; aggiornaListaPartecipanti(); } function resetFormPartecipante() { document.getElementById(‘genere-partecipante’).value = ”; document.getElementById(‘eta-partecipante’).value = ”; document.getElementById(‘residenza-partecipante’).value = ”; } // Inizializzazione dell’applicazione document.addEventListener(‘DOMContentLoaded’, () => { // Pulisci sempre la sessione all’avvio localStorage.removeItem(‘currentUser’); state.currentUser = null; // Carica solo i dati delle rilevazioni loadFromLocalStorage(); setupEventListeners(); setupKeyboardShortcuts(); updateUI(); // Aggiungi event listener per il login button const loginButton = document.getElementById(‘loginButton’); if (loginButton) { loginButton.addEventListener(‘click’, login); } console.log(‘Applicazione inizializzata, sessione resettata’); }); // Funzioni di gestione localStorage function loadFromLocalStorage() { try { const savedRisultati = localStorage.getItem(‘quarterResults’); console.log(‘Tentativo caricamento dati…’); if (savedRisultati) { const parsedData = JSON.parse(savedRisultati); if (parsedData.results) { state.risultati = parsedData.results; console.log(`Caricati ${state.risultati.length} risultati`); } } else { state.risultati = []; localStorage.setItem(‘quarterResults’, JSON.stringify({ results: [] })); console.log(‘Inizializzato nuovo array risultati’); } } catch (error) { console.error(‘Errore nel caricamento dei dati:’, error); state.risultati = []; } } function saveToLocalStorage() { try { const dataToSave = { results: state.risultati, lastUpdate: new Date().toISOString() }; localStorage.setItem(‘quarterResults’, JSON.stringify(dataToSave)); console.log(`Salvati ${state.risultati.length} risultati`); return true; } catch (error) { console.error(‘Errore nel salvataggio dei dati:’, error); showMessage(‘Errore nel salvataggio dei dati’, ‘error’); return false; } } // Event Listeners e UI function setupEventListeners() { document.querySelectorAll(‘.tab-button’).forEach(button => { button.addEventListener(‘click’, () => { const tabId = button.getAttribute(‘data-tab’); switchTab(tabId); }); }); const areaSelect = document.getElementById(‘area-tipo’); if (areaSelect) { areaSelect.addEventListener(‘change’, updateDomande); } } // UI Updates function updateUI() { const authSection = document.getElementById(‘authSection’); const mainContent = document.getElementById(‘mainContent’); const adminTab = document.querySelector(‘[data-tab=”admin”]’); const gestionePartecipanti = document.getElementById(‘gestionePartecipanti’); // Modificato qui const userDisplay = document.getElementById(‘userDisplay’); if (state.currentUser) { authSection.classList.add(‘hidden’); mainContent.classList.remove(‘hidden’); gestionePartecipanti.classList.remove(‘hidden’); // Modificato qui userDisplay.textContent = state.currentUser.isAdmin ? ‘Amministratore’ : `${state.currentUser.nome} ${state.currentUser.cognome}`; if (state.currentUser.isAdmin) { adminTab.style.display = ‘block’; updateAdminPanel(); } else { adminTab.style.display = ‘none’; // Imposta automaticamente il quartiere del rilevatore const quartiereSelect = document.getElementById(‘quartiere’); if (quartiereSelect) { quartiereSelect.value = state.currentUser.quartiereAssegnato; quartiereSelect.disabled = true; } } updateDashboard(); } else { authSection.classList.remove(‘hidden’); mainContent.classList.add(‘hidden’); gestionePartecipanti.classList.add(‘hidden’); // Modificato qui } } updateDashboard(); } else { authSection.classList.remove(‘hidden’); mainContent.classList.add(‘hidden’); quickPanel.classList.add(‘hidden’); } } function switchTab(tabId) { document.querySelectorAll(‘.tab-button’).forEach(b => b.classList.remove(‘active’)); document.querySelectorAll(‘.tab-pane’).forEach(p => p.classList.remove(‘active’)); document.querySelector(`[data-tab=”${tabId}”]`).classList.add(‘active’); document.getElementById(`${tabId}Tab`).classList.add(‘active’); if (tabId === ‘admin’ && state.currentUser?.isAdmin) { updateAdminPanel(); } } // Gestione Messaggi function showMessage(message, type = ‘info’) { const authMessage = document.getElementById(‘authMessage’); if (authMessage) { authMessage.textContent = message; authMessage.className = `debug-info ${type}`; authMessage.style.display = ‘block’; setTimeout(() => { authMessage.style.display = ‘none’; }, 3000); } } // Funzioni di Autenticazione function login() { console.log(“Start login function”); // Debug log 1 const username = document.getElementById(‘username’).value; const password = document.getElementById(‘password’).value; console.log(“Username:”, username); // Debug log 2 console.log(“Password:”, password); // Debug log 3 if (!username || !password) { console.log(“Empty credentials”); // Debug log 4 showMessage(‘Inserisci username e password’, ‘error’); return; } // Verifica admin console.log(“Checking admin”); // Debug log 5 if (username === ‘admin’ && password === ‘valencia55’) { console.log(“Admin login success”); // Debug log 6 const adminUser = { username: ‘admin’, nome: ‘Amministratore’, isAdmin: true }; state.currentUser = adminUser; localStorage.setItem(‘currentUser’, JSON.stringify(adminUser)); showMessage(‘Login amministratore effettuato con successo’, ‘success’); updateUI(); resetAuthForms(); return; } // Verifica rilevatore console.log(“Checking rilevatore”); // Debug log 7 const rilevatore = rilevatoriFissi.find(r => r.username === username && r.password === password ); console.log(“Rilevatore trovato:”, rilevatore); // Debug log 8 if (rilevatore) { console.log(“Rilevatore login success”); // Debug log 9 state.currentUser = {…rilevatore, isAdmin: false}; localStorage.setItem(‘currentUser’, JSON.stringify(state.currentUser)); showMessage(‘Login effettuato con successo’, ‘success’); updateUI(); resetAuthForms(); } else { console.log(“Login failed”); // Debug log 10 showMessage(‘Credenziali non valide’, ‘error’); } } function logout() { if (confirm(‘Sei sicuro di voler effettuare il logout?’)) { state.currentUser = null; state.activeRespondent = null; localStorage.removeItem(‘currentUser’); updateUI(); resetAuthForms(); } } function resetAuthForms() { document.getElementById(‘username’).value = ”; document.getElementById(‘password’).value = ”; } // Gestione Rilevazioni function updateDomande() { const area = document.getElementById(‘area-tipo’).value; const container = document.getElementById(‘domande-container’); container.innerHTML = ”; if (!area || !domande[area]) return; domande[area].forEach((domanda, index) => { const isNoteRilevatore = domanda === “Note del rilevatore”; const card = document.createElement(‘div’); if (isNoteRilevatore) { card.className = ‘question-card note-rilevatore’; card.innerHTML = `
${domanda}
`; } else { card.className = ‘question-card’; card.innerHTML = `${domanda}
${state.partecipanti.map(partecipante => `
`).join(”)}
`;
}
container.appendChild(card);
});
}
function handleTextareaFocus(textarea) {
if (state.activeParticipant) {
const partecipante = state.partecipanti.find(p => p.id === state.activeParticipant);
if (partecipante) {
textarea.style.borderColor = ‘#3498db’; // colore standard per l’evidenziazione
const card = textarea.closest(‘.question-card’);
const tag = card.querySelector(‘.responder-tag’);
tag.textContent = `Utente ${partecipante.id}`;
tag.style.backgroundColor = ‘#3498db’;
// Aggiungi l’attributo data-participant-id alla textarea
textarea.classList.add(‘risposta-partecipante’);
textarea.dataset.participantId = partecipante.id;
}
}
}
function updateSecondSelect(selectElement) {
const categoria = selectElement.value;
const secondSelect = selectElement.nextElementSibling;
if (categoria) {
secondSelect.style.display = ‘inline-block’;
secondSelect.innerHTML = `
${sentimentOptions[categoria].map(sentiment =>
``
).join(”)}
`;
} else {
secondSelect.style.display = ‘none’;
}
}
function salvaDati() {
const area = document.getElementById(‘area-tipo’).value;
const quartiere = document.getElementById(‘quartiere’).value;
if (!quartiere || !area) {
showMessage(‘Selezionare area e quartiere’, ‘error’);
return;
}
if (state.partecipanti.length === 0) {
showMessage(‘Aggiungere almeno un partecipante prima di salvare’, ‘error’);
return;
}
try {
const risposte = Array.from(document.querySelectorAll(‘#domande-container .question-card’))
.map(card => {
const domanda = card.querySelector(‘h3’).textContent;
const isNoteRilevatore = card.classList.contains(‘note-rilevatore’);
if (isNoteRilevatore) {
return {
domanda,
tipo: ‘note’,
testo: card.querySelector(‘textarea’).value
};
}
const rispostePartecipanti = {};
const risposteElements = card.querySelectorAll(‘.risposta-container’);
risposteElements.forEach(container => {
const participantId = container.dataset.participantId;
const textarea = container.querySelector(‘.risposta-partecipante’);
const sentimentSelect = container.querySelector(‘.sentiment-specifico’);
if (textarea && sentimentSelect && textarea.value.trim()) {
rispostePartecipanti[participantId] = {
testo: textarea.value.trim(),
sentiment: sentimentSelect.value || ‘non specificato’
};
}
});
return {
domanda,
tipo: ‘risposta’,
rispostePartecipanti
};
});
const rilevazione = {
id: Date.now(),
rilevatore: state.currentUser.username,
nomeRilevatore: state.currentUser.isAdmin ?
‘Amministratore’ :
`${state.currentUser.nome} ${state.currentUser.cognome}`,
quartiere,
area,
partecipanti: state.partecipanti,
risposte,
timestamp: new Date().toISOString()
};
state.risultati.push(rilevazione);
if (saveToLocalStorage()) {
showMessage(‘Rilevazione salvata con successo’, ‘success’);
updateDashboard();
pulisciForm();
if (state.currentUser.isAdmin) {
updateAdminPanel();
}
}
} catch (error) {
console.error(‘Errore durante il salvataggio:’, error);
showMessage(`Errore durante il salvataggio: ${error.message}`, ‘error’);
}
}
const rilevazione = {
id: Date.now(),
rilevatore: state.currentUser.username,
nomeRilevatore: state.currentUser.isAdmin ? ‘Amministratore’ : `${state.currentUser.nome} ${state.currentUser.cognome}`,
quartiere,
area,
partecipanti: state.partecipanti,
risposte,
timestamp: new Date().toISOString()
};
state.risultati.push(rilevazione);
if (saveToLocalStorage()) {
showMessage(‘Rilevazione salvata con successo’, ‘success’);
updateDashboard();
pulisciForm();
if (state.currentUser.isAdmin) {
updateAdminPanel();
}
}
} catch (error) {
showMessage(error.message, ‘error’);
}
}
function scaricaDati() {
const datiDaScaricare = state.currentUser.isAdmin ?
state.risultati :
state.risultati.filter(r => r.rilevatore === state.currentUser.username);
if (datiDaScaricare.length === 0) {
showMessage(‘Nessun dato da scaricare’, ‘error’);
return;
}
const dataStr = JSON.stringify(datiDaScaricare, null, 2);
const blob = new Blob([dataStr], { type: ‘application/json’ });
const url = URL.createObjectURL(blob);
const a = document.createElement(‘a’);
a.href = url;
a.download = `rilevazioni_${new Date().toISOString().split(‘T’)[0]}.json`;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
showMessage(‘Download completato’, ‘success’);
}
function updateDashboard() {
if (!state.currentUser) return;
const container = document.getElementById(‘ultimeRilevazioni’);
if (!container) return;
const userRilevazioni = state.risultati
.filter(r => r.rilevatore === state.currentUser.username)
.slice(-5)
.reverse();
if (userRilevazioni.length === 0) {
container.innerHTML = ‘Utente ${partecipante.id}
Non hai ancora effettuato rilevazioni
‘; return; } container.innerHTML = `| Data | Quartiere | Area |
|---|---|---|
| ${new Date(r.timestamp).toLocaleDateString()} | ${r.quartiere} | ${r.area} |
Totale Rilevazioni
${totaleRilevazioni}
Totale Partecipanti
${totalePartecipanti}
Rilevazione ${new Date(rilevazione.timestamp).toLocaleDateString()}
Rilevatore: ${rilevazione.nomeRilevatore}
Quartiere: ${rilevazione.quartiere}
Area: ${rilevazione.area}
Partecipanti: ${rilevazione.partecipanti.length}
