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 Financier< / title >
< link rel = "stylesheet" href = "https://www.w3schools.com/w3css/4/w3.css" >
2024-10-18 19:07:09 +02:00
< link rel = "icon" href = "../../media/img/logoIcon.ico" type = "image/x-icon" / >
2024-10-16 18:19:14 +02:00
< link rel = "stylesheet" href = "../../css/FINANCE/finance.css" >
< / head >
< body >
2024-10-18 19:45:09 +02:00
2024-10-18 13:43:07 +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 13:43:07 +02:00
< div class = "logo-container w3-bar-item" >
2024-10-18 19:45:09 +02:00
< img src = "../../media/img/logoWhite.png" alt = "Logo Accueil" class = "w3-image" style = "width:150px; height:40px;" >
2024-10-16 18:19:14 +02:00
< / div >
2024-10-18 19:45:09 +02:00
2024-10-18 13:43:07 +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-18 19:45:09 +02:00
2024-10-16 18:19:14 +02:00
<!-- Catégories dans le header -->
2024-10-18 19:45:09 +02:00
< div id = "menu" class = "categories w3-hide-small w3-hide-medium w3-bar-item" >
2024-10-18 13:43:07 +02:00
< a href = "./finance.html" class = "w3-bar-item w3-button" > Accueil< / a >
< a href = "./paiements_en_attente.html" class = "w3-bar-item w3-button" > Paiements en attente< / a >
2024-10-18 19:45:09 +02:00
< a href = "./historique_paiements.html" class = "w3-bar-item w3-button" > Historique des paiements< / a >
2024-10-18 20:06:00 +02:00
< a href = "./budget.html" class = "w3-bar-item w3-button" > Budget< / a >
2024-10-18 13:43:07 +02:00
< a href = "./rapports_financiers.html" class = "w3-bar-item w3-button" > Rapports Financiers< / a >
2024-10-18 19:45:09 +02:00
< a href = "./mes_informations.html" class = "w3-bar-item w3-button" > Mes informations< / a >
2024-10-16 18:19:14 +02:00
< / div >
<!-- Section utilisateur avec déconnexion -->
2024-10-18 19:45:09 +02:00
< div class = "user-section w3-right w3-hide-small w3-hide-medium" >
< div class = "user-name" >
2024-10-16 18:19:14 +02:00
Jean DUPONT
< / div >
2024-10-18 13:43:07 +02:00
< div class = "logout-container w3-bar-item" >
2024-10-18 19:45:09 +02:00
< a href = "./notifications.html" title = "Notifications" >
< img src = "../../media/img/notifs.png" alt = "Logo notification" style = "width:24px; height:24px;" >
< / a >
< a href = "./settings.html" title = "Paramètres" >
< img src = "../../media/img/settings.png" alt = "Logo paramètres" style = "width:24px; height:24px;" >
< / a >
2024-10-16 18:19:14 +02:00
< a href = "../../index.html" title = "Se déconnecter" >
2024-10-18 19:45:09 +02:00
< img src = "../../media/img/LogOutWhite.png" alt = "Logo Déconnexion" style = "width:24px; height:24px;" >
< / a >
< / div >
< / div >
<!-- Menu mobile caché au départ -->
< div id = "mobileMenu" class = "w3-bar-block w3-hide w3-hide-large w3-dark-blue" >
< a href = "./finance.html" class = "w3-bar-item w3-button" > Accueil< / a >
< a href = "./paiements_en_attente.html" class = "w3-bar-item w3-button" > Paiements en attente< / a >
< a href = "./historique_paiements.html" class = "w3-bar-item w3-button" > Historique des paiements< / a >
2024-10-18 20:06:00 +02:00
< a href = "./budget.html" class = "w3-bar-item w3-button" > Budget< / a >
2024-10-18 19:45:09 +02:00
< a href = "./rapports_financiers.html" class = "w3-bar-item w3-button" > Rapports Financiers< / a >
< a href = "./mes_informations.html" class = "w3-bar-item w3-button" > Mes informations< / a >
<!-- Section utilisateur pour mobile -->
< div class = "w3-bar-item w3-border-top w3-margin-top" >
< div class = "user-name" > Jean DUPONT< / div >
< a href = "./notifications.html" title = "Notifications" >
< img src = "../../media/img/notifs.png" alt = "Logo notification" style = "width:24px; height:24px;" >
< / a >
< a href = "./settings.html" title = "Paramètres" >
< img src = "../../media/img/settings.png" alt = "Logo paramètres" style = "width:24px; height:24px;" >
< / a >
< a href = "../../index.html" title = "Se déconnecter" >
< img src = "../../media/img/LogOutWhite.png" alt = "Logo Déconnexion" style = "width:24px; height:24px;" >
2024-10-16 18:19:14 +02:00
< / a >
< / div >
< / div >
< / div >
2024-10-18 19:45:09 +02:00
2024-10-18 13:43:07 +02:00
< div class = "dashboard-container w3-content" >
2024-10-16 18:19:14 +02:00
<!-- Alertes et Notifications -->
2024-10-18 13:43:07 +02:00
< div class = "section-header w3-container w3-light-gray w3-border-left" style = "border-left: 5px solid #20195e;" >
2024-10-16 18:19:14 +02:00
< h2 > Alertes et Notifications< / h2 >
< / div >
2024-10-18 13:43:07 +02:00
< div id = "notifications-container" class = "w3-container" >
2024-10-16 18:19:14 +02:00
<!-- Notifications -->
2024-10-18 13:43:07 +02:00
< div class = "w3-panel w3-red w3-display-container alert" >
< span class = "w3-button w3-red w3-large w3-display-topright" onclick = "this.parentElement.style.display='none'" > × < / span >
2024-10-16 18:19:14 +02:00
< p > < strong > Paiements en attente :< / strong > Vous avez des paiements qui n'ont pas encore été traités. Merci de vérifier dans : < a href = "paiements_en_attente.html" > Paiements en attente< / a > .< / p >
< / div >
2024-10-18 13:43:07 +02:00
< div class = "w3-panel w3-green w3-display-container success" >
< span class = "w3-button w3-green w3-large w3-display-topright" onclick = "this.parentElement.style.display='none'" > × < / span >
2024-10-16 18:19:14 +02:00
< p > < strong > Rapport validé :< / strong > Votre dernier rapport financier a été validé. Vous pouvez le consulter dans : < a href = "rapports_financiers.html" > Rapports Financiers< / a > .< / p >
< / div >
< / div >
<!-- Paiements en attente -->
2024-10-18 13:43:07 +02:00
< div class = "section-header w3-container w3-light-gray w3-border-left" style = "border-left: 5px solid #20195e;" >
2024-10-16 18:19:14 +02:00
< h2 > Paiements en Attente< / h2 >
< / div >
2024-10-18 13:43:07 +02:00
< div class = "card w3-card-4 w3-white" >
< div class = "table-container w3-responsive" >
< table class = "w3-table-all" >
2024-10-16 18:19:14 +02:00
< thead >
< tr >
< th > ID Transaction< / th >
< th > Période< / th >
< th > Montant en Attente (€)< / th >
< th > Date prévue de paiement< / th >
< th > Statut< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td > 002< / td >
< td > Octobre 2024< / td >
< td > 1200,00< / td >
< td > 15/10/2024< / td >
< td > En attente< / td >
< / tr >
< tr >
< td > 003< / td >
< td > Novembre 2024< / td >
< td > 1800,00< / td >
< td > 15/11/2024< / td >
< td > En attente< / td >
< / tr >
< / tbody >
< / table >
< / div >
2024-10-18 13:43:07 +02:00
< div class = "button-container w3-center w3-margin-top" >
< a href = "./paiements_en_attente.html" class = "w3-button w3-blue" >
Voir plus
2024-10-16 18:19:14 +02:00
< / a >
< / div >
< / div >
<!-- Rapports Financiers -->
2024-10-18 13:43:07 +02:00
< div class = "section-header w3-container w3-light-gray w3-border-left" style = "border-left: 5px solid #20195e;" >
2024-10-16 18:19:14 +02:00
< h2 > Rapports Financiers< / h2 >
< / div >
2024-10-18 13:43:07 +02:00
< div class = "card w3-card-4 w3-white" >
< div class = "table-container w3-responsive" >
< table class = "w3-table-all" >
2024-10-16 18:19:14 +02:00
< thead >
< tr >
< th > Rapport< / th >
< th > Date de création< / th >
< th > Statut< / th >
< th > Actions< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td > Rapport d'Octobre 2024< / td >
< td > 01/10/2024< / td >
< td > Validé< / td >
2024-10-18 13:43:07 +02:00
< td > < a href = "rapports_financiers.html#octobre2024" class = "w3-button w3-blue" > Voir Rapport< / a > < / td >
2024-10-16 18:19:14 +02:00
< / tr >
< tr >
< td > Rapport de Novembre 2024< / td >
< td > 01/11/2024< / td >
< td > En cours< / td >
2024-10-18 13:43:07 +02:00
< td > < a href = "#" class = "w3-button w3-blue" > Préparer Rapport< / a > < / td >
2024-10-16 18:19:14 +02:00
< / tr >
< / tbody >
< / table >
< / div >
2024-10-18 13:43:07 +02:00
< div class = "button-container w3-center w3-margin-top" >
< a href = "./rapports_financiers.html" class = "w3-button w3-blue" >
Voir plus
2024-10-16 18:19:14 +02:00
< / a >
< / div >
< / div >
<!-- Historique des paiements du personnel -->
2024-10-18 13:43:07 +02:00
< div class = "section-header w3-container w3-light-gray w3-border-left" style = "border-left: 5px solid #20195e;" >
2024-10-16 18:19:14 +02:00
< h2 > Historique des Paiements du Personnel< / h2 >
< / div >
2024-10-18 13:43:07 +02:00
< div class = "card w3-card-4 w3-white" >
< div class = "table-container w3-responsive" >
< table class = "w3-table-all" >
2024-10-16 18:19:14 +02:00
< thead >
< tr >
< th > Période< / th >
< th > Personnel< / th >
< th > Montant (€)< / th >
< th > Date de Paiement< / th >
< th > Bulletin de paie< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td > Septembre 2024< / td >
< td > Denis MONNERAT (permanent)< / td >
< td > 1800,00< / td >
< td > 01/10/2024< / td >
2024-10-18 13:43:07 +02:00
< td > < a href = "https://ensap.gouv.fr" target = "_blank" class = "w3-button w3-blue" > Voir Bulletin< / a > < / td >
2024-10-16 18:19:14 +02:00
< / tr >
< tr >
< td > Août 2024< / td >
< td > Maxime MENAULT (vacataire)< / td >
< td > 870,00< / td >
< td > 01/09/2024< / td >
2024-10-18 13:43:07 +02:00
< td > < a href = "https://ensap.gouv.fr" target = "_blank" class = "w3-button w3-blue" > Voir Bulletin< / a > < / td >
2024-10-16 18:19:14 +02:00
< / tr >
< / tbody >
< / table >
< / div >
2024-10-18 13:43:07 +02:00
< div class = "button-container w3-center w3-margin-top" >
< a href = "./historique_paiements.html" class = "w3-button w3-blue" >
Voir plus
2024-10-16 18:19:14 +02:00
< / a >
< / div >
< / div >
< / div >
2024-10-18 13:43:07 +02:00
< div class = "footer w3-center w3-dark-blue w3-padding-16" >
2024-10-16 18:19:14 +02:00
< p > © 2024 IUT de Fontainebleau. Tous droits réservés |
< a href = "../mentions_legales.html" > Mentions légales< / a >
< / p >
< / div >
2024-10-18 13:43:07 +02:00
< script >
function toggleMenu() {
2024-10-18 19:45:09 +02:00
var x = document.getElementById("mobileMenu");
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
2024-10-18 13:43:07 +02:00
} else {
2024-10-18 19:45:09 +02:00
x.className = x.className.replace(" w3-show", "");
2024-10-18 13:43:07 +02:00
}
}
< / script >
2024-10-16 18:19:14 +02:00
< / body >
< / html >
