presque fini la maquette

This commit is contained in:
2024-10-03 14:41:01 +02:00
parent 7eee8c25a3
commit aa92bae41a
9 changed files with 433 additions and 26 deletions

View File

@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Création de portefeuille</title>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
</head>
<body>
<div class="w3-container">
<header class="w3-bar w3-light-grey w3-padding">
<nav class="w3-left" style="display: flex;flex-direction: column;">
<button class="w3-bar-item w3-button w3-border w3-border-black w3-round-xlarge w3-margin-bottom" onclick="location.href='manager_gestion_portefeuilles.html'">Profil</button>
<button class="w3-button w3-border w3-border-black w3-round-xlarge w3-margin-bottom" onclick="location.href='manager_liste_employes.html'">Accès des employés</button>
<button class="w3-button w3-yellow w3-border w3-border-black w3-round-xlarge w3-margin-bottom">Créer des portefeuilles</button>
</nav>
<h2 class="w3-bar-item w3-display-topmiddle">Liste des employés</h2>
<span class="w3-bar-item w3-right w3-button w3-border w3-border-black w3-border w3-round-xlarge w3-margin-bottom">Déconnexion</span>
</header>
<div class="w3-container w3-padding w3-margin-top">
<h3 class="w3-center">Créer un nouveau portefeuille</h3>
<form class="w3-container">
<label for="portfolioName">Nom du portefeuille :</label>
<input class="w3-input w3-border" type="text" id="portfolioName" required>
<label for="portfolioDescription">Description :</label>
<input class="w3-input w3-border" type="text" id="portfolioDescription" required>
<button class="w3-button w3-green w3-margin-top w3-round-xlarge">Créer</button>
</form>
</div>
</div>
</body>
</html>

View File

@@ -0,0 +1,62 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gestion des portefeuilles</title>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
</head>
<body>
<div class="w3-container">
<header class="w3-bar w3-light-grey w3-padding">
<nav class="w3-left" style="display: flex;flex-direction: column;">
<button class="w3-bar-item w3-button w3-border w3-border-black w3-yellow w3-round-xlarge w3-margin-bottom">Profil</button>
<button class="w3-button w3-border w3-border-black w3-round-xlarge w3-margin-bottom" onclick="location.href='manager_liste_employes.html'">Accès des employés</button>
<button class="w3-button w3-border w3-border-black w3-round-xlarge w3-margin-bottom" onclick="location.href='manager_creation_portefeuille.html'">Créer des portefeuilles</button>
</nav>
<h2 class="w3-bar-item w3-display-topmiddle">Liste des employés</h2>
<span class="w3-bar-item w3-right w3-button w3-border w3-border-black w3-border w3-round-xlarge w3-margin-bottom">Déconnexion</span>
</header>
<div class="w3-container w3-padding w3-margin-top">
<h3 class="w3-center">Liste des portefeuilles</h3>
<div class="w3-container w3-padding">
<div class="w3-container w3-border w3-margin-bottom w3-border-black w3-round-xlarge">
<h4>Portefeuille 1</h4>
<p>Description du portefeuille</p>
<div class="w3-right">
<button class="w3-button w3-blue w3-round-xlarge w3-margin-bottom" onclick="location.href='manager_info_portefeuille.html'">Voir les détails</button>
<button class="w3-button w3-red w3-round-xlarge w3-margin-bottom" onclick="document.getElementById('deleteModal').style.display='block'">Supprimer</button>
</div>
</div>
<div class="w3-container w3-border w3-margin-bottom w3-border-black w3-round-xlarge">
<h4>Portefeuille 2</h4>
<p>Description du portefeuille</p>
<div class="w3-right">
<button class="w3-button w3-blue w3-round-xlarge w3-margin-bottom" onclick="location.href='manager_info_portefeuille.html'">Voir les détails</button>
<button class="w3-button w3-red w3-round-xlarge w3-margin-bottom" onclick="document.getElementById('deleteModal').style.display='block'">Supprimer</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">
<h2>Confirmation</h2>
</header>
<div class="w3-container">
<p>Êtes-vous sûr de vouloir supprimer ce portefeuille ?</p>
</div>
<footer class="w3-container w3-padding">
<button class="w3-button w3-red w3-round-xlarge" onclick="document.getElementById('deleteModal').style.display='none'">Annuler</button>
<button class="w3-button w3-green w3-round-xlarge" onclick="document.getElementById('deleteModal').style.display='none'">Confirmer</button>
</footer>
</div>
</div>
</div>
</body>
</html>

