2024-10-16 18:19:14 +02:00
<!DOCTYPE html>
< html lang = "fr" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > Dashboard Vacataire< / title >
< link rel = "stylesheet" href = "https://www.w3schools.com/w3css/4/w3.css" >
< link rel = "stylesheet" href = "../../css/VACATAIRE/vacataire.css" >
2024-10-18 16:10:48 +02:00
< style >
.header {
background-color: #370559;
color: white;
}
.logo-container img {
width: 200px;
height: 50px;
}
.categories a {
font-weight: bold;
}
.btn {
background-color: #370559;
}
.btn:hover {
background-color: #5a0bda;
}
.alert, .success {
position: relative;
}
.alert .close, .success .close {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
font-weight: bold;
font-size: 18px;
}
< / style >
2024-10-16 18:19:14 +02:00
< / head >
2024-10-18 16:10:48 +02:00
< body class = "w3-light-grey" >
2024-10-16 18:19:14 +02:00
2024-10-18 16:10:48 +02:00
< div class = "header w3-bar w3-card-4 w3-dark-blue" >
2024-10-16 18:19:14 +02:00
<!-- Logo pour retourner à l'accueil -->
2024-10-18 16:10:48 +02:00
< div class = "logo-container w3-bar-item" >
< img src = "../../media/img/logoWhite.png" alt = "Logo Accueil" class = "w3-image" style = "width:200px; height:50px;" >
2024-10-16 18:19:14 +02:00
< / div >
2024-10-18 16:10:48 +02:00
<!-- Bouton burger pour petit écran -->
< a href = "javascript:void(0)" class = "w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick = "toggleMenu()" > ☰< / a >
2024-10-16 18:19:14 +02:00
<!-- Catégories dans le header -->
2024-10-18 16:10:48 +02:00
< div id = "menu" class = "categories w3-hide-small w3-bar-item" >
< a href = "./vacataire.html" class = "w3-bar-item w3-button" > Accueil< / a >
< a href = "./mes-heures.html" class = "w3-bar-item w3-button" > Heures< / a >
< a href = "./paiements.html" class = "w3-bar-item w3-button" > Paiements< / a >
< a href = "./mon-contrat.html" class = "w3-bar-item w3-button" > Contrat< / a >
< a href = "./mes-informations.html" class = "w3-bar-item w3-button" > Mes informations et documents< / a >
2024-10-16 18:19:14 +02:00
< / div >
<!-- Section utilisateur avec déconnexion -->
2024-10-18 16:10:48 +02:00
< div class = "user-section w3-bar-item w3-right" >
2024-10-16 18:19:14 +02:00
< div class = "user-name" >
Maxime MENAULT
< / div >
2024-10-18 16:10:48 +02:00
< div class = "logout-container w3-bar-item" >
< a href = "./notifications.html" title = "Notifications" >
< img src = "../../media/img/notifs.png" alt = "Logo notification" >
< / a >
< a href = "./settings.html" title = "Paramètres" >
< img src = "../../media/img/settings.png" alt = "Logo paramètres" >
< / a >
2024-10-16 18:19:14 +02:00
< a href = "../../index.html" title = "Se déconnecter" >
< img src = "../../media/img/LogOutWhite.png" alt = "Logo Déconnexion" >
< / a >
< / div >
< / div >
< / div >
2024-10-18 16:10:48 +02:00
<!-- Dashboard -->
< div class = "w3-content w3-padding-16 dashboard-container" >
<!-- Alertes et Notifications -->
< div class = "w3-container w3-white w3-card-4 w3-margin-bottom" >
< h2 class = "w3-text-dark-gray" > Alertes et Notifications< / h2 >
< div id = "notifications-container" >
<!-- Notifications -->
< div class = "w3-panel w3-red alert" >
< span class = "w3-closebtn close" onclick = "this.parentElement.style.display='none';" > × < / span >
< p > < strong > Propositions d'heures en attente :< / strong > Vous n'avez toujours pas validé les propositions d'heures. Ces dernières seront automatiquement acceptées dans 3 jours. Merci de le faire au plus vite dans : < a href = "mes-heures.html" > Mes heures< / a > .< / p >
< / div >
< div class = "w3-panel w3-green success" >
< span class = "w3-closebtn close" onclick = "this.parentElement.style.display='none';" > × < / span >
< p > < strong > Pièces justificatives :< / strong > Vos pièces justificatives ont été validées par le responsable pédagogique et sont accessibles dans : < a href = "mes-informations.html" > Mes informations et documents< / a > .< / p >
< / div >
< / div >
2024-10-16 18:19:14 +02:00
< / div >
2024-10-18 16:10:48 +02:00
<!-- Suivi des Paiements -->
< div class = "w3-container w3-white w3-card-4" >
< h2 class = "w3-text-dark-gray" > Suivi des Paiements< / h2 >
< div class = "w3-responsive" >
< table class = "w3-table-all w3-centered" >
< thead >
< tr class = "w3-light-grey" >
< th > Période< / th >
< th > Heures Payées< / th >
< th > Montant Brut (€)< / th >
< th > Date de Paiement< / th >
< th > Bulletin de paie< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td > Septembre 2024< / td >
< td > 20h< / td >
< td > 870,00< / td >
< td class = "w3-text-green" > 01/10/2024< / td >
< td > < a href = "https://ensap.gouv.fr" target = "_blank" class = "w3-button w3-round btn" style = "background-color: #370559;" > Voir Bulletin< / a > < / td >
< / tr >
< tr >
< td > Octobre 2024< / td >
< td > 22h< / td >
< td > 957,00< / td >
< td class = "w3-text-orange" > En attente< / td >
< td > < a href = "https://ensap.gouv.fr" target = "_blank" class = "w3-button w3-round btn" style = "background-color: #370559;" > Voir Bulletin< / a > < / td >
< / tr >
< / tbody >
< / table >
< / div >
< p class = "w3-padding" > < strong > Prochain paiement prévu :< / strong > Novembre 2024 (20h restantes)< / p >
2024-10-16 18:19:14 +02:00
2024-10-18 16:10:48 +02:00
< div class = "w3-container w3-center" >
< a href = "./paiements.html" class = "w3-button w3-round btn w3-margin-bottom" style = "background-color: #370559;" > Voir tous les paiements< / a >
< / div >
2024-10-16 18:19:14 +02:00
< / div >
< / div >
2024-10-18 16:10:48 +02:00
<!-- Footer -->
< footer class = "w3-center w3-padding w3-text-white" style = "background-color: #370559;" >
< p > © 2024 IUT de Fontainebleau. Tous droits réservés |
< a href = "../mentions_legales.html" > Mentions légales< / a >
< / p >
< / footer >
2024-10-16 18:19:14 +02:00
2024-10-18 16:10:48 +02:00
< script >
function toggleMenu() {
var menu = document.getElementById('menu');
var nom = document.getElementById('user-section');
if (menu.classList.contains('w3-hide-small')) {
menu.classList.remove('w3-hide-small');
menu.classList.remove('user-section');
} else {
menu.classList.add('w3-hide-small');
}
}
< / script >
2024-10-16 18:19:14 +02:00
< / body >
< / html >
