web/index.html

@@ -15,6 +15,8 @@
     <!-- Bootstrap core CSS -->
 <link href="css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
 <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
+<script src="js/config.js"></script>
+<script src="js/login.js"></script>
     <!-- Favicons -->
 <link rel="apple-touch-icon" href="https://getbootstrap.com/docs/5.1/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
 <link rel="icon" href="https://getbootstrap.com/docs/5.1/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
@@ -54,10 +56,10 @@
 
     <div class="form-floating">
       <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
-      <label for="floatingInput">Email address</label>
+      <label for="emailInput">Email address</label>
     </div>
     <div class="form-floating">
-      <input type="password" class="form-control" id="floatingPassword" placeholder="Password">
+      <input type="password" class="form-control" id="floatingPassword" placeholder="Mot de passe">
       <label for="floatingPassword">Password</label>
     </div>
 
@@ -66,7 +68,7 @@
         <input type="checkbox" value="remember-me"> Remember me
       </label>
     </div>
-    <button class="w-100 btn btn-lg btn-primary" type="submit">Sign in</button>
+    <button class="w-100 btn btn-lg btn-primary" id="loginButton" type="submit">Sign in</button>
     <p class="mt-5 mb-3 text-muted">© 2017–2021</p>
   </form>
 </main>

web/js/config.js

@@ -1 +1 @@
-const instance = axios.create({ baseURL: 'http://localhost:8080/api'});
+const instance = axios.create({ baseURL: 'http://localhost:8083/api'});

web/js/login.js

@@ -1 +1,5 @@
-instance.get("token", { auth:{username:"peter93", password:"toto"}}).then(function(response) { console.log(response) });
+instance.get("token", { withCredentials: true})
+    .then(function(response) { console.log(response) })
+    .catch(function(error){
+        
+    });