From 6f7e465b86211d1be0fa15d58a793427e5c0a920 Mon Sep 17 00:00:00 2001
From: NyxiumYuuki <ATAWV5n2q8KG3kn>
Date: Sun, 30 May 2021 18:28:48 +0200
Subject: [PATCH] Errormessage added + type and required added

---
 frontend/src/app/login/login.component.html | 34 +++++++++------------
 1 file changed, 14 insertions(+), 20 deletions(-)

diff --git a/frontend/src/app/login/login.component.html b/frontend/src/app/login/login.component.html
index 7b5009d..aa64ec3 100644
--- a/frontend/src/app/login/login.component.html
+++ b/frontend/src/app/login/login.component.html
@@ -2,27 +2,21 @@
   <div class="modal-header">
     <h4 class="modal-title">Veuillez-vous authentifier :</h4>
   </div>
-
-  <div class="modal-body">
-    <div class="row">
-      <div class="col-md-10">
-        <div class="form-group mb-0">
-          <input type="text"
-                 placeholder="Entrez votre login"
-                 class="form-control"
-                 [(ngModel)]="login">
-          <input type="password"
-                 placeholder="Entrez votre password"
-                 class="form-control"
-                 [(ngModel)]="password">
+  <form>
+    <div class="modal-body">
+      <div class="row">
+        <div class="col-md-10">
+          <div class="form-group mb-0">
+            <input class="form-control" type="text" required="" [(ngModel)]="login" autocomplete="login" name="login">
+            <input class="form-control" type="password" required="" [(ngModel)]="password" autocomplete="password" name="password">
+          </div>
         </div>
       </div>
     </div>
-  </div>
-
-  <div class="modal-footer">
-    <button class="btn btn-sm btn-primary" (click) = "showCredentials()">Connexion Privée</button>
-    <button class="btn btn-sm btn-primary" (click) = "showCredentials()">Connexion Générale</button>
-  </div>
-
+    <div class="modal-footer">
+      <input class="btn btn-sm btn-primary" name="button-connexion" (click)="showCredentials()" type="submit" value="Se connecter">
+    </div>
+  </form>
+  <br>
+  <div class="alert alert-danger" *ngIf="errorMessage!==''">{{errorMessage}}</div>
 </div>