maxence.lanone
/
JTT_CrM_test_ci
forked from CRM_Production/JTT_CrM
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
master
Maxence LANONE 3 years ago
parent 66978d5d45 d636431861
commit ab738a6086
5 changed files with 277 additions and 80 deletions
Show Stats Download Patch File Download Diff File

30
src/pages/Admin.js
Unescape View File

@ -13,34 +13,28 @@ const Admin = () => {
<form className="form">
<table className="Formulaire_de_connexion">
<tr>
<p className="texte">Nom :</p>
<input id="nom" className="texte_zone" type="text" placeholder="Nom..."/>
<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">Prénom :</p>
<input id="nom" className="texte_zone" type="text" placeholder="Nom..."/>
<input id="prénom" className="texte_zone" type="text" placeholder="Prénom..."/>
</tr>
<tr>
<p className="texte">Rôle dans l'entreprise :</p>
<input id="rôle" className="texte_zone" type="text" placeholder="Rôle..."/>
</tr>
<tr>
<p className="texte">Identifiant :</p>
<input id="identifiant" className="texte_zone" type="text" placeholder="Identifiant..."/>
</tr>
<tr>
<p className="texte">Mot de passe (par défaut) :</p>
<input id="password" className="texte_zone" type="password" placeholder="Mot de passe (par default)..."/>
</tr>
<tr>
<div className='bouton_submit'>
<button className="bouton_val" type="submit">Valider</button>
<button className="bouton_ann" type="submit">Annuler</button>
</div>
</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>
);

66
src/pages/Admin_modif.js
Unescape View File

@ -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>
);

34
src/pages/Compte.js
Unescape View File