View File

@@ -0,0 +1,76 @@
<!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 w3-padding">
<a href="manager_gestion_portefeuilles.html" class="w3-bar-item w3-button w3-left w3-border w3-border-black w3-round-xlarge w3-margin-bottom">Retour</a>
<h2 class="w3-bar-item w3-display-topmiddle">Information du portefeuille</h2>
</header>
<!-- Détails du portefeuille -->
<div class="w3-card w3-margin">
<div class="w3-container w3-padding">
<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 -->
<nav style="display: flex;">
<div class="w3-padding" style="display: flex;flex-direction: column;">
<label for="employes">Employés :</label>
<select id="employes" class="w3-select" name="employes">
<option value="">Liste des employés</option>
</select>
</div>
<div class="w3-padding" style="display: flex;flex-direction: column;">
<label for="ajouter">Ajouter :</label>
<select id="ajouter" class="w3-select" name="ajouter">
<option value="">Liste des employés</option>
</select>
</div>
<div class="w3-padding" style="display: flex;flex-direction: column;">
<label for="supprimer">Supprimer :</label>
<select id="supprimer" class="w3-select" name="supprimer">
<option value="">Liste des employés</option>
</select>
</div>
</nav>
<nav style="display: flex;">
<div class="w3-padding" style="display: flex;flex-direction: column;">
<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 class="w3-padding" style="display: flex;flex-direction: column;">
<label for="ajouter" class="w3-margin-top">Ajouter :</label>
<select id="ajouter" class="w3-select" name="ajouter">
<option value="">Liste des clients</option>
</select>
</div>
<div class="w3-padding" style="display: flex;flex-direction: column;">
<label for="supprimer" class="w3-margin-top">Supprimer :</label>
<select id="supprimer" class="w3-select" name="supprimer">
<option value="">Liste des clients</option>
</select>
</div>
</nav>
</div>
</div>
</div>
</body>
</html>

View File

