From 73707ceb4a599d8c46bbf9f23c16890b818d666d Mon Sep 17 00:00:00 2001
From: stiti <moncef.stiti@gmail.com>
Date: Fri, 18 Oct 2024 20:06:00 +0200
Subject: [PATCH] =?UTF-8?q?Modifications=20de=20tout=20!=20Sauf=20le=20che?=
=?UTF-8?q?f=20de=20d=C3=A9partement=20pour=20le=20moment?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
MaquetteWEB/html/FINANCE/budget.html | 225 ++++++++++++++++++
MaquetteWEB/html/FINANCE/finance.html | 2 +
.../html/FINANCE/historique_paiements.html | 29 +++
.../html/FINANCE/mes_informations.html | 2 +
MaquetteWEB/html/FINANCE/notifications.html | 2 +
.../html/FINANCE/paiements_en_attente.html | 2 +
.../html/FINANCE/rapports_financiers.html | 2 +
MaquetteWEB/html/FINANCE/settings.html | 2 +
8 files changed, 266 insertions(+)
create mode 100644 MaquetteWEB/html/FINANCE/budget.html
diff --git a/MaquetteWEB/html/FINANCE/budget.html b/MaquetteWEB/html/FINANCE/budget.html
new file mode 100644
index 0000000..6235264
--- /dev/null
+++ b/MaquetteWEB/html/FINANCE/budget.html
@@ -0,0 +1,225 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Gestion du Budget</title>
+ <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+ <link rel="icon" href="../../media/img/logoIcon.ico" type="image/x-icon" />
+ <link rel="stylesheet" href="../../css/FINANCE/finance.css">
+ <style>
+ .dashboard-container {
+ margin-top: 20px;
+ }
+ .card {
+ background-color: white;
+ padding: 20px;
+ border-radius: 8px;
+ box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+ margin-bottom: 20px;
+ }
+ .filter-input {
+ width: 300px;
+ }
+ .footer {
+ text-align: center;
+ padding: 10px 0;
+ background-color: #20195e;
+ color: white;
+ margin-top: 40px;
+ }
+ .progress-bar {
+ width: 100%;
+ background-color: #f3f3f3;
+ border-radius: 5px;
+ }
+ .progress {
+ height: 20px;
+ border-radius: 5px;
+ text-align: center;
+ color: white;
+ }
+ </style>
+</head>
+<body class="w3-light-grey">
+
+ <div class="header w3-bar w3-card-4 w3-dark-blue">
+ <!-- Logo pour retourner à l'accueil -->
+ <div class="logo-container w3-bar-item">
+ <img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
+ </div>
+
+ <!-- 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>
+
+ <!-- Catégories dans le header -->
+ <div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
+ <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>
+ <a href="./budget.html" class="w3-bar-item w3-button">Budget</a>
+ <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>
+ </div>
+
+ <!-- Section utilisateur avec déconnexion -->
+ <div class="user-section w3-right w3-hide-small w3-hide-medium">
+ <div class="user-name">
+ Jean DUPONT
+ </div>
+ <div class="logout-container w3-bar-item">
+ <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;">
+ </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>
+ <a href="./budget.html" class="w3-bar-item w3-button">Budget</a>
+ <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;">
+ </a>
+ </div>
+ </div>
+ </div>
+
+ <div class="dashboard-container w3-container">
+ <div class="card w3-card">
+ <h2>Gestion du Budget</h2>
+
+ <!-- Section de filtre -->
+ <div class="filter-section w3-margin-bottom">
+ <input type="text" id="nameFilter" class="filter-input w3-input w3-border" placeholder="Rechercher par formation..." oninput="filterTable()"><br>
+ </div>
+
+ <!-- Tableau des budgets -->
+ <table class="w3-table w3-bordered w3-striped w3-white">
+ <thead>
+ <tr class="w3-light-grey">
+ <th>Département</th>
+ <th>Formation</th>
+ <th>Budget Alloué (€)</th>
+ <th>Dépenses Totales (€)</th>
+ <th>Budget Restant (€)</th>
+ <th>Progression</th>
+ <th>Détails</th>
+ </tr>
+ </thead>
+ <tbody id="budgetTableBody">
+ <tr>
+ <td>Informatique</td>
+ <td>Licence Informatique</td>
+ <td>50,000.00</td>
+ <td>30,000.00</td>
+ <td>20,000.00</td>
+ <td>
+ <div class="progress-bar">
+ <div class="progress" style="width: 60%; background-color: #4caf50;">60%</div>
+ </div>
+ </td>
+ <td><button class="w3-button w3-blue" onclick="showDetails('Licence Informatique')">Voir Détails</button></td>
+ </tr>
+ <tr>
+ <td>GEA</td>
+ <td>BUT GEA</td>
+ <td>70,000.00</td>
+ <td>50,000.00</td>
+ <td>20,000.00</td>
+ <td>
+ <div class="progress-bar">
+ <div class="progress" style="width: 71.43%; background-color: #4caf50;">71.43%</div>
+ </div>
+ </td>
+ <td><button class="w3-button w3-blue" onclick="showDetails('BUT GEA')">Voir Détails</button></td>
+ </tr>
+ <tr>
+ <td>Informatique</td>
+ <td>Master Informatique</td>
+ <td>80,000.00</td>
+ <td>60,000.00</td>
+ <td>20,000.00</td>
+ <td>
+ <div class="progress-bar">
+ <div class="progress" style="width: 75%; background-color: #4caf50;">75%</div>
+ </div>
+ </td>
+ <td><button class="w3-button w3-blue" onclick="showDetails('Master Informatique')">Voir Détails</button></td>
+ </tr>
+ <tr>
+ <td>GEA</td>
+ <td>Master GEA</td>
+ <td>60,000.00</td>
+ <td>45,000.00</td>
+ <td>15,000.00</td>
+ <td>
+ <div class="progress-bar">
+ <div class="progress" style="width: 75%; background-color: #4caf50;">75%</div>
+ </div>
+ </td>
+ <td><button class="w3-button w3-blue" onclick="showDetails('Master GEA')">Voir Détails</button></td>
+ </tr>
+ </tbody>
+ </table>
+
+ </div>
+ </div>
+
+ <div class="footer">
+ <p>© 2024 IUT de Fontainebleau. Tous droits réservés |
+ <a href="../mentions_legales.html" class="w3-text-white">Mentions légales</a>
+ </p>
+ </div>
+
+ <script>
+ // Filtre par nom de formation
+ function filterTable() {
+ const filter = document.getElementById("nameFilter").value.toLowerCase();
+ const rows = document.querySelectorAll("#budgetTableBody tr");
+ rows.forEach(row => {
+ const formationCell = row.cells[1].textContent.toLowerCase();
+ if (formationCell.includes(filter)) {
+ row.style.display = "";
+ } else {
+ row.style.display = "none";
+ }
+ });
+ }
+
+ function showDetails(formation) {
+ alert('Détails pour ' + formation + ': On affichera une pop-up avec des éléments plus précis');
+ }
+
+ function toggleMenu() {
+ var x = document.getElementById("mobileMenu");
+ if (x.className.indexOf("w3-show") == -1) {
+ x.className += " w3-show";
+ } else {
+ x.className = x.className.replace(" w3-show", "");
+ }
+ }
+ </script>
+
+</body>
+</html>
diff --git a/MaquetteWEB/html/FINANCE/finance.html b/MaquetteWEB/html/FINANCE/finance.html
index 30f7c31..c6c409c 100644
--- a/MaquetteWEB/html/FINANCE/finance.html
+++ b/MaquetteWEB/html/FINANCE/finance.html
@@ -26,6 +26,7 @@
<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>
+ <a href="./budget.html" class="w3-bar-item w3-button">Budget</a>
<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>
</div>
@@ -53,6 +54,7 @@
<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>
+ <a href="./budget.html" class="w3-bar-item w3-button">Budget</a>
<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>
diff --git a/MaquetteWEB/html/FINANCE/historique_paiements.html b/MaquetteWEB/html/FINANCE/historique_paiements.html
index 8f8dbef..301afa1 100644
--- a/MaquetteWEB/html/FINANCE/historique_paiements.html
+++ b/MaquetteWEB/html/FINANCE/historique_paiements.html
@@ -49,6 +49,7 @@
<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>
+ <a href="./budget.html" class="w3-bar-item w3-button">Budget</a>
<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>
</div>
@@ -76,6 +77,7 @@
<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>
+ <a href="./budget.html" class="w3-bar-item w3-button">Budget</a>
<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>
@@ -159,8 +161,12 @@
</tbody>
</table>
</div>
+ <button class="w3-button w3-green w3-margin-top" onclick="exportTableToCSV('historique_paiements.csv')">Exporter les données en CSV</button>
+
</div>
+
+
<div class="footer">
<p>© 2024 IUT de Fontainebleau. Tous droits réservés |
<a href="../mentions_legales.html" class="w3-text-white">Mentions légales</a>
@@ -203,6 +209,29 @@
x.className = x.className.replace(" w3-show", "");
}
}
+
+ function exportTableToCSV(filename) {
+ const rows = document.querySelectorAll("#paymentTableBody tr");
+ let csvContent = "ID Paiement,Nom du Bénéficiaire,Montant (€),Status\n"; // En-têtes du CSV
+
+ rows.forEach(row => {
+ const cols = row.querySelectorAll("td");
+ const data = Array.from(cols).map(col => col.textContent).join(","); // Récupérer le texte de chaque cellule
+ csvContent += data + "\n"; // Ajouter chaque ligne au contenu CSV
+ });
+
+ // Créer un lien pour le téléchargement
+ const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
+ const link = document.createElement("a");
+ const url = URL.createObjectURL(blob);
+ link.setAttribute("href", url);
+ link.setAttribute("download", filename);
+ link.style.visibility = 'hidden';
+
+ document.body.appendChild(link);
+ link.click(); // Simuler un clic pour démarrer le téléchargement
+ document.body.removeChild(link); // Retirer le lien du document
+ }
</script>
</body>
diff --git a/MaquetteWEB/html/FINANCE/mes_informations.html b/MaquetteWEB/html/FINANCE/mes_informations.html
index 4075ee5..89c1f9d 100644
--- a/MaquetteWEB/html/FINANCE/mes_informations.html
+++ b/MaquetteWEB/html/FINANCE/mes_informations.html
@@ -319,6 +319,7 @@
<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>
+ <a href="./budget.html" class="w3-bar-item w3-button">Budget</a>
<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>
</div>
@@ -346,6 +347,7 @@
<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>
+ <a href="./budget.html" class="w3-bar-item w3-button">Budget</a>
<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>
diff --git a/MaquetteWEB/html/FINANCE/notifications.html b/MaquetteWEB/html/FINANCE/notifications.html
index 3376662..2f3db20 100644
--- a/MaquetteWEB/html/FINANCE/notifications.html
+++ b/MaquetteWEB/html/FINANCE/notifications.html
@@ -43,6 +43,7 @@
<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>
+ <a href="./budget.html" class="w3-bar-item w3-button">Budget</a>
<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>
</div>
@@ -70,6 +71,7 @@
<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>
+ <a href="./budget.html" class="w3-bar-item w3-button">Budget</a>
<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>
diff --git a/MaquetteWEB/html/FINANCE/paiements_en_attente.html b/MaquetteWEB/html/FINANCE/paiements_en_attente.html
index 9d19ec9..f90bd89 100644
--- a/MaquetteWEB/html/FINANCE/paiements_en_attente.html
+++ b/MaquetteWEB/html/FINANCE/paiements_en_attente.html
@@ -85,6 +85,7 @@
<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>
+ <a href="./budget.html" class="w3-bar-item w3-button">Budget</a>
<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>
</div>
@@ -112,6 +113,7 @@
<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>
+ <a href="./budget.html" class="w3-bar-item w3-button">Budget</a>
<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>
diff --git a/MaquetteWEB/html/FINANCE/rapports_financiers.html b/MaquetteWEB/html/FINANCE/rapports_financiers.html
index dc768dd..70b8bf8 100644
--- a/MaquetteWEB/html/FINANCE/rapports_financiers.html
+++ b/MaquetteWEB/html/FINANCE/rapports_financiers.html
@@ -85,6 +85,7 @@
<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>
+ <a href="./budget.html" class="w3-bar-item w3-button">Budget</a>
<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>
</div>
@@ -112,6 +113,7 @@
<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>
+ <a href="./budget.html" class="w3-bar-item w3-button">Budget</a>
<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>
diff --git a/MaquetteWEB/html/FINANCE/settings.html b/MaquetteWEB/html/FINANCE/settings.html
index e231097..87b33ef 100644
--- a/MaquetteWEB/html/FINANCE/settings.html
+++ b/MaquetteWEB/html/FINANCE/settings.html
@@ -86,6 +86,7 @@
<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>
+ <a href="./budget.html" class="w3-bar-item w3-button">Budget</a>
<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>
</div>
@@ -113,6 +114,7 @@
<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>
+ <a href="./budget.html" class="w3-bar-item w3-button">Budget</a>
<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>