`); printWindow.document.close(); // Wait for content to load then trigger print setTimeout(() => { printWindow.print(); printWindow.onafterprint = () => { printWindow.close(); document.title = originalTitle; }; }, 500); // Fallback message setTimeout(() => { alert('If the PDF download doesn\'t start automatically:\n\n1. Click "Print" in the print dialog\n2. Choose "Save as PDF" as your printer\n3. Click "Save" to download the PDF'); }, 1000); } // Share charter function shareCharter() { const orgName = document.getElementById('orgName').value || '[Organization Name]'; // Generate shareable text const shareText = `Draft AI Ethics Charter for ${orgName} ${charterData.organization ? 'Organization: ' + charterData.organization : ''} ${charterData.sector ? 'Sector: ' + charterData.sector : ''} Selected Principles: ${Object.keys(charterData.principles) .filter(key => charterData.principles[key]) .map(key => `• ${key.charAt(0).toUpperCase() + key.slice(1)}`) .join('\n')} Selected Commitments: ${charterData.commitments .map((selected, index) => selected ? `• ${['Regular Ethical Audits', 'Stakeholder Engagement', 'Staff Training', 'Transparency Reporting', 'Grievance Mechanisms', 'Environmental Monitoring'][index]}` : '') .filter(text => text) .join('\n')} Governance Model: ${charterData.governance.charAt(0).toUpperCase() + charterData.governance.slice(1)} Please review and provide feedback on this draft AI Ethics Charter.`; // Try Web Share API first if (navigator.share) { navigator.share({ title: `AI Ethics Charter - ${orgName}`, text: shareText, url: window.location.href }).catch(err => { console.log('Share cancelled or failed:', err); copyToClipboard(shareText); }); } else { // Fallback to clipboard copyToClipboard(shareText); } } // Copy to clipboard helper function copyToClipboard(text) { navigator.clipboard.writeText(text).then(() => { alert('Charter summary copied to clipboard!\n\nYou can now paste it into an email or collaboration tool to share with your team.'); }).catch(err => { // Fallback for older browsers const textArea = document.createElement('textarea'); textArea.value = text; document.body.appendChild(textArea); textArea.select(); document.execCommand('copy'); document.body.removeChild(textArea); alert('Charter summary copied to clipboard!\n\nYou can now paste it into an email or collaboration tool to share with your team.'); }); } // Save charter function saveCharter() { const orgName = document.getElementById('orgName').value; if (!orgName.trim()) { alert('Please enter your organization name to save the charter.'); document.getElementById('orgName').focus(); return; } // Save principle customizations document.querySelectorAll('.custom-textarea').forEach(textarea => { const principle = textarea.dataset.principle; if (principle) { charterData.principlesText[principle] = textarea.value; } }); // Save to localStorage try { localStorage.setItem('aiEthicsCharter', JSON.stringify(charterData)); const timestamp = new Date().toLocaleTimeString(); alert(`✅ Charter draft saved at ${timestamp}\n\nOrganization: ${orgName}\n\nYour progress has been saved locally in your browser.`); charterData.lastSaved = new Date(); } catch (e) { alert('Unable to save charter. Please ensure your browser allows local storage.'); } } // Reset charter function resetCharter() { if (confirm('Are you sure you want to start a new charter? All current customizations will be lost.')) { // Reset form document.getElementById('orgName').value = ''; document.getElementById('sector').value = ''; document.getElementById('ceoName').value = ''; document.getElementById('boardChair').value = ''; document.getElementById('effectiveDate').value = new Date().toISOString().split('T')[0]; // Reset principles document.querySelectorAll('.principle-card').forEach(card => { card.classList.add('active'); const toggle = card.querySelector('.principle-toggle'); toggle.classList.add('active'); }); // Reset commitments document.querySelectorAll('.commitment-item').forEach(item => { item.classList.add('active'); const checkbox = item.querySelector('.checkbox-box'); checkbox.classList.add('checked'); }); // Reset governance document.querySelectorAll('.governance-card').forEach(card => { card.classList.remove('selected'); }); document.querySelector('.governance-card').classList.add('selected'); // Reset custom text areas Object.keys(defaultTexts).forEach(key => { const textarea = document.querySelector(`textarea[data-principle="${key}"]`); if (textarea) { textarea.value = defaultTexts[key]; } }); // Reset data Object.keys(charterData.principles).forEach(key => { charterData.principles[key] = true; }); charterData.commitments = [true, true, true, true, true, true]; charterData.governance = 'basic'; charterData.principlesText = { ...defaultTexts }; charterData.signatures = { ceo: '', board: '', date: new Date().toISOString().split('T')[0] }; // Hide preview document.getElementById('charterPreview').classList.remove('show'); // Scroll to top window.scrollTo({ top: 0, behavior: 'smooth' }); alert('New charter started. You can now customize your AI Ethics Charter.'); } } // Load saved data function loadSavedData() { try { const saved = localStorage.getItem('aiEthicsCharter'); if (saved) { const savedData = JSON.parse(saved); // Load organization info if (savedData.organization) { document.getElementById('orgName').value = savedData.organization; } if (savedData.sector) { document.getElementById('sector').value = savedData.sector; } // Load principles if (savedData.principles) { Object.keys(savedData.principles).forEach(key => { const card = document.querySelector(`[data-principle="${key}"]`); const toggle = card?.querySelector('.principle-toggle'); if (card && toggle) { if (savedData.principles[key]) { card.classList.add('active'); toggle.classList.add('active'); } else { card.classList.remove('active'); toggle.classList.remove('active'); } } }); } // Load principle texts if (savedData.principlesText) { Object.keys(savedData.principlesText).forEach(key => { const textarea = document.querySelector(`textarea[data-principle="${key}"]`); if (textarea) { textarea.value = savedData.principlesText[key]; } }); charterData.principlesText = savedData.principlesText; } // Load commitments if (savedData.commitments) { const commitmentItems = document.querySelectorAll('.commitment-item'); savedData.commitments.forEach((selected, index) => { if (commitmentItems[index]) { const checkbox = commitmentItems[index].querySelector('.checkbox-box'); if (selected) { commitmentItems[index].classList.add('active'); checkbox.classList.add('checked'); } else { commitmentItems[index].classList.remove('active'); checkbox.classList.remove('checked'); } } }); } // Load governance if (savedData.governance) { const governanceCards = document.querySelectorAll('.governance-card'); governanceCards.forEach(card => card.classList.remove('selected')); const selectedCard = document.querySelector(`[onclick*="${savedData.governance}"]`); if (selectedCard) { selectedCard.classList.add('selected'); } } // Load signatures if (savedData.signatures) { if (savedData.signatures.ceo) { document.getElementById('ceoName').value = savedData.signatures.ceo; } if (savedData.signatures.board) { document.getElementById('boardChair').value = savedData.signatures.board; } if (savedData.signatures.date) { document.getElementById('effectiveDate').value = savedData.signatures.date; } } // Update charter data Object.assign(charterData, savedData); } } catch (e) { console.log('No saved charter data found'); } } // Initialize document.addEventListener('DOMContentLoaded', function() { // Set default date const today = new Date().toISOString().split('T')[0]; document.getElementById('effectiveDate').value = today; charterData.signatures.date = today; // Load saved data loadSavedData(); // Initial preview update updatePreview(); // Auto-save every 2 minutes if organization name is set setInterval(() => { if (charterData.organization) { saveCharter(); } }, 120000); // Close customization panels when clicking outside document.addEventListener('click', (e) => { if (!e.target.closest('.customization-panel') && !e.target.closest('.btn-outline')) { document.querySelectorAll('.customization-panel.show').forEach(panel => { panel.classList.remove('show'); }); } }); });