Merge branch 'master' of https://codefirst.iut.uca.fr/git/maxence.lanone/JTT_CrM

src/App.js

@@ -1,16 +1,18 @@
 import React from 'react';
 import { BrowserRouter, Routes, Route } from 'react-router-dom';
-/*import Connexion from './pages/Connexion';
-import Admin from './pages/Admin.js';*/
-import Compte from './pages/Compte.js';
+import Compte from './pages/Compte';
+//import Connexion from './pages/Connexion';
+// import Admin from './pages/Admin.js';
 
 const App = () => {
   return (
-    <BrowserRouter>
-      <Routes>
-        <Route path="*" element={<Compte />} />
-      </Routes>
-    </BrowserRouter>
+    //<BrowserRouter>
+    //  <Routes>
+    //    <Route path="*" element={<Connexion />} />
+    //  </Routes>
+    //</BrowserRouter>
+
+    <Compte />
   );
 }
 

src/pages/Admin.js

@@ -8,17 +8,17 @@ const Admin = () => {
             <div className="nav_bar_verticale">
                 <img className="logo" srcSet="./LogoApp.svg"></img>
                 <div className="create_user">
-                    <button id="user" className="bouton" type="button" value="Créer un utilisateur" /*onClick="Create_user()"*/>Créer un nouvel utilisateur</button>
+                    <button id="user" className="bouton" type="button" value="Créer un utilisateur" onClick={Create_user}>Créer un nouvel utilisateur</button>
                 </div>
                 <div className="modify_user">
-                    <button id="user" className="bouton" type="button" value="Modifier un utilisateur" /*onClick="Modify_user()"*/>Modifier un utilisateur</button>
+                    <button id="user" className="bouton" type="button" value="Modifier un utilisateur" onClick={Modify_user}>Modifier un utilisateur</button>
                 </div>
                 <div className="delete_user">
-                    <button id="user" className="bouton" type="button" value="Supprimer un utilisateur" /*onClick="Delete_user()"*/>Supprimer un utilisateur</button>
+                    <button id="user" className="bouton" type="button" value="Supprimer un utilisateur" onClick={Delete_user}>Supprimer un utilisateur</button>
                 </div>
             </div>
+            <p className="Titre">Admin</p>
             <div className="Formulaire">
-                <p className="Titre">Admin</p>
                 <form className="form">
                     <table className="Formulaire_de_connexion">
                         <tr>
@@ -52,4 +52,20 @@ const Admin = () => {
     );
 };
 
+function Create_user() {
+    document.getElementById("user").onclick = function() {Create_user()};
+    document.location.href = "http://localhost:3000/";
+}
+
+function Modify_user(){
+    document.getElementById("user").onclick = function() {Modify_user()};
+    document.location.href = "http://localhost:3000/";
+}
+
+function Delete_user(){
+    //document.getElementById("user").onclick = function() {Delete_user()};
+    document.location = './pages/Admin_supp';
+    console.log(document.location);
+}
+
 export default Admin;

src/pages/Admin_modif.js

