From d636431861e6fa73cc7d2e9af14849b2216f68d1 Mon Sep 17 00:00:00 2001
From: Theo DUPIN <Theo.DUPIN@etu.uca.fr>
Date: Thu, 20 Oct 2022 18:42:13 +0200
Subject: [PATCH] Finalisation page Admin_modif

---
 src/pages/Admin_modif.js          | 66 ++++++++++++++++---------------
 src/styles/components/_admin.scss | 27 +++++++------
 2 files changed, 51 insertions(+), 42 deletions(-)

diff --git a/src/pages/Admin_modif.js b/src/pages/Admin_modif.js
index 10ba8f8..5d5b9c6 100644
--- a/src/pages/Admin_modif.js
+++ b/src/pages/Admin_modif.js
@@ -1,41 +1,45 @@
 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>
-                <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 className="Formulaire">
+                    <form className="form">
+                        <table className="Formulaire_de_connexion">
+                            <tr>
+                                <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>
+                                <div className="button_submit">
+                                    <button className="bouton_réini">Réinitialiser le mot de passe</button>
+                                </div>
+                            </tr>
+                            <tr>
+                                <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>
     );
diff --git a/src/styles/components/_admin.scss b/src/styles/components/_admin.scss
index a2a4126..dce2825 100644
--- a/src/styles/components/_admin.scss
+++ b/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;