service-architecture/frontend/index.html

56 lines
No EOL
1.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://unpkg.com/htmx.org@1.9.12"></script> <!-- Include HTMX -->
<script src="https://gigabyte5671.github.io/CookieManager/cookieManager.min.js" type="text/javascript"></script> <!-- Include CookieManager -->
<script src="base.js"></script> <!-- Include BASE -->
<script src="generated.js"></script> <!-- Include GENERATED -->
<title>HelpApp</title>
</head>
<body>
<header>
<h1>HelpApp</h1>
</header>
<main>
<section id="user-login">
<h2>Connexion</h2>
<form id="login-form">
<input type="email" id="login-email" placeholder="Email" required>
<input type="password" id="login-password" placeholder="Mot de passe" required>
<button type="submit">Se connecter</button>
</form>
<div class="response" id="login-response"></div>
</section>
<section id="user-registration">
<h2>Créer un compte utilisateur</h2>
<form id="register-form">
<input type="text" id="name" placeholder="Nom" required>
<input type="email" id="email" placeholder="Email" required>
<input type="password" id="password" placeholder="Mot de passe" required>
<select id="role" required>
</select>
<button type="submit">Créer un compte</button>
</form>
<div class="response" id="register-response"></div>
</section>
<section id="create-request">
<h2>Créer une demande d'aide</h2>
<form id="request-form">
<input type="number" id="user-id" placeholder="Votre ID utilisateur" required>
<textarea id="details" placeholder="Détails de la demande" required></textarea>
<button type="submit">Soumettre la demande</button>
</form>
<div class="response" id="request-response"></div>
</section>
</main>
<script src="index.js"></script>
</body>
</html>