fin de maquette et wireflow
This commit is contained in:
BIN
Image/avatar.jpg
Normal file
BIN
Image/avatar.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
@@ -44,13 +44,13 @@
|
|||||||
<!-- Pop-up de confirmation pour suppression -->
|
<!-- Pop-up de confirmation pour suppression -->
|
||||||
<div id="deleteModal" class="w3-modal">
|
<div id="deleteModal" class="w3-modal">
|
||||||
<div class="w3-modal-content w3-animate-top w3-card">
|
<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>
|
<h2>Confirmation</h2>
|
||||||
</header>
|
</header>
|
||||||
<div class="w3-container">
|
<div class="w3-container w3-center">
|
||||||
<p>Êtes-vous sûr de vouloir supprimer ce portefeuille ?</p>
|
<p>Êtes-vous sûr de vouloir supprimer ce portefeuille ?</p>
|
||||||
</div>
|
</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-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>
|
<button class="w3-button w3-green w3-round-xlarge" onclick="document.getElementById('deleteModal').style.display='none'">Confirmer</button>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
@@ -83,7 +83,7 @@
|
|||||||
<!-- Pop-up de confirmation pour contrôle de portefeuille -->
|
<!-- Pop-up de confirmation pour contrôle de portefeuille -->
|
||||||
<div id="portfolioModal" class="w3-modal">
|
<div id="portfolioModal" class="w3-modal">
|
||||||
<div class="w3-modal-content w3-animate-top w3-card">
|
<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>
|
<h2>Gestion des droits</h2>
|
||||||
</header>
|
</header>
|
||||||
<div class="w3-container">
|
<div class="w3-container">
|
||||||
@@ -102,7 +102,7 @@
|
|||||||
<option value="employe3">Employé 3</option>
|
<option value="employe3">Employé 3</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</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-red w3-round-xlarge" onclick="closeModal()">Annuler</button>
|
||||||
<button class="w3-button w3-green w3-round-xlarge" onclick="closeModal()">Confirmer</button>
|
<button class="w3-button w3-green w3-round-xlarge" onclick="closeModal()">Confirmer</button>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
@@ -12,9 +12,10 @@
|
|||||||
<div class="w3-container">
|
<div class="w3-container">
|
||||||
<header class="w3-bar w3-light-grey w3-padding">
|
<header class="w3-bar w3-light-grey w3-padding">
|
||||||
<!-- Bouton Mon profil à gauche -->
|
<!-- 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é -->
|
<!-- Titre centré -->
|
||||||
<h2 class="w3-bar-item w3-display-topmiddle w3-round-xlarge">Gestion des portefeuilles</h2>
|
<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 -->
|
<!-- 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>
|
<span class="w3-bar-item w3-right w3-button w3-border w3-border-black w3-round-xlarge w3-margin-bottom">Déconnexion</span>
|
||||||
</header>
|
</header>
|
||||||
@@ -57,11 +58,11 @@
|
|||||||
<!-- Pop-up de confirmation pour suppression -->
|
<!-- Pop-up de confirmation pour suppression -->
|
||||||
<div id="deleteModal" class="w3-modal">
|
<div id="deleteModal" class="w3-modal">
|
||||||
<div class="w3-modal-content w3-animate-top w3-card">
|
<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>
|
<h2>Confirmation</h2>
|
||||||
</header>
|
</header>
|
||||||
<div class="w3-container">
|
<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>
|
<label for="clientList">Liste des clients du portefeuille:</label>
|
||||||
<select id="clientList" class="w3-select w3-border">
|
<select id="clientList" class="w3-select w3-border">
|
||||||
<option value="" disabled selected>Choisissez un client</option>
|
<option value="" disabled selected>Choisissez un client</option>
|
||||||
@@ -70,7 +71,7 @@
|
|||||||
<option value="client3">Client 3</option>
|
<option value="client3">Client 3</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</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-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>
|
<button class="w3-button w3-green w3-round-xlarge" onclick="document.getElementById('deleteModal').style.display='none'">Confirmer</button>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
@@ -42,7 +42,7 @@
|
|||||||
<!-- Changer avatar -->
|
<!-- Changer avatar -->
|
||||||
<label class="w3-margin-top">Changer l'avatar :</label>
|
<label class="w3-margin-top">Changer l'avatar :</label>
|
||||||
<div class="w3-container">
|
<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>
|
<button class="w3-button w3-grey w3-round-xlarge">Changer</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -17,7 +17,7 @@
|
|||||||
<div class="w3-container">
|
<div class="w3-container">
|
||||||
<header class="w3-bar w3-light-grey w3-padding">
|
<header class="w3-bar w3-light-grey w3-padding">
|
||||||
<!-- Bouton Mon profil à gauche -->
|
<!-- 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é -->
|
<!-- Titre centré -->
|
||||||
<h2 class="w3-bar-item w3-display-topmiddle">Mes portefeuilles</h2>
|
<h2 class="w3-bar-item w3-display-topmiddle">Mes portefeuilles</h2>
|
||||||
<!-- Bouton Déconnexion décoratif à droite -->
|
<!-- Bouton Déconnexion décoratif à droite -->
|
||||||
@@ -51,7 +51,7 @@
|
|||||||
<div class="w3-col l4 m6">
|
<div class="w3-col l4 m6">
|
||||||
<div class="w3-card w3-padding">
|
<div class="w3-card w3-padding">
|
||||||
<div class="w3-center">
|
<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>
|
||||||
<div class="w3-center w3-margin-top">
|
<div class="w3-center w3-margin-top">
|
||||||
<h4>Vous avez un profil Client</h4>
|
<h4>Vous avez un profil Client</h4>
|
||||||
@@ -72,13 +72,13 @@
|
|||||||
<!-- Pop-up de confirmation pour suppression -->
|
<!-- Pop-up de confirmation pour suppression -->
|
||||||
<div id="deleteModal" class="w3-modal">
|
<div id="deleteModal" class="w3-modal">
|
||||||
<div class="w3-modal-content w3-animate-top w3-card">
|
<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>
|
<h2>Confirmation</h2>
|
||||||
</header>
|
</header>
|
||||||
<div class="w3-container">
|
<div class="w3-container w3-center">
|
||||||
<p>Voulez-vous supprimer vos données ?</p>
|
<p>Voulez-vous supprimer vos données ?</p>
|
||||||
</div>
|
</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-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>
|
<button class="w3-button w3-red w3-round-xlarge" onclick="document.getElementById('deleteModal').style.display='none'">Non</button>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user