CLIENT
This commit is contained in:
BIN
Portefeuille.png
Normal file
BIN
Portefeuille.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
ProfilClient.png
Normal file
BIN
ProfilClient.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 81 KiB |
BIN
ProfilManager.png
Normal file
BIN
ProfilManager.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 83 KiB |
BIN
ProfilResponsable.png
Normal file
BIN
ProfilResponsable.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
70
Site_Client/client_info_clients.html
Normal file
70
Site_Client/client_info_clients.html
Normal file
@@ -0,0 +1,70 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Information des clients</title>
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<style>
|
||||||
|
.w3-modal {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Conteneur principal -->
|
||||||
|
<div class="w3-container">
|
||||||
|
<header class="w3-bar w3-light-grey">
|
||||||
|
<button class="w3-bar-item w3-button w3-left" onclick="location.href='client_portefeuilles.html'">Retour</button>
|
||||||
|
<h2 class="w3-bar-item w3-center">Information des clients</h2>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- Formulaire d'informations client -->
|
||||||
|
<div class="w3-card w3-margin">
|
||||||
|
<div class="w3-container">
|
||||||
|
<h3>Vos informations</h3>
|
||||||
|
<label>Nom :</label>
|
||||||
|
<input class="w3-input w3-border" type="text" value="...">
|
||||||
|
|
||||||
|
<label class="w3-margin-top">Prénom :</label>
|
||||||
|
<input class="w3-input w3-border" type="text" value="...">
|
||||||
|
|
||||||
|
<label class="w3-margin-top">Date de naissance :</label>
|
||||||
|
<input class="w3-input w3-border" type="date" value="...">
|
||||||
|
|
||||||
|
<label class="w3-margin-top">Mail :</label>
|
||||||
|
<input class="w3-input w3-border" type="email" value="...">
|
||||||
|
|
||||||
|
<label class="w3-margin-top">Adresse :</label>
|
||||||
|
<input class="w3-input w3-border" type="text" value="...">
|
||||||
|
|
||||||
|
<!-- Changer avatar -->
|
||||||
|
<label class="w3-margin-top">Changer l'avatar :</label>
|
||||||
|
<div class="w3-container">
|
||||||
|
<img src="avatar_placeholder.png" alt="Avatar" class="w3-circle" style="width:80px">
|
||||||
|
<button class="w3-button w3-grey">Changer</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Bouton de confirmation -->
|
||||||
|
<button class="w3-button w3-green w3-margin-top" onclick="document.getElementById('confirmModal').style.display='block'">Confirmer les changements</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Pop-up de confirmation -->
|
||||||
|
<div id="confirmModal" class="w3-modal">
|
||||||
|
<div class="w3-modal-content w3-animate-top w3-card">
|
||||||
|
<header class="w3-container w3-blue">
|
||||||
|
<button class="w3-button w3-display-topright" onclick="location.href='client_portefeuilles.html'">Fermer le pop-up</button>
|
||||||
|
</header>
|
||||||
|
<div class="w3-container">
|
||||||
|
<p>Changement de vos données : accorder</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
44
Site_Client/client_info_portefeuille.html
Normal file
44
Site_Client/client_info_portefeuille.html
Normal file
@@ -0,0 +1,44 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Information du portefeuille</title>
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Conteneur principal -->
|
||||||
|
<div class="w3-container">
|
||||||
|
<header class="w3-bar w3-light-grey">
|
||||||
|
<a href="client_portefeuilles.html" class="w3-bar-item w3-button w3-left">Retour</a>
|
||||||
|
<h2 class="w3-bar-item w3-center">Information du portefeuille</h2>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- Détails du portefeuille -->
|
||||||
|
<div class="w3-card w3-margin">
|
||||||
|
<div class="w3-container">
|
||||||
|
<h3>Nom du portefeuille</h3>
|
||||||
|
<p><strong>Nom du manager :</strong> ...</p>
|
||||||
|
<p><strong>Prénom du manager :</strong> ...</p>
|
||||||
|
<p><strong>Mail du manager :</strong> ...</p>
|
||||||
|
<p><strong>Nom du responsable de portefeuille :</strong> ...</p>
|
||||||
|
<p><strong>Prénom du responsable :</strong> ...</p>
|
||||||
|
<p><strong>Mail du responsable :</strong> ...</p>
|
||||||
|
|
||||||
|
<!-- Liste des employés et clients -->
|
||||||
|
<label for="employes">Employés :</label>
|
||||||
|
<select id="employes" class="w3-select" name="employes">
|
||||||
|
<option value="">Liste des employés</option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
<label for="clients" class="w3-margin-top">Clients :</label>
|
||||||
|
<select id="clients" class="w3-select" name="clients">
|
||||||
|
<option value="">Liste des clients</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
91
Site_Client/client_portefeuilles.html
Normal file
91
Site_Client/client_portefeuilles.html
Normal file
@@ -0,0 +1,91 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Mes portefeuilles</title>
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<style>
|
||||||
|
.w3-modal {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Conteneur principal -->
|
||||||
|
<div class="w3-container">
|
||||||
|
<header class="w3-bar w3-light-grey">
|
||||||
|
<!-- Bouton Mon profil à gauche -->
|
||||||
|
<button class="w3-bar-item w3-button w3-left">Mon profil</button>
|
||||||
|
<!-- Titre centré -->
|
||||||
|
<h2 class="w3-bar-item w3-center">Mes portefeuilles</h2>
|
||||||
|
<!-- Bouton Déconnexion décoratif à droite -->
|
||||||
|
<span class="w3-bar-item w3-right w3-button w3-border">Déconnexion</span>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- Conteneur pour les deux colonnes (profil et liste des portefeuilles) -->
|
||||||
|
<div class="w3-row-padding w3-margin-top">
|
||||||
|
<!-- Liste des portefeuilles -->
|
||||||
|
<div class="w3-col l8 m6">
|
||||||
|
<div class="w3-card w3-padding">
|
||||||
|
<h3 class="w3-center">Liste des portefeuilles</h3>
|
||||||
|
<div class="w3-container w3-padding">
|
||||||
|
<div class="w3-container w3-border w3-margin-bottom">
|
||||||
|
<h4>NomDossier 1</h4>
|
||||||
|
<p>Description, Num_Equipe</p>
|
||||||
|
<button class="w3-button w3-blue" onclick="location.href='client_info_portefeuille.html'">Voir les détails</button>
|
||||||
|
<button class="w3-button w3-red" onclick="document.getElementById('deleteModal').style.display='block'">Supprimer mes données</button>
|
||||||
|
</div>
|
||||||
|
<div class="w3-container w3-border w3-margin-bottom">
|
||||||
|
<h4>NomDossier 2</h4>
|
||||||
|
<p>Description, Num_Equipe</p>
|
||||||
|
<button class="w3-button w3-blue" onclick="location.href='client_info_portefeuille.html'">Voir les détails</button>
|
||||||
|
<button class="w3-button w3-red" onclick="document.getElementById('deleteModal').style.display='block'">Supprimer mes données</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Section Profil -->
|
||||||
|
<div class="w3-col l4 m6">
|
||||||
|
<div class="w3-card w3-padding">
|
||||||
|
<div class="w3-center">
|
||||||
|
<img src="avatar_placeholder.png" alt="Avatar" class="w3-circle" style="width:100px">
|
||||||
|
</div>
|
||||||
|
<div class="w3-center w3-margin-top">
|
||||||
|
<h4>Vous avez un profil Client</h4>
|
||||||
|
<p><strong>Noms :</strong> Nom</p>
|
||||||
|
<p><strong>Prenoms :</strong> Prénom</p>
|
||||||
|
<p><strong>Date_birth :</strong> MM/DD/YYYY</p>
|
||||||
|
<p><strong>Adresse :</strong> Ville, Commune, etc...</p>
|
||||||
|
<p><strong>Mail :</strong> example@client.com</p>
|
||||||
|
<p><strong>Métier :</strong> example</p>
|
||||||
|
<button class="w3-button w3-blue w3-margin-top" onclick="location.href='client_info_clients.html'">Changer mes données</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Pop-up de confirmation pour suppression -->
|
||||||
|
<div id="deleteModal" class="w3-modal">
|
||||||
|
<div class="w3-modal-content w3-animate-top w3-card">
|
||||||
|
<header class="w3-container w3-red">
|
||||||
|
<span onclick="document.getElementById('deleteModal').style.display='none'" class="w3-button w3-display-topright">×</span>
|
||||||
|
<h2>Confirmation</h2>
|
||||||
|
</header>
|
||||||
|
<div class="w3-container">
|
||||||
|
<p>Voulez-vous supprimer vos données ?</p>
|
||||||
|
</div>
|
||||||
|
<footer class="w3-container w3-padding">
|
||||||
|
<button class="w3-button w3-green" onclick="document.getElementById('deleteModal').style.display='none'">Oui</button>
|
||||||
|
<button class="w3-button w3-grey" onclick="document.getElementById('deleteModal').style.display='none'">Non</button>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user