fin de maquette et wireflow

This commit is contained in:
2024-10-03 16:01:24 +02:00
parent 0d992d367d
commit 029a834806
7 changed files with 17 additions and 16 deletions

BIN
Image/avatar.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

View File

@@ -44,13 +44,13 @@
<!-- 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">
<header class="w3-container w3-red w3-center">
<h2>Confirmation</h2>
</header>
<div class="w3-container">
<div class="w3-container w3-center">
<p>Êtes-vous sûr de vouloir supprimer ce portefeuille ?</p>
</div>
<footer class="w3-container w3-padding">
<footer class="w3-container w3-padding w3-center">
<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>

View File

@@ -83,7 +83,7 @@
<!-- 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">
<header class="w3-container w3-blue w3-center">
<h2>Gestion des droits</h2>
</header>
<div class="w3-container">
@@ -102,7 +102,7 @@
<option value="employe3">Employé 3</option>
</select>
</div>
<footer class="w3-container w3-padding">
<footer class="w3-container w3-padding w3-center">
<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>

View File

@@ -12,9 +12,10 @@
<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>
<button class="w3-bar-item w3-yellow 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>
<img src="../Image/avatar.jpg" alt="Avatar" class="w3-circle w3-right" style="width:45px">
<!-- 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>
@@ -57,11 +58,11 @@
<!-- 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">
<header class="w3-container w3-red w3-center">
<h2>Confirmation</h2>
</header>
<div class="w3-container">
<p>Quel client doit être supprimé ?</p>
<h2 class="w3-center">Quel client doit être supprimé ?</h2>
<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>
@@ -70,7 +71,7 @@
<option value="client3">Client 3</option>
</select>
</div>
<footer class="w3-container w3-padding">
<footer class="w3-container w3-padding w3-center">
<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>

View File

@@ -42,7 +42,7 @@
<!-- 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">
<img src="../Image/avatar.jpg" alt="Avatar" class="w3-circle" style="width:80px">
<button class="w3-button w3-grey w3-round-xlarge">Changer</button>
</div>

View File

@@ -17,7 +17,7 @@
<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-border w3-border-black w3-left w3-round-xlarge w3-margin-bottom">Mon profil</button>
<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 -->
@@ -51,7 +51,7 @@
<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">
<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>
@@ -72,13 +72,13 @@
<!-- 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">
<header class="w3-container w3-red w3-center">
<h2>Confirmation</h2>
</header>
<div class="w3-container">
<div class="w3-container w3-center">
<p>Voulez-vous supprimer vos données ?</p>
</div>
<footer class="w3-container w3-padding">
<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>

File diff suppressed because one or more lines are too long