@@ -0,0 +1,109 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Liste des employés</title>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<script>
// Fonction pour ouvrir la pop-up
function openModal() {
document.getElementById('portfolioModal').style.display='block';
}
// Fonction pour fermer la pop-up
function closeModal() {
document.getElementById('portfolioModal').style.display='none';
}
</script>
</head>
<body>
<div class="w3-container">
<header class="w3-bar w3-light-grey w3-padding">
<nav class="w3-left" style="display: flex; flex-direction: column;">
<button class="w3-bar-item w3-button w3-border w3-border-black w3-round-xlarge w3-margin-bottom" onclick="location.href='manager_gestion_portefeuilles.html'">Profil</button>
<button class="w3-button w3-yellow w3-border w3-border-black w3-round-xlarge w3-margin-bottom">Accès des employés</button>
<button class="w3-button w3-border w3-border-black w3-round-xlarge w3-margin-bottom" onclick="location.href='manager_creation_portefeuille.html'">Créer des portefeuilles</button>
</nav>
<h2 class="w3-bar-item w3-display-topmiddle">Liste des employés</h2>
<span class="w3-bar-item w3-right w3-button w3-border w3-border-black w3-border w3-round-xlarge w3-margin-bottom">Déconnexion</span>
</header>
<!-- Zone de filtre pour recherche -->
<div class="w3-container w3-padding w3-margin-top">
<h4>Filtrer les employés</h4>
<input class="w3-input w3-border" type="text" placeholder="Rechercher par nom ou prénom">
<button class="w3-button w3-blue w3-margin-top w3-round-xlarge">Rechercher</button>
</div>
<div class="w3-container w3-padding w3-margin-top">
<h3 class="w3-center">Liste des employés</h3>
<div class="w3-container w3-padding ">
<div class="w3-container w3-border w3-border-black w3-round-xlarge w3-margin-bottom">
<img src="avatar1.jpg" alt="Avatar" class="w3-circle" style="width:50px;height:50px; float:left; margin-right: 15px;">
<h4 style="margin: 0;">Nom: Dupont</h4>
<p style="margin: 0;">Prénom: Jean</p>
<p style="margin: 0;">Date de naissance: 01/01/1990</p>
<p style="margin: 0;">Lieu de vie: Paris</p>
<p style="margin: 0;">Email: employe1@example.com</p>
<div class="w3-right">
<button class="w3-button w3-blue w3-round-xlarge w3-margin-bottom">Voir les détails</button>
<button class="w3-button w3-green w3-round-xlarge w3-margin-bottom" onclick="openModal()">Contrôle Portefeuille</button>
</div>
</div>
<div class="w3-container w3-border w3-border-black w3-round-xlarge w3-margin-bottom">
<img src="avatar2.jpg" alt="Avatar" class="w3-circle" style="width:50px;height:50px; float:left; margin-right: 15px;">
<h4 style="margin: 0;">Nom: Martin</h4>
<p style="margin: 0;">Prénom: Alice</p>
<p style="margin: 0;">Date de naissance: 02/02/1992</p>
<p style="margin: 0;">Lieu de vie: Lyon</p>
<p style="margin: 0;">Email: employe2@example.com</p>
<div class="w3-right">
<button class="w3-button w3-blue w3-round-xlarge w3-margin-bottom">Voir les détails</button>
<button class="w3-button w3-green w3-round-xlarge w3-margin-bottom" onclick="openModal()">Contrôle Portefeuille</button>
</div>
</div>
<div class="w3-container w3-border w3-border-black w3-round-xlarge w3-margin-bottom">
<img src="avatar3.jpg" alt="Avatar" class="w3-circle" style="width:50px;height:50px; float:left; margin-right: 15px;">
<h4 style="margin: 0;">Nom: Bernard</h4>
<p style="margin: 0;">Prénom: Sophie</p>
<p style="margin: 0;">Date de naissance: 03/03/1991</p>
<p style="margin: 0;">Lieu de vie: Marseille</p>
<p style="margin: 0;">Email: employe3@example.com</p>
<div class="w3-right">
<button class="w3-button w3-blue w3-round-xlarge w3-margin-bottom">Voir les détails</button>
<button class="w3-button w3-green w3-round-xlarge w3-margin-bottom" onclick="openModal()">Contrôle Portefeuille</button>
</div>
</div>
<!-- Ajoute d'autres employés si nécessaire -->
</div>
</div>
<!-- Pop-up de confirmation pour contrôle de portefeuille -->
<div id="portfolioModal" class="w3-modal">
<div class="w3-modal-content w3-animate-top w3-card">
<header class="w3-container w3-blue">
<h2>Liste des employés du portefeuille</h2>
</header>
<div class="w3-container">
<p>Choisissez un employé :</p>
<label for="employeeList">Liste des employés :</label>
<select id="employeeList" class="w3-select w3-border">
<option value="" disabled selected>Choisissez un employé</option>
<option value="employe1">Employé 1</option>
<option value="employe2">Employé 2</option>
<option value="employe3">Employé 3</option>
</select>
</div>
<footer class="w3-container w3-padding">
<button class="w3-button w3-red w3-round-xlarge" onclick="closeModal()">Annuler</button>
<button class="w3-button w3-green w3-round-xlarge" onclick="closeModal()">Confirmer</button>
</footer>
</div>
</div>
</div>
</body>
</html>

View 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 w3-padding">
<a href="responsable_portefeuilles.html" class="w3-bar-item w3-button w3-left w3-border w3-border-black w3-round-xlarge w3-margin-bottom">Retour</a>
<h2 class="w3-bar-item w3-display-topmiddle">Information du portefeuille</h2>
</header>
<!-- Détails du portefeuille -->
<div class="w3-card w3-padding">
<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>