@ -59,18 +59,44 @@ const Compte = () => {
</div>
</div>
<div className="name">
<p className="def">Nom Complet :</p>
<p className="nom">Mateo Centeno</p>
<div className="presentationNom">
<p className="def">Nom Complet :</p>
<p className="nom">Mateo Centeno</p>
</div>
<div className='bouton_submit'>
<button className="bouton_modifierNom" type="submit">Modifier le nom</button>
</div>
</div>
</div>
<div className="infoPerso">
<p>infoPerso</p>
<p className="description">Informations personnel</p>
<div className="parti_mail">
<p className="def">Mail :</p>
<p className="mail">coucou@gmail.com</p>
</div>
<div className="parti_pays">
<p className="def">Pays ou Région :</p>
<p className="pays_region">France</p>
</div>
<div className="parti_tel">
<p className="def">Tel :</p>
<p className="tel">0745632114</p>
</div>
</div>
<div className="infoEntreprise">
<p>infoEntreprise</p>
<p className="description">Informations entreprise</p>
<div className="parti_name">
<p className="def">Nom de l'entreprise</p>
<p className="name">entreprise name</p>
</div>
<div className="parti_secteurAct">
<p className="def">Secteur d'activité :</p>
<p className="secteurAct">Coiffure</p>
</div>
<div className="parti_nbClient">
<p className="def">Nombre clients :</p>
<p className="nbClient">200</p>
</div>
</div>
</div>
</div>

67
src/styles/components/_admin.scss
Unescape View File

@ -76,11 +76,11 @@
display: flex;
flex-direction: column;
flex-basis: 100%;
/*background: rgba(255, 255, 255, 0.3);
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);*/
-webkit-backdrop-filter: blur(15px);
margin: 10px;
padding: 10px;
@ -110,10 +110,48 @@
margin-right: 10px;
}
.Formulaire_de_connexion {
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);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);*/
.texte_côté {
display:flex;
flex-direction: column;
justify-content: space-around;
height: 100%;
}
input {
display: flex;
flex-direction: column;
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 {
align-self: center;
font-weight: bold;
font-size: 30px;
font-size: 15px;
padding: 10px 10px 10px 0;
}
@ -123,21 +161,23 @@
background-color: transparent;
border-radius: 5px;
border: 0.5px solid;
justify-content: center;
padding: 0 10px 0 15px;
//padding-left: 10px;
//padding-right: 10px;
padding-left: 10px;
padding-right: 10px;
}
.bouton_submit {
display: flex;
flex-direction: row;
justify-content: space-between;
justify-content: space-around;
align-self: center;
width: 600px;
height: 30px;
margin: 5px 5px 5px 0;
margin-top: 5%;
.bouton_val{
display: flex;
//display: flex;
background-color: grey;
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(30px);
@ -161,7 +201,7 @@
}
.bouton_ann{
display: flex;
//display: flex;
background-color: grey;
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(30px);
@ -196,7 +236,6 @@
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);*/
margin: 10px;
padding: 10px;
.Titre {
display: flex;
@ -205,7 +244,7 @@
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
margin: 10px;
//margin: 10px;
font-size: 70px;
font-weight: bold;
}
@ -219,8 +258,8 @@
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
margin: 10px;
padding: 10px;
//margin: 10px;
//padding: 10px;
align-items: center;
.input_box {

160
src/styles/components/_compte.scss
Unescape View File

@ -124,6 +124,7 @@ body {
.Compte {
display: flex;
flex-direction: column;
justify-content: space-evenly;
width: 94.3%;
height: auto;
margin: 5px 10px 10px 5px;
@ -138,7 +139,7 @@ body {
display: flex;
flex-direction: column;
justify-content: space-evenly;
margin: 30px;
margin: 13px;
width: auto;
height: 30%;
@ -152,12 +153,14 @@ body {
display: flex;
flex-direction: row;
justify-content: left;
margin-right: 25px;
margin-left: 25px;
border-bottom: 1px solid grey;
.photo_profil {
display: flex;
height: 150px;
width: 150px;
height: 135px;
width: 135px;
}
.bouton_submit {
@ -168,7 +171,7 @@ body {
.bouton_ajoutPhoto {
height: 40px;
width: 150px;
background-color: grey;
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);
@ -183,18 +186,27 @@ body {
.name {
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 0 25px;
.def {
.presentationNom {
display: flex;
}
flex-direction: row;
justify-content: space-evenly;
.nom {
display: flex;
.def {
display: flex;
font-weight: bold;
}
.nom {
display: flex;
margin-left: 125px;;
}
}
.bouton_submit {
display: flex;
justify-content: right;
}
}
}
@ -202,8 +214,9 @@ body {
.infoPerso {
display: flex;
flex-direction: column;
margin-left: 30px;
margin-right: 30px;
justify-content: space-evenly;
margin-left: 13px;
margin-right: 13px;
width: auto;
height: 30%;
@ -212,12 +225,73 @@ body {
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
.description {
display: flex;
margin: 0 25px;
border-bottom: 1px solid grey;
padding: 0 0 10px 0;
font-weight: bold;
}
.parti_mail {
display: flex;
flex-direction: row;
margin: 0 25px;
border-bottom: 1px solid grey;
padding: 0 0 15px 0;
.def {
display: flex;
font-weight: bold;
}
.mail {
display: flex;
margin-left: 199px;
}
}
.parti_pays {
display: flex;
flex-direction: row;
margin: 0 25px;
border-bottom: 1px solid grey;
padding: 0 0 15px 0;
.def {
display: flex;
font-weight: bold;
}
.pays_region {
display: flex;
margin-left: 110px;
}
}
.parti_tel {
display: flex;
flex-direction: row;
margin: 0 25px;
.def {
display: flex;
font-weight: bold;
}
.tel {
display: flex;
margin-left: 207px;
}
}
}
.infoEntreprise {
display: flex;
flex-direction: column;
margin: 30px;
flex-direction: column;
justify-content: space-evenly;
margin: 13px;
width: auto;
height: 30%;
@ -226,6 +300,66 @@ body {
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
.description {
display: flex;
margin: 0 25px;
border-bottom: 1px solid grey;
padding: 0 0 10px 0;
font-weight: bold;
}
.parti_name {
display: flex;
flex-direction: row;
margin: 0 25px;
border-bottom: 1px solid grey;
padding: 0 0 15px 0;
.def {
display: flex;
font-weight: bold;
}
.name {
display: flex;
margin-left: 92px;
}
}
.parti_secteurAct{
display: flex;
flex-direction: row;
margin: 0 25px;
border-bottom: 1px solid grey;
padding: 0 0 15px 0;
.def {
display: flex;
font-weight: bold;
}
.secteurAct {
display: flex;
margin-left: 98px;
}
}
.parti_nbClient {
display: flex;
flex-direction: row;
margin: 0 25px;
.def {
display: flex;
font-weight: bold;
}
.nbClient {
display: flex;
margin-left: 115px;
}
}
}
}
}

Write Preview
Loading…
Cancel
Save