BOUTON AUTOMATIQUE

<div class="vx-controls"> <button id="autoButton" class="auto-button"> ⚙️ AUTOMATIQUE </button> <div class="status" id="status"> Paramètres mémorisés : aucun </div> </div> <script> const STORAGE_KEY = "vx_interface_settings"; const defaultSettings = { abonnement: false, connexion: false, lien: false, verification: false }; // Charge la mémoire précédente function loadSettings() { try { const saved = localStorage.getItem(STORAGE_KEY); if (!saved) { return { ...defaultSettings }; } return { ...defaultSettings, ...JSON.parse(saved) }; } catch (error) { console.warn("Impossible de charger les paramètres :", error); return { ...defaultSettings }; } } // Sauvegarde automatique function saveSettings(settings) { localStorage.setItem( STORAGE_KEY, JSON.stringify(settings) ); } // État actuel let settings = loadSettings(); // Active/désactive un paramètre function setParameter(name, value) { if (!(name in settings)) return; settings[name] = Boolean(value); saveSettings(settings); updateInterface(); } // Récupère un paramètre function getParameter(name) { return Boolean(settings[name]); } // Met à jour l'interface function updateInterface() { const active = Object.entries(settings) .filter(([_, value]) => value) .map(([name]) => name); document.getElementById("status").textContent = active.length ? "Paramètres mémorisés : " + active.join(", ") : "Paramètres mémorisés : aucun"; document.getElementById("autoButton") .classList.toggle("active", active.length > 0); } // Bouton AUTOMATIQUE document.getElementById("autoButton").addEventListener("click", () => { settings = loadSettings(); updateInterface(); console.log( "Paramètres restaurés automatiquement :", settings ); // Ici tu peux appeler les fonctions de ton application : // // activateSubscription(settings.abonnement); // activateConnection(settings.connexion); // activateLink(settings.lien); // activateVerification(settings.verification); }); // Initialisation updateInterface(); </script> <style> .vx-controls { padding: 20px; border-radius: 16px; background: #111827; } .auto-button { padding: 12px 20px; border: 0; border-radius: 12px; color: white; background: linear-gradient(135deg, #ef4444, #991b1b); font-weight: 800; cursor: pointer; transition: .25s ease; } .auto-button:hover { transform: translateY(-2px); } .auto-button.active { background: linear-gradient(135deg, #22c55e, #047857); box-shadow: 0 0 20px rgba(34, 197, 94, .4); } .status { margin-top: 12px; color: #d1d5db; font-size: 14px; } </style>