View File

@@ -0,0 +1,81 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gestion des portefeuilles</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 w3-padding">
<!-- Bouton Mon profil à gauche -->
<button class="w3-bar-item w3-button w3-left w3-border w3-border-black w3-round-xlarge w3-margin-bottom">Mon profil</button>
<!-- Titre centré -->
<h2 class="w3-bar-item w3-display-topmiddle w3-round-xlarge">Gestion des portefeuilles</h2>
<!-- Bouton Déconnexion décoratif à droite -->
<span class="w3-bar-item w3-right w3-button w3-border w3-border-black w3-round-xlarge w3-margin-bottom">Déconnexion</span>
</header>
<!-- Liste des portefeuilles -->
<div class="w3-container w3-padding w3-margin-top">
<h3 class="w3-center">Liste des portefeuilles</h3>
<div class="w3-container w3-padding">
<div class="w3-container w3-border w3-border-black w3-round-xlarge w3-margin-bottom" style="display: flex; justify-content: space-between; align-items: flex-start;">
<div style="flex: 1;">
<h4>Portefeuille 1</h4>
<div class="w3-container w3-border w3-border-black w3-round-xlarge w3-margin-bottom">
<p>NomDossier: Dossier 1<br>
Description: Description du dossier 1<br>
Num_Equip: 12345</p>
</div>
</div>
<div class="w3-right" style="display: flex; flex-direction: column;">
<button class="w3-button w3-blue w3-margin-bottom w3-margin-top w3-margin-left w3-round-xlarge" onclick="location.href='responsable_info_portefeuille.html'">Voir les détails</button>
<button class="w3-button w3-red w3-margin-bottom w3-margin-top w3-margin-left w3-round-xlarge" onclick="document.getElementById('deleteModal').style.display='block'">Supprimer</button>
</div>
</div>
<div class="w3-container w3-border w3-border-black w3-round-xlarge w3-margin-bottom" style="display: flex; justify-content: space-between; align-items: flex-start;">
<div style="flex: 1;">
<h4>Portefeuille 2</h4>
<div class="w3-container w3-border w3-border-black w3-round-xlarge w3-margin-bottom">
<p>NomDossier: Dossier 2<br>
Description: Description du dossier 2<br>
Num_Equip: 67890</p>
</div>
</div>
<div class="w3-right" style="display: flex; flex-direction: column;">
<button class="w3-button w3-blue w3-margin-bottom w3-margin-top w3-margin-left w3-round-xlarge" onclick="location.href='responsable_info_portefeuille.html'">Voir les détails</button>
<button class="w3-button w3-red w3-margin-bottom w3-margin-top w3-margin-left w3-round-xlarge" onclick="document.getElementById('deleteModal').style.display='block'">Supprimer</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">
<h2>Confirmation</h2>
</header>
<div class="w3-container">
<p>Quel client doit être supprimé ?</p>
<label for="clientList">Liste des clients du portefeuille:</label>
<select id="clientList" class="w3-select w3-border">
<option value="" disabled selected>Choisissez un client</option>
<option value="client1">Client 1</option>
<option value="client2">Client 2</option>
<option value="client3">Client 3</option>
</select>
</div>
<footer class="w3-container w3-padding">
<button class="w3-button w3-red w3-round-xlarge" onclick="document.getElementById('deleteModal').style.display='none'">Annuler</button>
<button class="w3-button w3-green w3-round-xlarge" onclick="document.getElementById('deleteModal').style.display='none'">Confirmer</button>
</footer>
</div>
</div>
</body>
</html>

View File

