From 10180c917fa6b41db46185713cccf4145380bb61 Mon Sep 17 00:00:00 2001
From: Valentin CZERYBA <valcze80@gmail.com>
Date: Sun, 14 Aug 2022 16:47:24 +0200
Subject: [PATCH] gestion des erreurs

---
 web/html/adduser.html |  2 +-
 web/html/user.html    | 31 +++++++++++++++++++++++++++++++
 web/html/users.html   |  2 ++
 web/js/user.js        | 26 ++++++++++++++++++++++----
 4 files changed, 56 insertions(+), 5 deletions(-)

diff --git a/web/html/adduser.html b/web/html/adduser.html
index 36f63e5..4565e32 100644
--- a/web/html/adduser.html
+++ b/web/html/adduser.html
@@ -123,7 +123,7 @@
          <button type="button"  class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
       </div>
 
-      <div class="alert alert-danger alert-dismissible hidden" id="notModifiedAlert" role="alert">
+      <div class="alert alert-danger alert-dismissible hidden" id="notAuthorizedAlert" role="alert">
         <div>Action non autorisée</div>
          <button type="button"  class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
       </div>
diff --git a/web/html/user.html b/web/html/user.html
index 6b95184..3f98f81 100644
--- a/web/html/user.html
+++ b/web/html/user.html
@@ -118,6 +118,37 @@
 
     <main class="col-md-9 ms-sm-auto col-lg-10 px-md-4">
 
+      <div class="alert alert-warning alert-dismissible hidden" id="notModifiedAlert" role="alert">
+        <div>Utilisateur non modifié</div>
+         <button type="button"  class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+      </div>
+
+      <div class="alert alert-danger alert-dismissible hidden" id="notAuthorizedAlert" role="alert">
+        <div>Création d'utilisateur non autorisée avec ce compte</div>
+         <button type="button"  class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+      </div>
+
+      <div class="alert alert-danger alert-dismissible hidden" id="forbiddenAlert" role="alert">
+        <div>Action interdite</div>
+         <button type="button"  class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+      </div>
+
+      <div class="alert alert-danger alert-dismissible hidden" id="noContentAlert" role="alert">
+        <div>Utilisateur non modifié</div>
+         <button type="button"  class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+      </div>
+
+
+      <div class="alert alert-danger alert-dismissible hidden" id="internalServerAlert" role="alert">
+        <div>Erreur interne du serveur</div>
+         <button type="button"  class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+      </div>
+
+      <div class="alert alert-danger alert-dismissible hidden" id="unknownAlert" role="alert">
+        <div>Erreur inconnue</div>
+         <button type="button"  class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+      </div>
+
       
       <div class="alert alert-danger alert-dismissible hidden" id="pseudoAlert" role="alert">
         <div>Champ pseudo vide</div>
diff --git a/web/html/users.html b/web/html/users.html
index c7b262c..bfcc04c 100644
--- a/web/html/users.html
+++ b/web/html/users.html
@@ -129,6 +129,8 @@
         </div>
       </div>
 
+      
+
       <h2>Liste d'utilisateur</h2>
       <div class="table-responsive">
         <table id=users class="table table-striped table-sm">
diff --git a/web/js/user.js b/web/js/user.js
index 53929a5..842268e 100644
--- a/web/js/user.js
+++ b/web/js/user.js
@@ -144,19 +144,37 @@ if(id.length > 0){
                 withCredentials: true, 
                 data: dataPut
             }).then(function(response){
+                var idAlert = "";
                 switch(response.status){
                     case 200:
                         location.reload();
                         break;
                     case 304:
-                        console.log("non modifie");
+                        idAlert="noContent";
                         break;
                     default:
-                        console.log("error inconnue");
-                        break
+                        idAlert="unknown";
+                        break;
                 }
+                document.getElementById(idAlert+"Alert").classList.remove("hidden");
+
             }).catch(function(error){
-                console.log(error);
+                var idAlert = "";
+                switch(error.status){
+                    case 401:
+                        idAlert="notAuthorized";
+                        break;
+                    case 403:
+                        idAlert="forbidden";
+                        break;
+                    case 500:
+                        idAlert="internalServer";
+                        break;
+                    default:
+                        idAlert="unknown";
+                        break;
+                }
+                document.getElementById(idAlert+"Alert").classList.remove("hidden");
             });
 
         }