Sync

2025-04-30 05:01:03 +02:00
parent 4b8d7f1679
commit 7789bde384
10 changed files with 417 additions and 33 deletions
--- a/app/login.html
+++ b/app/login.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./assets/css/index.css">
+    <title>Connexion</title>
+</head>
+<body style="background-image: url('./assets/img/login_wallpaper.gif');">
+    
+    <main>
+        <button class="close" onclick="system.call('window::close')">
+            <i class="fas fa-times"></i>
+        </button>
+        <article class="loginchoice">
+            <div frame="select">
+                <h2>
+                    Se connecter avec
+                </h2>
+                <button class="login" onclick="selectLoginType('microsoft')">
+                    <img src="./assets/img/microsoft.png" alt="">
+                    <span>
+                        Connexion via Microsoft
+                    </span>
+                </button>
+                <button class="login" onclick="selectLoginType('mojang')">
+                    <img src="./assets/img/mojang.png" alt="">
+                    <span>
+                        Connexion via Mojang
+                    </span>
+                </button>
+            </div>
+            <div frame="mojang" hidden>
+                <input type="text" name="username" id="username" placeholder="Adresse e-mail / pseudo">
+                <br>
+                <input type="password" name="password" id="password" placeholder="Mot de passe">
+                <p>
+                    Il n'est plus possible de réinitialiser le mot de passe d'un compte mojang.
+                </p>
+                <button class="classic" style="width: 90%;" onclick="system.call('auth::mojang', { username: username.value, password: password.value })">
+                    Connexion
+                </button>
+                <button class="classic" style="width: 90%; background-color: #aa3939;" onclick="selectLoginType('select')">
+                    Retour
+                </button>
+            </div>
+            <div frame="microsoft" hidden>
+                <h2>
+                    Processus en cours...
+                </h2>
+                <br>
+                <p>
+                    La page d'authentification microsoft est ouverte
+                </p>
+            </div>
+            <div frame="token" hidden>
+                <h2>
+                    Connexion au compte précédant...
+                </h2>
+                <br>
+                <p>
+                    Connexion via le token sauvegarder du dernier compte utilisé
+                </p>
+            </div>
+        </article>
+        <script src="./assets/js/login.js"></script>
+    </main>
+
+</body>
+</html>