@@ -0,0 +1,54 @@
+import React from 'react';
+
+const Admin_modif = () => {
+    return (
+        <div className="page_admin">
+            {/* Create a page to delete an user in the admin page*/}
+            <div className="nav_bar_verticale">
+                <img className="logo" srcSet="./LogoApp.svg"></img>
+                <div className="create_user">
+                    <button id="user" className="bouton" type="button" value="Créer un utilisateur" onClick="Create_user()">Créer un nouvel utilisateur</button>
+                </div>
+                <div className="modify_user">
+                    <button id="user" className="bouton" type="button" value="Modifier un utilisateur" /*onClick="Modify_user()"*/>Modifier un utilisateur</button>
+                </div>
+                <div className="delete_user">
+                    <button id="user" className="bouton" type="button" value="Supprimer un utilisateur" /*onClick="Delete_user()"*/>Supprimer un utilisateur</button>
+                </div>
+            </div>
+            <div className="Formulaire">
+                <p className="Titre">Admin</p>
+                <form className="form">
+                    <table className="Formulaire_de_connexion">
+                        <tr>
+                            <p className="texte">Nom :</p>
+                            <input id="nom" className="texte_zone" type="text"/>
+                        </tr>
+                        <tr>
+                            <p className="texte">Prénom :</p>
+                            <input id="prénom" className="texte_zone" type="text"/>
+                        </tr>
+                        <tr>
+                            <p className="texte">Rôle dans l'entreprise :</p>
+                            <input id="rôle" className="texte_zone" type="text"/>
+                        </tr>
+                        <tr>
+                            <p className="texte">Identifiant :</p>
+                            <input id="identifiant" className="texte_zone" type="text"/>
+                        </tr>
+                        <tr>
+                            <p className="texte">Mot de passe (par défaut) :</p>
+                            <input id="password" className="texte_zone" type="text"/>
+                        </tr>
+                        <tr>
+                            <button className="bouton_val_ann" type="submit">Valider</button>
+                            <button className="bouton_val_ann" type="submit">Annuler</button>
+                        </tr>
+                    </table>
+                </form>
+            </div>
+        </div>
+    );
+};
+
+export default Admin_modif;

src/pages/Admin_supp.js

@@ -0,0 +1,42 @@
+import React from 'react';
+
+const Admin_supp = () => {
+    return (
+        <div className="page_admin">
+            {/* Create a page to delete an user in the admin page*/}
+            <div className="nav_bar_verticale">
+                <img className="logo" srcSet="./LogoApp.svg"></img>
+                <div className="create_user">
+                    <button id="user" className="bouton" type="button" value="Créer un utilisateur" onClick="Create_user()">Créer un nouvel utilisateur</button>
+                </div>
+                <div className="modify_user">
+                    <button id="user" className="bouton" type="button" value="Modifier un utilisateur" /*onClick="Modify_user()"*/>Modifier un utilisateur</button>
+                </div>
+                <div className="delete_user">
+                    <button id="user" className="bouton" type="button" value="Supprimer un utilisateur" /*onClick="Delete_user()"*/>Supprimer un utilisateur</button>
+                </div>
+            </div>
+            <p className="Titre">Admin</p>
+            <form className="formulaire">
+                <table className="Formulaire_de_recherche">
+                    <tr>
+                        <input id="personne" type="search" className="texte_barre" placeholder="🔎 Rechercher un utilisateur" /*onClick={tab}*//>
+                    </tr>
+                    <tr>
+
+                    </tr>
+                </table>
+            </form>
+        </div>
+    );
+};
+
+/*function tab(){
+    var tab = new Array();
+    if(Create_user()){
+        tab.push(nom, prenom);
+    }
+    console.log(tab);
+}*/
+
+export default Admin_supp;

src/styles/components/_admin.scss

@@ -68,23 +68,33 @@
         }
     }
 
-    .Titre {
-        display: flex;
-        font-weight: bold;
-        font-size: 80px;
-        margin: 20px;
-    }
+    /*.form{
+        align-self: center;
+        font-size: 30px;
+    }*/
+
 
     .Formulaire {
         display: flex;
         flex-direction: column;
+        align-items: center;
         width: 100%;
     }
 
-    .form {
+    .Formulaire{
+        display: flex;
+        flex-direction: column;
+        margin: 100px;
+        padding: 30px;
+        align-items: center;
+    }
+
+    .form{
         align-self: center;
         flex-direction: row;
-        font-size: 30px;
+        font-weight: bold;
+        font-size: 80px;
+        margin: 20px;
     }
 
     .texte {
@@ -125,4 +135,13 @@
             background-color: rgba(68, 68, 68, 0.972);
         }
     }
-}
+
+    .texte_barre{
+        display: flex;
+        width: 400px;
+    }
+}
+
+    
+
+