@@ -15,14 +15,14 @@
<!-- 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 class="w3-bar w3-light-grey w3-padding">
<button class="w3-bar-item w3-button w3-left w3-border w3-border-black w3-round-xlarge w3-margin-bottom" onclick="location.href='client_portefeuilles.html'">Retour</button>
<h2 class="w3-bar-item w3-display-topmiddle">Information des clients</h2>
</header>
<!-- Formulaire d'informations client -->
<div class="w3-card w3-margin">
<div class="w3-container">
<div class="w3-container w3-padding">
<h3>Vos informations</h3>
<label>Nom :</label>
<input class="w3-input w3-border" type="text" value="...">
@@ -43,21 +43,21 @@
<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>
<button class="w3-button w3-grey w3-round-xlarge">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>
<button class="w3-button w3-green w3-margin-top w3-round-xlarge" 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>
<div class="w3-modal-content w3-round-xlarge w3-animate-top w3-card">
<header class="w3-container w3-red">
<button class="w3-button w3-display-topright w3-round-xlarge" onclick="location.href='client_portefeuilles.html'">Fermer le pop-up</button>
</header>
<div class="w3-container">
<div class="w3-container w3-center">
<p>Changement de vos données : accorder</p>
</div>
</div>

View File

@@ -10,14 +10,14 @@
<!-- 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 class="w3-bar w3-light-grey w3-padding">
<a href="client_portefeuilles.html" class="w3-bar-item w3-button w3-border w3-border-black w3-left w3-round-xlarge w3-margin-bottom">Retour</a>
<h2 class="w3-bar-item w3-display-topmiddle">Information du portefeuille</h2>
</header>
<!-- Détails du portefeuille -->
<div class="w3-card w3-margin">
<div class="w3-container">
<div class="w3-container w3-padding">
<h3>Nom du portefeuille</h3>
<p><strong>Nom du manager :</strong> ...</p>
<p><strong>Prénom du manager :</strong> ...</p>

View File

@@ -15,13 +15,13 @@
<!-- Conteneur principal -->
<div class="w3-container">
<header class="w3-bar w3-light-grey">
<header class="w3-bar w3-light-grey w3-padding">
<!-- Bouton Mon profil à gauche -->
<button class="w3-bar-item w3-button w3-left">Mon profil</button>
<button class="w3-bar-item w3-button w3-border w3-border-black w3-left w3-round-xlarge w3-margin-bottom">Mon profil</button>
<!-- Titre centré -->
<h2 class="w3-bar-item w3-center">Mes portefeuilles</h2>
<h2 class="w3-bar-item w3-display-topmiddle">Mes portefeuilles</h2>
<!-- Bouton Déconnexion décoratif à droite -->
<span class="w3-bar-item w3-right w3-button w3-border">Déconnexion</span>
<span class="w3-bar-item w3-right w3-button w3-border w3-border-black w3-border w3-round-xlarge w3-margin-bottom">Déconnexion</span>
</header>
<!-- Conteneur pour les deux colonnes (profil et liste des portefeuilles) -->
@@ -34,14 +34,14 @@
<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>
<button class="w3-button w3-blue w3-round-xlarge w3-margin-bottom" onclick="location.href='client_info_portefeuille.html'">Voir les détails</button>
<button class="w3-button w3-red w3-round-xlarge w3-margin-bottom" 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>
<button class="w3-button w3-blue w3-round-xlarge w3-margin-bottom" onclick="location.href='client_info_portefeuille.html'">Voir les détails</button>
<button class="w3-button w3-red w3-round-xlarge w3-margin-bottom" onclick="document.getElementById('deleteModal').style.display='block'">Supprimer mes données</button>
</div>
</div>
</div>
@@ -61,7 +61,7 @@
<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>
<button class="w3-button w3-blue w3-round-xlarge w3-margin-top" onclick="location.href='client_info_clients.html'">Changer mes données</button>
</div>
</div>
</div>
@@ -73,15 +73,14 @@
<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">&times;</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>
<button class="w3-button w3-green w3-round-xlarge" onclick="document.getElementById('deleteModal').style.display='none'">Oui</button>
<button class="w3-button w3-red w3-round-xlarge" onclick="document.getElementById('deleteModal').style.display='none'">Non</button>
</footer>
</div>
</div>