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

src/pages/Admin_modif.js

@@ -1,42 +1,46 @@
 import React from 'react';
 import NavigationAdmin from '../components/NavigationAdmin.js';
+import Admin from './Admin.js';
 
 const Admin_modif = () => {
     return (
         <div className="page_admin">
-            {/* Create a page to delete an user in the admin page*/}
-            <NavigationAdmin/>
-            <div className="Formulaire">
+            <NavigationAdmin />
+            {/* Create a admin page */}
+            <div className="Titre_Formulaire">
                 <p className="Titre">Admin</p>
+                <div className="Formulaire">
                     <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"/>
+                                <div className="texte_côté">
+                                    <p>Nom :</p>
+                                    <p>Prénom :</p>
+                                    <p>Rôle :</p>
+                                    <p>Identifiant :</p>
+                                    <p>Mot de passe :</p>
+                                </div>
                             </tr>
                             <tr>
-                            <p className="texte">Mot de passe (par défaut) :</p>
-                            <input id="password" className="texte_zone" type="text"/>
+                                <div className="button_submit">
+                                    <button className="bouton_réini">Réinitialiser le mot de passe</button>
+                                </div>
                             </tr>
                             <tr>
-                            <button className="bouton_val_ann" type="submit">Valider</button>
-                            <button className="bouton_val_ann" type="submit">Annuler</button>
+                                <input id="nom" className="texte_zone" type="text" placeholder="Nom..."/>
+                                <input id="prénom" className="texte_zone" type="text" placeholder="Prénom..."/>
+                                <input id="rôle" className="texte_zone" type="text" placeholder="Rôle..."/>
+                                <input id="identifiant" className="texte_zone" type="text" placeholder="Identifiant..."/>
+                                <input id="password" className="texte_zone" type="password" placeholder="Mot de passe (par default)..."/>
                             </tr>
                         </table>
                     </form>
                 </div>
+                <tr className="bouton_submit">
+                    <button className="bouton_val" type="submit">Valider</button>
+                    <button className="bouton_ann" type="submit">Annuler</button>
+                </tr>
+            </div>
         </div>
     );
 };

src/styles/components/_admin.scss

@@ -114,6 +114,7 @@
 
             display: flex;
             flex-direction: row;
+            margin-top: 10%;
             /*background: rgba(255, 255, 255, 0.3);
             border-radius: 15px;
             box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
@@ -125,23 +126,27 @@
                 flex-direction: column;
                 justify-content: space-around;
                 height: 100%;
-                /*background: rgba(255, 255, 255, 0.3);
-                border-radius: 15px;
-                box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
-                backdrop-filter: blur(3px);
-                -webkit-backdrop-filter: blur(15px);*/
             }
 
             input {
                 display: flex;
                 flex-direction: column;
-                /*background: rgba(255, 255, 255, 0.3);
-                border-radius: 15px;
-                box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
-                backdrop-filter: blur(3px);
-                -webkit-backdrop-filter: blur(15px);*/
                 margin: 10px;
             }
+
+            .button_submit {
+                display: flex;
+                margin-top: 150%;
+                margin-bottom: 2%;
+                padding-left: 10px;
+                
+                .bouton_réini{
+                background-color: rgb(190, 189, 189);
+                border-radius: 5px;
+                border: 1px solid black;
+                box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+                }
+            }
         }
 
         .texte {
@@ -165,7 +170,7 @@
         .bouton_submit {
             display: flex;
             flex-direction: row;
-            justify-content: space-between;
+            justify-content: space-around;
             align-self: center;
             width: 600px;
             height: 30px;