felix-vi/PreprojetIHMFI2024
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fini

Browse Source
This commit is contained in:
Patrick FELIX-VIMALARATNAM
2024-10-04 17:14:30 +02:00
parent ea074f0629
commit c547ce3368
7 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
Site_Client/index.html Normal file
View File

@@ -0,0 +1,90 @@
<!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 w3-padding">
<!-- Bouton Mon profil à gauche -->
<button class="w3-bar-item w3-yellow 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-display-topmiddle">Mes portefeuilles</h2>
<!-- Bouton Déconnexion décoratif à droite -->
<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) -->
<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 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 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>
</div>
<!-- Section Profil -->
<div class="w3-col l4 m6">
<div class="w3-card w3-padding">
<div class="w3-center">
<img src="../Image/avatar.jpg" 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-round-xlarge 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 w3-center">
<h2>Confirmation</h2>
</header>
<div class="w3-container w3-center">
<p>Voulez-vous supprimer vos données ?</p>
</div>
<footer class="w3-container w3-padding w3-center">
<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>
</div>
</body>
</html>