Modificato lo script con funzione di logout e aggiunto bottone logout in welcome

Author: trailhead-loris

script.js

@@ -2,7 +2,7 @@ function login() {
   const name = document.getElementById('name').value.trim();
   const email = document.getElementById('email').value.trim();
 
-  // Accetta qualsiasi nome/email, ma suggeriamo di non lasciare vuoti
+  // Fake login 
   if (!name || !email) {
     alert('Inserisci nome ed email.');
     return;
@@ -14,4 +14,26 @@ function login() {
 
   // Reindirizza alla welcome
   window.location.href = 'welcome.html';
+}
+
+// ---  FUNZIONE LOGOUT ---
+function logout() {
+  // 1. Pulizia Salesforce (Sessione Chat)
+  // Usiamo un try-catch per evitare errori se la funzione viene chiamata dove la chat non c'è
+  try {
+    // Controlliamo se l'oggetto Salesforce esiste in questa pagina
+    if (typeof embeddedservice_bootstrap !== 'undefined' && embeddedservice_bootstrap.utilAPI) {
+        embeddedservice_bootstrap.utilAPI.clearSession();
+        console.log("Sessione Salesforce terminata.");
+    }
+  } catch (err) {
+    console.log("Nessuna sessione Salesforce attiva da chiudere o API non disponibile.");
+  }
+
+  // 2. Pulizia Memoria Locale (I tuoi dati)
+  localStorage.removeItem('name');
+  localStorage.removeItem('email');
+
+  // 3. Reindirizzamento al Login
+  window.location.href = 'index.html';
 }

welcome.html

@@ -21,6 +21,12 @@ <h1 id="welcome-message">Benvenuto!</h1>
     <p class="email" id="email-line"></p>
 
     <a id="btn-open-chat" class="button disabled">Caricamento Chat...</a>
+    <div style="margin-top: 20px; border-top: 1px solid #eee; padding-top: 15px;">
+        <button onclick="logout()" style="background: none; border: none; color: #dc3545; cursor: pointer; text-decoration: underline; font-size: 14px;">
+            Esci e cambia utente
+        </button>
+    </div>
+    
   </div>
 
   <script>