Merge pull request 'change address' (#3) from events into master

Reviewed-on: #3

web/html/addevent.html

@@ -8,13 +8,14 @@
     <meta name="generator" content="Hugo 0.101.0">
     <title>Dashboard Template · Bootstrap v5.2</title>
 
-    <link rel="canonical" href="https://getbootstrap.com/docs/5.2/examples/dashboard/">
-
     
     
+    <link href="https://api.mapbox.com/mapbox-gl-js/v2.14.1/mapbox-gl.css" rel="stylesheet">
     
 
+    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v5.0.0/mapbox-gl-geocoder.css" type="text/css">
     <link href="../css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+    <link href="https://cdn.jsdelivr.net/npm/@yaireo/tagify/dist/tagify.css" rel="stylesheet" type="text/css" />
 
     <!-- Favicons -->
 <link rel="apple-touch-icon" href="https://getbootstrap.com/docs/5.2/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
@@ -24,7 +25,12 @@
 <link rel="mask-icon" href="https://getbootstrap.com/docs/5.2/assets/img/favicons/safari-pinned-tab.svg" color="#712cf9">
 <link rel="icon" href="https://getbootstrap.com/docs/5.2/assets/img/favicons/favicon.ico">
 <meta name="theme-color" content="#712cf9">
+<script src="https://api.mapbox.com/mapbox-gl-js/v2.14.1/mapbox-gl.js"></script>
+<script src="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v5.0.0/mapbox-gl-geocoder.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@yaireo/tagify"></script>
+<script src="https://cdn.jsdelivr.net/npm/@yaireo/tagify/dist/tagify.polyfills.min.js"></script>
+ 
 
 
     <style>
@@ -124,12 +130,12 @@
     <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 ajouté, car le pseudo ou l'adresse mail existe déjà</div>
+        <div>Evènement non ajouté, car le pseudo ou l'adresse mail existe déjà</div>
          <button type="button"  class="btn-close" aria-label="Close"></button>
       </div>
 
       <div class="alert alert-success alert-dismissible hidden" id="createUserAlert" role="alert">
-        <div>Vous avez créée l'utilisateur <span id="displayUser"></span></div>
+        <div>Vous avez créée l'évènement <span id="displayUser"></span></div>
          <button type="button"  class="btn-close" aria-label="Close"></button>
       </div>
 
@@ -173,49 +179,34 @@
         <h1 class="h2">Évènement</h1>
       </div>
 
-      <div class="input-group mb-3">
-        <span class="input-group-text" id="usernameUpdate">Pseudo</span>
-        <input id="usernameUpdateInput" type="text" class="form-control" placeholder="Pseudo" aria-label="Pseudo" aria-describedby="usernameUpdate">
-      </div>
-
-      <div class="input-group mb-3">
-        <span class="input-group-text" id="passwordUpdate">Mot de passe</span>
-        <input id="passwordUpdateInput" type="password" class="form-control" placeholder="Mot de passe" aria-label="Mot de passe" aria-describedby="passwordUpdate">
-      </div>
-
       <div class="input-group mb-3">
         <span class="input-group-text" id="nameUpdate">Nom</span>
-        <input id="nameUpdateInput" type="text" class="form-control" placeholder="Nom" aria-label="Nom" aria-describedby="nameUpdate">
+        <input id="nameUpdateInput" type="text" class="form-control" placeholder="Nom" aria-label="Pseudo" aria-describedby="nameUpdate">
       </div>
 
       <div class="input-group mb-3">
-        <span class="input-group-text" id="firstNameUpdate">Prenom</span>
-        <input id="firstNameUpdateInput" type="text" class="form-control" placeholder="Prenom" aria-label="Prenom" aria-describedby="firstNameUpdate">
+        <span class="input-group-text" id="placeUpdate">Lieu</span>
+        <div id="placeUpdateInput"></div>
       </div>
 
       <div class="input-group mb-3">
-        <span class="input-group-text" id="emailUpdate">Email</span>
-        <input id="emailUpdateInput" type="text" class="form-control" placeholder="Email" aria-label="Email" aria-describedby="emailUpdate">
+        <span class="input-group-text" id="organizersUpdate">Organisateurs</span>
+        <input id="organizersUpdateInput" type="text" class="form-control" placeholder="Organisateurs" aria-label="Organisateurs" aria-describedby="organizersUpdate">
       </div>
 
       <div class="input-group mb-3">
-        <span class="input-group-text" id="birthUpdate">Date de naissance</span>
-        <input id="birthUpdateInput" type="date" class="form-control" placeholder="Date de naissance" aria-label="Date de naissance" aria-describedby="birthdateUpdate">
+        <span class="input-group-text" id="start_dateUpdate">Date de début de l'évènement</span>
+        <input id="start_dateUpdateInput" type="datetime-local" class="form-control" placeholder="Date de début de l'évènement" aria-label="Date de début de l'évènement" aria-describedby="start_dateUpdate">
       </div>
 
-      
-
       <div class="input-group mb-3">
-        <label class="input-group-text" for="rolesSelector">Roles</label>
-        <select class="form-select" id="rolesSelector">
-          <option value="Admin">Administrateur</option>
-          <option value="User" selected>Utilisateur</option>
-        </select>
+        <span class="input-group-text" id="end_dateUpdate">Date de fin de l'évènement</span>
+        <input id="end_dateUpdateInput" type="datetime-local" class="form-control" placeholder="Date de fin de l'évènement" aria-label="Date de fin de l'évènement" aria-describedby="end_dateUpdate">
       </div>
 
      
       <div class="d-grid gap-2 col-6 mx-auto">
-        <button type="button" class="btn btn-success" id="addUser">Ajouter l'utilisateur</button>
+        <button type="button" class="btn btn-success" id="addUser">Ajouter l'évènement</button>
        
       </div>
 
@@ -224,13 +215,14 @@
     </main>
   </div>
 </div>
-
-
     <script src="../js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
 
       <script src="../js/feather.min.js" integrity="sha384-uO3SXW5IuS1ZpFPKugNNWqTZRRglnUJK6UAZ/gxOX80nxEkN9NcGZTftn6RzhGWE" crossorigin="anonymous"></script>
   
       <script src="../js/config.js"></script>
       <script src="../js/library.js"></script>
-      <script src="../js/addUser.js"></script>
+      <script src="../js/geosearch.js"></script>
+      <script src="../js/addItem.js"></script>
+      <script src="../js/tags.js"></script>
+
 </body></html>

web/html/adduser.html

@@ -27,6 +27,7 @@
 <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
 
 
+
     <style>
       .bd-placeholder-img {
         font-size: 1.125rem;
@@ -232,5 +233,5 @@
   
       <script src="../js/config.js"></script>
       <script src="../js/library.js"></script>
-      <script src="../js/addUser.js"></script>
+      <script src="../js/addItem.js"></script>
 </body></html>

web/html/event.html

@@ -9,12 +9,10 @@
     <title>Dashboard Template · Bootstrap v5.2</title>
 
     <link rel="canonical" href="https://getbootstrap.com/docs/5.2/examples/dashboard/">
-
-    
-
-    
+    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v5.0.0/mapbox-gl-geocoder.css" type="text/css">
 
     <link href="../css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+    <link href="https://cdn.jsdelivr.net/npm/@yaireo/tagify/dist/tagify.css" rel="stylesheet" type="text/css" />
 
     <!-- Favicons -->
 <link rel="apple-touch-icon" href="https://getbootstrap.com/docs/5.2/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
@@ -25,6 +23,10 @@
 <link rel="icon" href="https://getbootstrap.com/docs/5.2/assets/img/favicons/favicon.ico">
 <meta name="theme-color" content="#712cf9">
 <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
+<script src="https://api.mapbox.com/mapbox-gl-js/v2.14.1/mapbox-gl.js"></script>
+<script src="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v5.0.0/mapbox-gl-geocoder.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@yaireo/tagify"></script>
+<script src="https://cdn.jsdelivr.net/npm/@yaireo/tagify/dist/tagify.polyfills.min.js"></script>
 
 
     <style>
@@ -126,12 +128,12 @@
     <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>
+        <div>Évènement 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>
+        <div>Création d'évènement non autorisée avec ce compte</div>
          <button type="button"  class="btn-close"  aria-label="Close"></button>
       </div>
 
@@ -141,7 +143,7 @@
       </div>
 
       <div class="alert alert-danger alert-dismissible hidden" id="noContentAlert" role="alert">
-        <div>Utilisateur non modifié</div>
+        <div>Évènement non modifié</div>
          <button type="button"  class="btn-close"  aria-label="Close"></button>
       </div>
 
@@ -193,17 +195,22 @@
 
       <div class="input-group mb-3">
         <span class="input-group-text" id="placeUpdate">Lieu</span>
-        <input id="placeUpdateInput" type="text" class="form-control" placeholder="Lieu" aria-label="Lieu" aria-describedby="placeUpdate">
+        <div id="placeUpdateInput"></div>
       </div>
 
       <div class="input-group mb-3">
-        <span class="input-group-text" id="dateUpdate">Date de début</span>
-        <input id="startDateUpdateInput" type="date" class="form-control" placeholder="Date de début" aria-label="Date de début" aria-describedby="startDateUpdate">
+        <span class="input-group-text" id="organizersUpdate">Organisateurs</span>
+        <input id="organizersUpdateInput" type="text" class="form-control" placeholder="Organisateurs" aria-label="Organisateurs" aria-describedby="organizersUpdate">
       </div>
 
       <div class="input-group mb-3">
-        <span class="input-group-text" id="endDateUpdate">Date de fin</span>
-        <input id="endDateUpdateInput" type="date" class="form-control" placeholder="Date de fin" aria-label="Date de fin" aria-describedby="endDateUpdate">
+        <span class="input-group-text" id="start_dateUpdate">Date de début</span>
+        <input id="start_dateUpdateInput" type="datetime-local" class="form-control" placeholder="Date de début" aria-label="Date de début" aria-describedby="start_dateUpdate">
+      </div>
+
+      <div class="input-group mb-3">
+        <span class="input-group-text" id="start_dateUpdate">Date de fin</span>
+        <input id="end_dateUpdateInput" type="datetime-local" class="form-control" placeholder="Date de fin" aria-label="Date de fin" aria-describedby="start_dateUpdate">
       </div>
       
 
@@ -243,11 +250,11 @@
         </select>
       </div>
       <div class="d-grid gap-2 col-6 mx-auto">
-        <button type="button" class="btn btn-success hidden" id="enableUser" data-bs-toggle="modal" data-bs-target="#enableUserModal">Activer l'utilisateur</button>
-        <button type="button" class="btn btn-success hidden" id="cancelUser" data-bs-toggle="modal" data-bs-target="#cancelUserModal">Annuler la suppression de l'utilisateur</button>
-        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#updateUserModal">Mettre à jour l'utilisateur</button>
-        <button type="button" class="btn btn-warning hidden" id="disableUser" data-bs-toggle="modal" data-bs-target="#disableUserModal">Désactiver l'utilisateur</button>
-        <button type="button" class="btn btn-danger" id="removeUser" data-bs-toggle="modal" data-bs-target="#removeUserModal">Supprimer l'utilisateur</button>
+        <button type="button" class="btn btn-success hidden" id="enableUser" data-bs-toggle="modal" data-bs-target="#enableUserModal">Activer l'évènement</button>
+        <button type="button" class="btn btn-success hidden" id="cancelUser" data-bs-toggle="modal" data-bs-target="#cancelUserModal">Annuler la suppression de l'évènement</button>
+        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#updateUserModal">Mettre à jour l'évènement</button>
+        <button type="button" class="btn btn-warning hidden" id="disableUser" data-bs-toggle="modal" data-bs-target="#disableUserModal">Désactiver l'évènement</button>
+        <button type="button" class="btn btn-danger" id="removeUser" data-bs-toggle="modal" data-bs-target="#removeUserModal">Supprimer l'évènement</button>
       </div>
       <div class="modal fade" id="updateUserModal" tabindex="-1" aria-labelledby="updateUserModal" aria-hidden="true">
         <div class="modal-dialog">
@@ -275,7 +282,7 @@
               <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body">
-              Voulez-vous désactiver l'utilisateur ?
+              Voulez-vous désactiver l'évènement ?
             </div>
             <div class="modal-footer">
               <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
@@ -293,7 +300,7 @@
               <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body">
-              Etes-vous sûr de supprimer l'utilisateur ?
+              Etes-vous sûr de supprimer l'évènement ?
             </div>
             <div class="modal-footer">
               <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
@@ -311,7 +318,7 @@
               <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body">
-              Voulez-vous activer l'utilisateur ?
+              Voulez-vous activer l'évènement ?
             </div>
             <div class="modal-footer">
               <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
@@ -329,11 +336,11 @@
               <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body">
-              Voulez-vous annuller la suppression de l'utilisateur ?
+              Voulez-vous annuler la suppression de l'évènement ?
             </div>
             <div class="modal-footer">
               <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
-              <button type="button" class="btn btn-success" id="cancelUserButton">Annuler la suppression de l'utilisateur</button>
+              <button type="button" class="btn btn-success" id="cancelUserButton">Annuler la suppression de l'évènement</button>
             </div>
           </div>
         </div>
@@ -350,5 +357,8 @@
   
       <script src="../js/config.js"></script>
       <script src="../js/library.js"></script>
-      <script src="../js/user.js"></script>
+      <script src="../js/geosearch.js"></script>
+      <script src="../js/item.js"></script>
+      <script src="../js/tags.js"></script>
+
 </body></html>

web/html/events.html

@@ -107,13 +107,13 @@
       <div class="position-sticky pt-3 sidebar-sticky">
         <ul class="nav flex-column">
           <li class="nav-item">
-            <a class="nav-link" aria-current="page" href="#">
+            <a class="nav-link" aria-current="page" href="/html/users.html">
               <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home align-text-bottom" aria-hidden="true"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
               Utilisateurs
             </a>
           </li>
           <li class="nav-item">
-            <a class="nav-link active" aria-current="page" href="/html/events.html">
+            <a class="nav-link active" aria-current="page" href="#">
               <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home align-text-bottom" aria-hidden="true"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
               Évènements
             </a>
@@ -129,7 +129,7 @@
         <h1 class="h2">Évènements</h1>
         <div class="btn-toolbar mb-2 mb-md-0">
           <div class="btn-group me-2">
-            <button type="button" id=addEvent class="btn btn-sm btn-outline-secondary">Ajouter un évènement</button>
+            <button type="button" id=addUser class="btn btn-sm btn-outline-secondary">Ajouter un évènement</button>
           </div>
         </div>
       </div>
@@ -138,16 +138,7 @@
 
       <h2>Liste d'évènement</h2>
       <div class="table-responsive">
-
         <div class="row g-3">
-          <div class="col-auto">
-            <label for="inputRoles" class="form-label">Roles</label>
-            <select class="form-select" id="inputRoles" aria-label="Default select example">
-              <option value="All" selected>Tout</option>
-              <option value="Admin">Administrateurs</option>
-              <option value="User">Utilisateurs</option>
-            </select>
-          </div>
           <div class="col-auto">
             <label for="inputStatus" class="form-label">Statut</label>
             <select class="form-select" id="inputStatus" aria-label="Default select example">
@@ -158,21 +149,33 @@
               <option value="2">En cours de validation</option>
             </select>
           </div>
+          <div class="col-auto">
+            <label for="inputPages" class="form-label">Page :</label>
+            <select class="form-select" id="inputPages" aria-label="Page">
+              <option value="20" selected>20</option>
+              <option value="40">40</option>
+              <option value="60">60</option>
+              <option value="80">80</option>
+              <option value="100">100</option>
+            </select>
+          </div>
+        </div>
       </div>
       <br />
-        <button type="button" class="btn btn-success" id="enableUserButton" data-bs-toggle="modal" data-bs-target="#enableUserModal">Activer l'utilisateur</button>
+        <button type="button" class="btn btn-success" id="enableUserButton" data-bs-toggle="modal" data-bs-target="#enableUserModal">Activer l'évènement</button>
       
-        <button type="button" class="btn btn-warning " id="disableUserButton" data-bs-toggle="modal" data-bs-target="#disableUserModal">Désactiver l'utilisateur</button>
-        <button type="button" class="btn btn-danger" id="removeUserButton" data-bs-toggle="modal" data-bs-target="#removeUserModal">Supprimer l'utilisateur</button>
+        <button type="button" class="btn btn-warning " id="disableUserButton" data-bs-toggle="modal" data-bs-target="#disableUserModal">Désactiver l'évènement</button>
+        <button type="button" class="btn btn-danger" id="removeUserButton" data-bs-toggle="modal" data-bs-target="#removeUserModal">Supprimer l'évènement</button>
       <br /><br /><br />
         <table id=users class="table table-striped table-sm">
           <thead>
             <tr>
               <th><input type="checkbox" id="checkboxPrincipal" aria-label="Checkbox for following text input"></th>
               <th scope="col">ID</th>
-              <th scope="col">Username</th>
-              <th scope="col">Mail</th>
-              <th scope="col">Rôle</th>
+              <th scope="col">Nom</th>
+              <th scope="col">Lieu</th>
+              <th scope="col">Date de début</th>
+              <th scope="col">Date de fin</th>
               <th scope="col">Statut</th>
               <th scope="col"></th>
             </tr>
@@ -184,6 +187,7 @@
               <td></td>
               <td></td>
               <td></td>
+              <td></td>
               <td><span class="activeStatus hidden">Activé</span><span class="disableStatus hidden">Désactivé</span><span class="confirmStatus hidden">En attente de confirmation</span><span class="removeStatus hidden">En attente de suppression</span><span class="unknownStatus hidden">Statut inconnu</span></td>
               <td><button type="button" class="btn btn-primary" data-bs-toggle="modal" userid="" data-bs-target="#updateUserModal">Modifier</button></td>
             </tr>
@@ -209,5 +213,5 @@
   
       <script src="../js/config.js"></script>
       <script src="../js/library.js"></script>
-      <script src="../js/users.js"></script>
+      <script src="../js/lists.js"></script>
 </body></html>

web/html/user.html

@@ -369,5 +369,5 @@
   
       <script src="../js/config.js"></script>
       <script src="../js/library.js"></script>
-      <script src="../js/user.js"></script>
+      <script src="../js/item.js"></script>
 </body></html>

web/html/users.html

@@ -141,7 +141,7 @@
 
         <div class="row g-3">
           <div class="col-auto">
-            <label for="inputRoles" class="form-label">Roles</label>
+            <label for="inputRoles" class="form-label">Rôle :</label>
             <select class="form-select" id="inputRoles" aria-label="Default select example">
               <option value="All" selected>Tout</option>
               <option value="Admin">Administrateurs</option>
@@ -149,7 +149,7 @@
             </select>
           </div>
           <div class="col-auto">
-            <label for="inputStatus" class="form-label">Statut</label>
+            <label for="inputStatus" class="form-label">Statut :</label>
             <select class="form-select" id="inputStatus" aria-label="Default select example">
               <option value="-2" selected>Tout</option>
               <option value="-1">En cours de suppression</option>
@@ -158,12 +158,29 @@
               <option value="2">En cours de validation</option>
             </select>
           </div>
+          <div class="col-auto">
+            <label for="inputPages" class="form-label">Page :</label>
+            <select class="form-select" id="inputPages" aria-label="Page">
+              <option value="20" selected>20</option>
+              <option value="40">40</option>
+              <option value="60">60</option>
+              <option value="80">80</option>
+              <option value="100">100</option>
+            </select>
           </div>
-      <br />
+        </div>
+        <br /><br />
+        <div class="row g-3">
+          <div class="col-auto">
             <button type="button" class="btn btn-success" id="enableUserButton" data-bs-toggle="modal" data-bs-target="#enableUserModal">Activer l'utilisateur</button>
-      
+          </div>
+          <div class="col-auto">
              <button type="button" class="btn btn-warning " id="disableUserButton" data-bs-toggle="modal" data-bs-target="#disableUserModal">Désactiver l'utilisateur</button>
+          </div>   
+          <div class="col-auto">
              <button type="button" class="btn btn-danger" id="removeUserButton" data-bs-toggle="modal" data-bs-target="#removeUserModal">Supprimer l'utilisateur</button>
+          </div>
+        </div>
         <br /><br /><br />
         <table id=users class="table table-striped table-sm">
           <thead>
@@ -209,5 +226,5 @@
   
       <script src="../js/config.js"></script>
       <script src="../js/library.js"></script>
-      <script src="../js/users.js"></script>
+      <script src="../js/lists.js"></script>
 </body></html>

web/js/addItem.js

@@ -0,0 +1,145 @@
+checkToken();
+signOut();
+closeButton();
+pathURL = document.location.pathname.split("/")[document.location.pathname.split("/").length-1].split(".")[0].replace("add","")
+
+if (pathURL == "event"){
+    lastdate = new Date();
+    document.getElementById("start_dateUpdateInput").value=lastdate.getFullYear()+"-"+lastdate.getMonth()+"-"+lastdate.getDate()+"T00:00";
+    document.getElementById("end_dateUpdateInput").value=lastdate.getFullYear()+"-"+lastdate.getMonth()+"-"+lastdate.getDate()+"T06:00";
+}
+
+document.getElementById("addUser").addEventListener("click", function(){
+    switch (pathURL){
+        case "user":
+            var updateProfil = ["username", "email", "firstName", "birth", "password"];
+            break;
+        case "event":
+            var updateProfil = ["name", "place", "start_date", "end_date"];
+            
+            break;
+        default:
+            var updateProfil = []
+            break;
+    }
+    var updateOk = true;
+    for (var i=0; i<updateProfil.length; i++){
+        if(updateProfil[i] == "place"){
+            size = document.getElementsByClassName("mapboxgl-ctrl-geocoder--input")[0].value.length
+        } else {
+            size= document.getElementById(updateProfil[i]+"UpdateInput").value.length
+        }
+        if(size == 0){
+            updateOk = false;
+            document.getElementById(updateProfil[i]+"Alert").classList.remove("hidden");
+        }
+    }
+    if(updateOk){
+        var selector = { "roles": ""};
+        var listSelector = [ "roles"];
+        for (var i=0; i<listSelector.length; i++){
+            var options = document.querySelectorAll("#"+listSelector[i]+"Selector option");
+            for (var j=0; j<options.length; j++){
+                if(options[j].selected){
+                    selector[listSelector[i]] = options[j].value;
+                }
+            }
+        }
+        switch(pathURL){
+            case "user":
+                dataPut = {
+                    "username": document.getElementById("usernameUpdateInput").value,
+                    "email": document.getElementById("emailUpdateInput").value,
+                    "name": document.getElementById("nameUpdateInput").value,
+                    "firstName": document.getElementById("firstNameUpdateInput").value,
+                    "birth": document.getElementById("birthUpdateInput").value,
+                    "password": document.getElementById("passwordUpdateInput").value,
+                    "roles": selector["roles"]  
+                };
+                break;
+            case "event":
+                organizers = []
+                listValue = JSON.parse(document.getElementById("organizersUpdateInput").value)
+                for (var i=0; i<listValue.length; i++){
+                    organizers.push(listValue[i]["value"])
+                }
+                dataPut = {
+                    "name": document.getElementById("nameUpdateInput").value,
+                    "place": document.getElementsByClassName("mapboxgl-ctrl-geocoder--input")[0].value,
+                    "start_date": document.getElementById("start_dateUpdateInput").value,
+                    "end_date": document.getElementById("end_dateUpdateInput").value,
+                    "organizers":organizers,
+                    "latitude": document.getElementById("placeUpdateInput").getAttribute("data-latitude"),
+                    "longitude": document.getElementById("placeUpdateInput").getAttribute("data-longitude")
+                };
+                break;
+            default:
+                dataPut = {};
+                break;
+
+        }
+        instance({
+            method : "put",
+            url:pathURL+"s", 
+            withCredentials: true, 
+            data: dataPut
+        }).then(function(response){
+            var idAlert = "";
+            switch(response.status){
+                case 201:
+                    idAlert="createUser"
+                    switch (pathURL){
+                        case "user":
+                            input = "username";
+                            break;
+                        case "event":
+                            input = "name";
+                            break;
+                        default:
+                            input = "";
+                            break;
+                    }
+                    var user = document.getElementById(input+"UpdateInput").value;
+                    if(user.length > 0){
+                        document.getElementById("displayUser").textContent=user;
+                    }
+                    break;
+                case 204:
+                    idAlert="notModified"
+                    break;
+                default:
+                    idAlert="unknown";
+                    break
+            }
+            document.getElementById(idAlert+"Alert").classList.remove("hidden");
+        }).catch(function(error){
+            console.log(error);
+            switch(error.status){
+                case 401:
+                    listExist = [ "username", "email" ];
+                    for(var i=0; i<listExist.length; i++){
+                        if(error.response.data[listExist[i]]){
+                            document.getElementById(listExist[i]+"ExistAlert").classList.remove("hidden");
+                        }1
+                    }
+                    idAlert="notAuthorized";
+                    break;
+                case 403:
+                    idAlert="forbidden";
+                    break;
+                case 403:
+                    idAlert="syntaxe";
+                    break;
+                case 500:
+                    idAlert="internalServer";
+                    break;
+                default:
+                    idAlert="unknown";
+                    break;
+            }
+            document.getElementById(idAlert+"Alert").classList.remove("hidden");
+        });
+
+    }
+           
+});   

web/js/addUser.js

@@ -1,97 +0,0 @@
-checkToken();
-signOut();
-closeButton();
-
-
-document.getElementById("addUser").addEventListener("click", function(){
-    var updateProfil = ["username", "email", "firstName", "birth", "password"];
-    var updateOk = true;
-    for (var i=0; i<updateProfil.length; i++){
-        if(document.getElementById(updateProfil[i]+"UpdateInput").value.length == 0){
-            updateOk = false;
-            document.getElementById(updateProfil[i]+"Alert").classList.remove("hidden");
-        }
-    }
-    if(updateOk){
-        var selector = { "roles": ""};
-        var listSelector = [ "roles"];
-        for (var i=0; i<listSelector.length; i++){
-            var options = document.querySelectorAll("#"+listSelector[i]+"Selector option");
-            for (var j=0; j<options.length; j++){
-                if(options[j].selected){
-                    selector[listSelector[i]] = options[j].value;
-                }
-            }
-        }
-        
-        dataPut = {
-            
-                "id": "",
-                "username": document.getElementById("usernameUpdateInput").value,
-                "email": document.getElementById("emailUpdateInput").value,
-                "name": document.getElementById("nameUpdateInput").value,
-                "firstName": document.getElementById("firstNameUpdateInput").value,
-                "birth": document.getElementById("birthUpdateInput").value,
-                "status": 1,
-                "password": document.getElementById("passwordUpdateInput").value,
-                "roles": selector["roles"],
-                "created_at": "",
-                "updated_at": "",
-                "deleted_at": "",
-                "connected_at": ""
-              
-        }
-        instance({
-            method : "put",
-            url:"users", 
-            withCredentials: true, 
-            data: dataPut
-        }).then(function(response){
-            var idAlert = "";
-            switch(response.status){
-                case 201:
-                    idAlert="createUser"
-                    var user = document.getElementById("usernameUpdateInput").value;
-                    if(user.length > 0){
-                        document.getElementById("displayUser").textContent=user;
-                    }
-                    break;
-                case 204:
-                    idAlert="notModified"
-                    break;
-                default:
-                    idAlert="unknown";
-                    break
-            }
-            document.getElementById(idAlert+"Alert").classList.remove("hidden");
-        }).catch(function(error){
-            console.log(error);
-            switch(error.response.status){
-                case 401:
-                    listExist = [ "username", "email" ];
-                    for(var i=0; i<listExist.length; i++){
-                        if(error.response.data[listExist[i]]){
-                            document.getElementById(listExist[i]+"ExistAlert").classList.remove("hidden");
-                        }
-                    }
-                    idAlert="notAuthorized";
-                    break;
-                case 403:
-                    idAlert="forbidden";
-                    break;
-                case 403:
-                    idAlert="syntaxe";
-                    break;
-                case 500:
-                    idAlert="internalServer";
-                    break;
-                default:
-                    idAlert="unknown";
-                    break;
-            }
-            document.getElementById(idAlert+"Alert").classList.remove("hidden");
-        });
-
-    }
-           
-});   

web/js/config.js

@@ -1 +1 @@
-const instance = axios.create({ baseURL: 'http://localhost:8083', withCredentials: true});
+const instance = axios.create({ baseURL: 'https://backend.valczeryba.ovh', withCredentials: true});

web/js/geosearch.js

@@ -0,0 +1,20 @@
+mapboxgl.accessToken = 'pk.eyJ1IjoidmFsY3plODAiLCJhIjoiY2xpY2FhOTM5MGxwczNrdGV6a2J1Z2Q4diJ9.I_WRpX1aO4z32ajcE2Ef7A';
+const geocoder = new MapboxGeocoder({
+accessToken: mapboxgl.accessToken,
+types: 'country,region,place,postcode,locality,neighborhood,poi'
+});
+ 
+geocoder.addTo('#placeUpdateInput');
+
+place = document.getElementById("placeUpdateInput");
+
+geocoder.on("result", (e) => {
+    place.setAttribute("data-latitude", e.result.center[1]);
+    place.setAttribute("data-longitude", e.result.center[0]);
+
+});
+
+geocoder.on("clear", () => {
+    place.setAttribute("data-latitude", "");
+    place.setAttribute("data-longitude", "");
+});

web/js/item.js

@@ -0,0 +1,266 @@
+checkToken();
+signOut();
+closeButton();
+pathURL = document.location.pathname.split("/")[document.location.pathname.split("/").length-1].split(".")[0]
+
+var id = getQuery("id");
+
+if(id.length > 0){
+    instance.get(pathURL + "s/"+id, {withCredentials: true})
+        .then(function(response){
+            switch(pathURL){
+                case "user":
+                    var listValue = [ "id", "username", "name", "firstName", "email", "birth"];
+                    break;
+                case "event":
+                    var listValue = [ "id", "name", "organizers", "place", "start_date", "end_date"];
+                    break;
+                default:
+                    var listValue = []
+                    break;
+            }
+            var listTime = ["connected_at", "created_at", "updated_at", "deleted_at", "disabled_at"];
+            for (var i=0; i<listValue.length; i++){
+                if(response.data[listValue[i]] != null){
+                    switch(listValue[i]){
+                        case "place":
+                            document.getElementsByClassName("mapboxgl-ctrl-geocoder--input")[0].value = response.data[listValue[i]];
+                            document.getElementById("placeUpdateInput").setAttribute("data-latitude", response.data["latitude"]);                            
+                            document.getElementById("placeUpdateInput").setAttribute("data-longitude", response.data["longitude"])
+                            break;
+                        case "organizers":
+                            if (response.data[listValue[i]].length > 0 ){
+                                listOrga = []
+                                for (var j=0; j<response.data[listValue[i]].length; j++){
+                                    listOrga.push({"value":response.data[listValue[i]][j]});
+                                }
+                                valueJson = JSON.stringify(listOrga);
+                                document.getElementById(listValue[i]+"UpdateInput").value=valueJson;
+                            }
+                            break;
+                        default:
+                            document.getElementById(listValue[i]+"UpdateInput").value=response.data[listValue[i]];
+                            break;
+
+                    }
+                }
+            }
+
+            for (var i=0; i<listTime.length; i++){
+                if(response.data[listTime[i]] != null){
+                    document.getElementById(listTime[i]+"UpdateInput").value=new Date(response.data[listTime[i]]).toLocaleString();
+                }
+            }
+
+            
+            var listSelector = ["roles", "status"];
+            for (var i=0; i<listSelector.length; i++){
+                if (document.getElementById(listSelector[i]+"Selector") != null){
+                    var select = document.getElementById(listSelector[i]+"Selector").querySelectorAll("option");
+                    for (var j=0; j<select.length; j++){
+                        if(select[j].value == response.data[listSelector[i]]){
+                            select[j].setAttribute("selected", true);
+                        }
+                    }
+                }
+            }
+
+            var buttonUser = "";
+            switch(response.data.status){
+                case 1:
+                    buttonUser = "disableUser";
+                    break;
+                case 2:
+                    buttonUser = "enableUser";
+                    break;
+                case -1:
+                    buttonUser = "cancelUser";
+                    document.getElementById("removeUser").classList.add("hidden");
+                    break;
+                case 0:
+                    buttonUser = "enableUser";
+                    break;
+                default:
+                    break;
+
+            }
+            if(buttonUser.length > 0){
+                document.getElementById(buttonUser).classList.remove("hidden");
+            }
+
+            var listModalButton = ["disable", "enable", "cancel", "remove"];
+
+            for (var i=0; i<listModalButton.length; i++){
+                document.getElementById(listModalButton[i]+"UserButton").addEventListener("click", function(e){
+                    var httpMethod = ""
+                    var httpUrl = "";
+                    var idInput = document.getElementById("idUpdateInput").value;
+                    switch(e.currentTarget.id){
+                        case "disableUserButton":
+                            httpMethod = "delete";
+                            httpUrl = pathURL + "s/"+idInput;
+                            break;
+                        case "removeUserButton":
+                            httpMethod = "delete";
+                            httpUrl = pathURL + "s/"+idInput+"?remove=true";
+                            break;
+                        default:
+                            httpMethod = "patch";
+                            httpUrl = pathURL + "s/"+idInput;
+                            break;
+                    }
+                    instance({
+                        method: httpMethod,
+                        url: httpUrl,
+                        withCredentials: true
+                    })
+                    .then(function(response){
+                        if(response.status == 200){
+                            location.href="/html/"+pathURL+".html?id="+idInput;
+                        }
+                    })
+                    .catch(function(error){
+                        console.log(error);
+                    });
+                
+            });
+        }
+            
+            
+        })
+        .catch(function(error){
+            console.log(error);
+
+        });
+
+
+    document.getElementById("updateUserButton").addEventListener("click", function(){
+        switch(pathURL){
+            case "user":
+                var updateProfil = [ "id", "username", "name", "firstName", "email", "birth"];
+                break;
+            case "event":
+                var updateProfil = [ "id", "name", "place", "organizers", "start_date", "end_date"];
+                break;
+            default:
+                var updateProfil = []
+                break;
+        }
+        var updateOk = true;
+        for (var i=0; i<updateProfil.length; i++){
+            switch(updateProfil[i]){
+                case "place":
+                    size = document.getElementsByClassName("mapboxgl-ctrl-geocoder--input")[0].value.length;
+                    break;
+                case "organizers":
+                    organizers = [];
+                    listValue = JSON.parse(document.getElementById("organizersUpdateInput").value)
+                    for (var J=0; J<listValue.length; J++){
+                        organizers.push(listValue[J]["value"])
+                    }
+                    break;
+                default:
+                    size = document.getElementById(updateProfil[i]+"UpdateInput").value.length;
+                    break;
+                
+            }
+            if(size == 0){
+                updateOk = false;
+                document.getElementById(updateProfil[i]+"Alert").classList.remove("hidden");
+            }
+        }
+        if(updateOk){
+            var selector = { "roles": "", "status": 0};
+            var listSelector = [ "roles", "status"];
+            for (var i=0; i<listSelector.length; i++){
+                var options = document.querySelectorAll("#"+listSelector[i]+"Selector option");
+                for (var j=0; j<options.length; j++){
+                    if(options[j].selected){
+                        selector[listSelector[i]] = options[j].value;
+                    }
+                }
+            }
+            switch (pathURL){
+                case "user":
+                    dataPut = {
+                        "id": document.getElementById("idUpdateInput").value,
+                        "username": document.getElementById("usernameUpdateInput").value,
+                        "email": document.getElementById("emailUpdateInput").value,
+                        "name": document.getElementById("nameUpdateInput").value,
+                        "firstName": document.getElementById("firstNameUpdateInput").value,
+                        "birth": document.getElementById("birthUpdateInput").value,
+                        "status": selector["status"],
+                        "password": document.getElementById("passwordUpdateInput").value,
+                        "roles": selector["roles"],
+                        "created_at": "",
+                        "updated_at": "",
+                        "deleted_at": "",
+                        "disabled_at":"",
+                        "connected_at": ""
+                    };
+                    break;
+                case "event":
+                    dataPut = {
+                        "id": document.getElementById("idUpdateInput").value,
+                        "name": document.getElementById("nameUpdateInput").value,
+                        "place":  document.getElementsByClassName("mapboxgl-ctrl-geocoder--input")[0].value,
+                        "latitude": document.getElementById("placeUpdateInput").getAttribute("data-latitude"),
+                        "longitude": document.getElementById("placeUpdateInput").getAttribute("data-longitude"),
+                        "start_date": document.getElementById("start_dateUpdateInput").value,
+                        "end_date": document.getElementById("end_dateUpdateInput").value,
+                        "status": selector["status"],
+                        "organizers":organizers,
+                        "created_at": "",
+                        "updated_at": "",
+                        "deleted_at": "",
+                        "disabled_at":"",                      
+                    };
+                    break;
+                default:
+                    datePut = {};
+                    break;
+            }
+            instance({
+                method : "put",
+                url:pathURL+"s/"+document.getElementById("idUpdateInput").value, 
+                withCredentials: true, 
+                data: dataPut
+            }).then(function(response){
+                var idAlert = "";
+                switch(response.status){
+                    case 200:
+                        location.reload();
+                        break;
+                    case 304:
+                        idAlert="noContent";
+                        break;
+                    default:
+                        idAlert="unknown";
+                        break;
+                }
+                document.getElementById(idAlert+"Alert").classList.remove("hidden");
+
+            }).catch(function(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");
+            });
+
+        }
+               
+    });   
+    
+}

web/js/library.js

@@ -21,44 +21,53 @@ function checkToken(){
 }
 
 
-function buildParam(e, id){
+function buildParam(typeInput){
     var search = document.getElementById("searchUser").value;
     var param = "";
-    var listParam = ["page", "nbPages"];
-    if(id.length > 0){
-        var select = document.getElementById(id);
+    var listParam = ["skip"];
+    if(typeInput.length > 0){
+        listId =["inputRoles", "inputStatus", "inputPages"]
+        for (var i=0; i<listId.length; i++)  {
+            var select = document.getElementById(listId[i]);
+            if (select != null){
                 var getId = select.options[select.selectedIndex].value;
-        if(id == "inputRoles"){
-            var status = e.target.value;
-            if(status != "-2"){
-                param = param + "status="+status+"&";
+                switch (listId[i])
+                {
+                    case "inputRoles":
+                        if (getId != "All"){
+                            param = param + "roles=" + getId + "&";
                         }
-            if(getId != "All"){
-                param = param + "roles="+getId;
+                        break;
+                    case "inputStatus":
+                        if (getId != "-2"){
+                            param = param + "status=" + getId + "&";
+                        }
+                        break;
+                    case "inputPages":
+                        param = param + "limit=" + getId + "&";
+                        break;
+                    default:
+                        break;
                 }
             }
-        if(id == "inputStatus"){
-            var roles = e.target.value;
-            if(getId != "-2"){
-                param = param + "status="+getId+"&";
-            }
-            if(roles != "All"){
-                param = param + "roles="+roles+"&";
-            }
         }
+       
     } else {
         listParam.push("roles");
         listParam.push("status");
+        listParam.push("limit");
     }
 
     if(search.length > 0){
         if(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(search)){
             param = param + "email="+search+"&";
-          } else {
+        } else if (/^[a-fA-F0-9]{24}$/.test(search)){
             param = param + "id="+search+"&";
+        } else {
+            param = param + "name="+search+"&";
         }
     } else {
-        listParam.push("email"); listParam.push("id");
+        listParam.push("email"); listParam.push("id"); listParam.push("name");
     }
 
     for (var i=0; i<listParam.length; i++){

web/js/lists.js

@@ -1,5 +1,7 @@
 checkToken();
 signOut();
+pathURL = document.location.pathname.split("/")[document.location.pathname.split("/").length-1].split(".")[0]
+
 var param = {}
 
 param["limit"] = 20;
@@ -12,7 +14,7 @@ for(var i=0; i<listSearch.length; i++){
   }
 }
 
-var listQuery = [{"query": "roles", "id":"inputRoles"}, {"query":"status", "id":"inputStatus"}]
+var listQuery = [{"query": "roles", "id":"inputRoles"}, {"query":"status", "id":"inputStatus"}, {"query":"limit", "id":"inputPages"}] 
 
 for (var i=0; i<listQuery.length; i++){
   var query = getQuery(listQuery[i]["query"]);
@@ -28,7 +30,7 @@ for (var i=0; i<listQuery.length; i++){
 }
 
 
-instance.get("users/count",  { withCredentials: true }).then(function(response){
+instance.get(pathURL+"/count",  { withCredentials: true }).then(function(response){
    
     var count = response.data["count"] / param["limit"];
     var reste = response.data["count"] % param["limit"];
@@ -54,7 +56,7 @@ instance.get("users/count",  { withCredentials: true }).then(function(response){
         var aPage = document.querySelectorAll(".page-item")[newPage].querySelector("a");
         aPage.text=newPage;
         var newPage = updateParam("page", newpage);
-        aPage.href="/html/users.html?"+newPage;
+        aPage.href="/html/"+pathURL+".html?"+newPage;
       }
       document.querySelectorAll(".page-item")[page].classList.add("active");
       if(page != 1){
@@ -83,7 +85,7 @@ for (var i=0; i<listQuery.length; i++){
   }
 }
 
-instance.get("users", {withCredentials: true, params:param}).then(function(response){
+instance.get(pathURL, {withCredentials: true, params:param}).then(function(response){
   var listData = response.data;
   if(!Array.isArray(listData)){
     var listData = []
@@ -113,15 +115,15 @@ instance.get("users", {withCredentials: true, params:param}).then(function(respo
         switch(e.currentTarget.id){
           case "disableUserButton":
             httpMethod = "delete";
-            httpUrl = "users/groups";
+            httpUrl = pathURL+"/groups";
             break;
           case "removeUserButton":
             httpMethod = "delete";
-            httpUrl = "users/groups?remove=true";
+            httpUrl = pathURL+"/groups?remove=true";
             break;
           default:
             httpMethod = "patch";
-            httpUrl = "users/groups";
+            httpUrl = pathURL+"/groups";
             break;
         }
         instance({
@@ -132,7 +134,7 @@ instance.get("users", {withCredentials: true, params:param}).then(function(respo
         })
         .then(function(response){
           if(response.status == 200){
-            location.href="/html/users.html";        
+            location.href="/html/"+pathURL+".html";        
           }
         })
         .catch(function(error){
@@ -150,9 +152,19 @@ instance.get("users", {withCredentials: true, params:param}).then(function(respo
     td = trAll[i].querySelectorAll("td");
     td[0].querySelector("input").setAttribute("userid", listData[i].id)
     td[1].textContent = listData[i].id;
+    if(pathURL == "users"){
       td[2].textContent = listData[i].username;
       td[3].textContent = listData[i].email;
       td[4].textContent = listData[i].roles;
+      last_id = 5;
+    }
+    if(pathURL == "events"){
+      td[2].textContent = listData[i].name;
+      td[3].textContent = listData[i].place;
+      td[4].textContent = listData[i].start_date;
+      td[5].textContent = listData[i].start_date;
+      last_id = 6;
+    }
     var classTd = "";
     switch(listData[i].status){
       case 1:
@@ -171,14 +183,14 @@ instance.get("users", {withCredentials: true, params:param}).then(function(respo
         classTd = ".unknownStatus"
         break;
     }
-    td[5].querySelector(".activeStatus").classList.add("hidden");
-    td[5].querySelector(classTd).classList.remove("hidden");
+    td[last_id].querySelector(".activeStatus").classList.add("hidden");
+    td[last_id].querySelector(classTd).classList.remove("hidden");
 
-    td[6].querySelector("button").setAttribute("userid", listData[i].id)
+    td[last_id + 1].querySelector("button").setAttribute("userid", listData[i].id)
     
-    td[6].querySelector("button").addEventListener("click", function(e){ 
+    td[last_id + 1].querySelector("button").addEventListener("click", function(e){ 
       var id = e.currentTarget.getAttribute("userid");
-      location.href="/html/user.html?id="+id;
+      location.href="/html/"+pathURL.slice(0, -1)+".html?id="+id;
     });
 
   }
@@ -194,25 +206,28 @@ instance.get("users", {withCredentials: true, params:param}).then(function(respo
 
 
 document.getElementById("addUser").addEventListener("click", function(){
-  location.href="/html/adduser.html";
+  location.href="/html/add"+pathURL.slice(0, -1)+".html";
 });
 
 document.getElementById("searchUser").addEventListener("keydown", function(ev){
   if(ev.key === "Enter"){
-    var param = buildParam("", "");
-    location.href="/html/users.html?"+param;
+    var param = buildParam("");
+    location.href="/html/"+pathURL+".html?"+param;
   }
 });
 
-document.getElementById("inputStatus").addEventListener("change", function(e){
-  var param = buildParam(e, "inputRoles");
-  location.href="/html/users.html?"+param;
-});
+listInput = ["Status", "Pages" ]
+if (pathURL=="users"){
+  listInput.append("Roles")
+}
 
-document.getElementById("inputRoles").addEventListener("change", function(e){
-  var param = buildParam(e, "inputStatus");
-  location.href="/html/users.html?"+param;
-});
+for (var i=0; i<listInput.length; i++){
+  document.getElementById("input"+listInput[i]).addEventListener("change", function(e){
+    var param = buildParam("inputSelect");
+    location.href="/html/"+pathURL+".html?"+param;
+  });
+
+}
 
 
 

web/js/tags.js

@@ -0,0 +1,2 @@
+var input = document.getElementById("organizersUpdateInput");
+new Tagify(input);

web/js/user.js

@@ -1,184 +0,0 @@
-checkToken();
-signOut();
-closeButton();
-var id = getQuery("id");
-
-if(id.length > 0){
-    instance.get("users/"+id, {withCredentials: true})
-        .then(function(response){
-            var listValue = [ "id", "username", "name", "firstName", "email", "birth"];
-            var listTime = ["connected_at", "created_at", "updated_at", "deleted_at", "disabled_at"];
-            for (var i=0; i<listValue.length; i++){
-                if(response.data[listValue[i]] != null){
-                    document.getElementById(listValue[i]+"UpdateInput").value=response.data[listValue[i]];
-                }
-            }
-
-            for (var i=0; i<listTime.length; i++){
-                if(response.data[listTime[i]] != null){
-                    document.getElementById(listTime[i]+"UpdateInput").value=new Date(response.data[listTime[i]]).toLocaleString();
-                }
-            }
-
-            
-            var listSelector = ["roles", "status"];
-            for (var i=0; i<listSelector.length; i++){
-                var select = document.getElementById(listSelector[i]+"Selector").querySelectorAll("option");
-                for (var j=0; j<select.length; j++){
-                    if(select[j].value == response.data[listSelector[i]]){
-                        select[j].setAttribute("selected", true);
-                    }
-                }
-            }
-
-            var buttonUser = "";
-            switch(response.data.status){
-                case 1:
-                    buttonUser = "disableUser";
-                    break;
-                case 2:
-                    buttonUser = "enableUser";
-                    break;
-                case -1:
-                    buttonUser = "cancelUser";
-                    document.getElementById("removeUser").classList.add("hidden");
-                    break;
-                case 0:
-                    buttonUser = "enableUser";
-                    break;
-                default:
-                    break;
-
-            }
-            if(buttonUser.length > 0){
-                document.getElementById(buttonUser).classList.remove("hidden");
-            }
-
-            var listModalButton = ["disable", "enable", "cancel", "remove"];
-
-            for (var i=0; i<listModalButton.length; i++){
-                document.getElementById(listModalButton[i]+"UserButton").addEventListener("click", function(e){
-                    var httpMethod = ""
-                    var httpUrl = "";
-                    var idInput = document.getElementById("idUpdateInput").value;
-                    switch(e.currentTarget.id){
-                        case "disableUserButton":
-                            httpMethod = "delete";
-                            httpUrl = "users/"+idInput;
-                            break;
-                        case "removeUserButton":
-                            httpMethod = "delete";
-                            httpUrl = "users/"+idInput+"?remove=true";
-                            break;
-                        default:
-                            httpMethod = "patch";
-                            httpUrl = "users/"+idInput;
-                            break;
-                    }
-                    instance({
-                        method: httpMethod,
-                        url: httpUrl,
-                        withCredentials: true
-                    })
-                    .then(function(response){
-                        if(response.status == 200){
-                            location.href="/html/user.html?id="+idInput;
-                        }
-                    })
-                    .catch(function(error){
-                        console.log(error);
-                    });
-                
-            });
-        }
-            
-            
-        })
-        .catch(function(error){
-            console.log(error);
-
-        });
-
-
-    document.getElementById("updateUserButton").addEventListener("click", function(){
-        var updateProfil = ["id", "username", "email", "firstName", "birth"];
-        var updateOk = true;
-        for (var i=0; i<updateProfil.length; i++){
-            if(document.getElementById(updateProfil[i]+"UpdateInput").value.length == 0){
-                updateOk = false;
-                document.getElementById(updateProfil[i]+"Alert").classList.remove("hidden");
-            }
-        }
-        if(updateOk){
-            var selector = { "roles": "", "status": 0};
-            var listSelector = [ "roles", "status"];
-            for (var i=0; i<listSelector.length; i++){
-                var options = document.querySelectorAll("#"+listSelector[i]+"Selector option");
-                for (var j=0; j<options.length; j++){
-                    if(options[j].selected){
-                        selector[listSelector[i]] = options[j].value;
-                    }
-                }
-            }
-            
-            dataPut = {
-                    "id": document.getElementById("idUpdateInput").value,
-                    "username": document.getElementById("usernameUpdateInput").value,
-                    "email": document.getElementById("emailUpdateInput").value,
-                    "name": document.getElementById("nameUpdateInput").value,
-                    "firstName": document.getElementById("firstNameUpdateInput").value,
-                    "birth": document.getElementById("birthUpdateInput").value,
-                    "status": selector["status"],
-                    "password": document.getElementById("passwordUpdateInput").value,
-                    "roles": selector["roles"],
-                    "created_at": "",
-                    "updated_at": "",
-                    "deleted_at": "",
-                    "disabled_at":"",
-                    "connected_at": ""
-                  
-            }
-            instance({
-                method : "put",
-                url:"users/"+document.getElementById("idUpdateInput").value, 
-                withCredentials: true, 
-                data: dataPut
-            }).then(function(response){
-                var idAlert = "";
-                switch(response.status){
-                    case 200:
-                        location.reload();
-                        break;
-                    case 304:
-                        idAlert="noContent";
-                        break;
-                    default:
-                        idAlert="unknown";
-                        break;
-                }
-                document.getElementById(idAlert+"Alert").classList.remove("hidden");
-
-            }).catch(function(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");
-            });
-
-        }
-               
-    });   
-    
-}