💾 Je hebt ${incidents.length} incidenten opgeslagen!
Maak een account om je gegevens veilig te bewaren en op meerdere apparaten te gebruiken.
`;
const main = document.querySelector('main.container');
main.insertBefore(banner, main.firstChild);
localStorage.setItem('migration-offer-shown', Date.now().toString());
}
// Hide migration banner
function hideMigrationBanner() {
const banner = document.querySelector('.migration-banner');
if (banner) banner.remove();
}
// Hide privacy notice
function hidePrivacyNotice() {
const notice = document.getElementById('privacy-notice');
if (notice) {
notice.style.display = 'none';
localStorage.setItem('privacy-notice-hidden', 'true');
}
}
// Chart functionality
function loadChart() {
const chartCanvas = document.getElementById('incidentsChart');
if (!chartCanvas) return;
// For anonymous users, use localStorage data
if (!document.body.dataset.isAuthenticated) {
loadAnonymousChart();
} else {
loadUserChart();
}
}
// Load chart for anonymous users
function loadAnonymousChart() {
const incidents = JSON.parse(localStorage.getItem('snauw_incidents') || '[]');
// Group by date
const dateGroups = {};
incidents.forEach(incident => {
const date = new Date(incident.timestamp).toDateString();
if (!dateGroups[date]) {
dateGroups[date] = [];
}
dateGroups[date].push(incident);
});
// Prepare chart data
const dates = Object.keys(dateGroups).slice(-7); // Last 7 days
const counts = dates.map(date => dateGroups[date].length);
const averages = dates.map(date => {
const dayIncidents = dateGroups[date];
const sum = dayIncidents.reduce((acc, inc) => acc + inc.severity, 0);
return sum / dayIncidents.length || 0;
});
renderChart(dates, counts, averages);
}
// Load chart for authenticated users (would fetch from server)
function loadUserChart() {
// This would make an API call to get user's incident data
// For now, placeholder
renderChart([], [], []);
}
// Render chart using Chart.js (simplified version without external dependency)
function renderChart(dates, counts, averages) {
const canvas = document.getElementById('incidentsChart');
if (!canvas) return;
const ctx = canvas.getContext('2d');
// Simple bar chart implementation
// In a real implementation, you'd use Chart.js library
ctx.fillStyle = '#667eea';
ctx.fillRect(10, 10, 50, 100);
ctx.fillText('Chart placeholder - Use Chart.js in production', 10, 130);
}
// Form validation
function validateIncidentForm() {
const severity = document.getElementById('severity-input');
if (!severity || !severity.value) {
alert('Selecteer een Snauw-index');
return false;
}
const severityValue = parseInt(severity.value);
if (severityValue < 1 || severityValue > 5) {
alert('Snauw-index moet tussen 1 en 5 zijn');
return false;
}
return true;
}
// Export data (for GDPR compliance)
function exportData() {
let data;
if (document.body.dataset.isAuthenticated) {
// Would fetch from server for authenticated users
alert('Export functionaliteit wordt nog geïmplementeerd voor geregistreerde gebruikers');
return;
} else {
// Export localStorage data for anonymous users
data = {
incidents: JSON.parse(localStorage.getItem('snauw_incidents') || '[]'),
exportDate: new Date().toISOString(),
type: 'anonymous_user_data'
};
}
const dataStr = JSON.stringify(data, null, 2);
const dataBlob = new Blob([dataStr], {type: 'application/json'});
const link = document.createElement('a');
link.href = URL.createObjectURL(dataBlob);
link.download = `snauw_counter_export_${new Date().toISOString().split('T')[0]}.json`;
link.click();
}
// Delete all data (for GDPR compliance)
function deleteAllData() {
if (!confirm('Weet je zeker dat je alle gegevens wilt verwijderen? Dit kan niet ongedaan worden gemaakt.')) {
return;
}
if (document.body.dataset.isAuthenticated) {
// Would make API call for authenticated users
alert('Data verwijdering voor geregistreerde gebruikers wordt nog geïmplementeerd');
return;
} else {
// Clear localStorage for anonymous users
localStorage.removeItem('snauw_incidents');
localStorage.removeItem('privacy-notice-hidden');
localStorage.removeItem('migration-offer-shown');
showNotification('✅ Alle lokale gegevens zijn verwijderd', 'success');
setTimeout(() => {
location.reload();
}, 2000);
}
}