Create script.js

templates/script.js

@@ -0,0 +1,76 @@
+document.addEventListener('DOMContentLoaded', function() {
+    // Formulaire de génération
+    document.getElementById('generator-form').addEventListener('submit', function(e) {
+        e.preventDefault();
+
+        const numAccounts = document.getElementById('num_accounts').value;
+        const startupRatio = document.getElementById('startup_ratio').value / 100;
+
+        fetch('/start', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/x-www-form-urlencoded',
+            },
+            body: `num_accounts=${numAccounts}&startup_ratio=${startupRatio}`
+        })
+        .then(response => response.json())
+        .then(data => {
+            if (data.status === 'success') {
+                startProgressUpdates();
+            } else {
+                alert(data.message);
+            }
+        });
+    });
+
+    // Bouton d'arrêt
+    document.getElementById('stop-btn').addEventListener('click', function() {
+        fetch('/stop', {
+            method: 'POST'
+        })
+        .then(response => response.json())
+        .then(data => {
+            alert(data.message);
+        });
+    });
+
+    // Mettre à jour la progression
+    function updateProgress() {
+        fetch('/progress')
+        .then(response => response.json())
+        .then(data => {
+            const progressPercent = data.total > 0 ? Math.round((data.current / data.total) * 100) : 0;
+
+            document.getElementById('progress-bar').style.width = `${progressPercent}%`;
+            document.getElementById('progress-bar').textContent = `${progressPercent}%`;
+
+            document.getElementById('total-count').textContent = data.total;
+            document.getElementById('success-count').textContent = data.success;
+            document.getElementById('failed-count').textContent = data.failed;
+
+            document.getElementById('last-status').textContent = data.last_status;
+            document.getElementById('last-username').textContent = data.last_username || '-';
+
+            document.getElementById('start-time').textContent = data.start_time || '-';
+            document.getElementById('end-time').textContent = data.end_time || '-';
+        });
+    }
+
+    let progressInterval;
+
+    function startProgressUpdates() {
+        // Arrêter l'intervalle précédent s'il existe
+        if (progressInterval) {
+            clearInterval(progressInterval);
+        }
+
+        // Mettre à jour immédiatement
+        updateProgress();
+
+        // Puis toutes les 2 secondes
+        progressInterval = setInterval(updateProgress, 2000);
+    }
+
+    // Vérifier si une génération est déjà en cours au chargement de la page
+    updateProgress();
+});