Dinawo
243ab5f55e
Note: We appreciate your feedback and bug reports to continue improving our platform. Thank you for your continued support!
57 lines
3.0 KiB
Plaintext
57 lines
3.0 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Connexion</title>
|
|
<link rel="icon" href="/public/assets/homelab_logo.png" />
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
|
|
<link rel="stylesheet" href="../public/css/authlogin.styles.css">
|
|
</head>
|
|
<body class="animate">
|
|
<div id="app" class="min-h-screen flex items-center justify-center">
|
|
<div class="container mt-8">
|
|
<h1 class="text-3xl font-semibold mb-6 text-center animate">Connexion</h1>
|
|
|
|
<div class="form-container">
|
|
<form id="authlogin-form" class="mb-4 animate">
|
|
<div class="form-group animate">
|
|
<label for="authlogin-username" class="block mb-2">Nom d'utilisateur</label>
|
|
<input type="text" id="authlogin-username" name="username" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="form-group animate">
|
|
<label for="authlogin-password" class="block mb-2">Mot de passe</label>
|
|
<input type="password" id="authlogin-password" name="password" class="form-control" required>
|
|
</div>
|
|
|
|
<button type="submit" id="authlogin-submit" class="btn btn-primary w-full py-2 mt-4">
|
|
<i class="fa-solid fa-user icon-spacing"></i>
|
|
Se connecter
|
|
</button>
|
|
|
|
<% if (typeof setupData !== 'undefined' && Array.isArray(setupData)) { %>
|
|
<% setupData.forEach(config => { %>
|
|
<% if (config.hasOwnProperty('discord') && config.discord.enabled === 'on' && config.discord.identifyURL) { %>
|
|
<button onclick="redirectToDiscord('<%= config.discord.identifyURL %>')" id="authlogin-discord" class="btn btn-secondary w-full py-2 mt-4" type="button">
|
|
<i class="fab fa-discord mr-2"></i>
|
|
Se connecter avec Discord
|
|
</button>
|
|
<% } %>
|
|
<% }); %>
|
|
<% } %>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<button id="authlogin-theme-switch" class="btn btn-secondary p-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" />
|
|
</svg>
|
|
</button>
|
|
|
|
<script src="../public/js/authlogin.script.js"></script>
|
|
</body>
|
|
</html> |