68 lines
1.7 KiB
HTML
68 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Connexion WhatsApp</title>
|
|
<style>
|
|
body {
|
|
font-family: Arial, sans-serif;
|
|
text-align: center;
|
|
background: #f2f2f2;
|
|
padding: 40px;
|
|
}
|
|
#qr-container {
|
|
margin-top: 40px;
|
|
}
|
|
#qr {
|
|
max-width: 300px;
|
|
margin: auto;
|
|
display: block;
|
|
}
|
|
#status {
|
|
margin-top: 20px;
|
|
font-size: 18px;
|
|
color: #444;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Connexion WhatsApp</h1>
|
|
<p>Scannez le QR Code avec votre application WhatsApp</p>
|
|
|
|
<div id="qr-container">
|
|
<img id="qr" src="" alt="QR Code WhatsApp" />
|
|
<div id="status">Chargement du QR code...</div>
|
|
</div>
|
|
|
|
<script>
|
|
async function fetchQRCode() {
|
|
try {
|
|
const res = await fetch('/api/qrcode');
|
|
const data = await res.json();
|
|
|
|
const qrImg = document.getElementById('qr');
|
|
const status = document.getElementById('status');
|
|
|
|
if (data.connected) {
|
|
qrImg.style.display = 'none';
|
|
status.textContent = "✅ Connecté à WhatsApp";
|
|
} else if (data.qr) {
|
|
qrImg.src = data.qr;
|
|
qrImg.style.display = 'block';
|
|
status.textContent = "QR code prêt à être scanné";
|
|
} else {
|
|
status.textContent = "⏳ En attente de génération du QR code...";
|
|
}
|
|
} catch (error) {
|
|
console.error("Erreur de récupération QR:", error);
|
|
document.getElementById('status').textContent = "❌ Impossible de charger le QR Code";
|
|
}
|
|
}
|
|
|
|
// Rafraîchit toutes les 5 secondes
|
|
fetchQRCode();
|
|
setInterval(fetchQRCode, 5000);
|
|
</script>
|
|
</body>
|
|
</html>
|