From cf02879d9231e9339b8ef5d34899c48ee6d35925 Mon Sep 17 00:00:00 2001
From: stiti <moncef.stiti@gmail.com>
Date: Fri, 18 Oct 2024 16:10:48 +0200
Subject: [PATCH] =?UTF-8?q?Modification=20des=20vacataires=20+=20utilisati?=
=?UTF-8?q?on=20de=20W3=20CSS=20-=20Commit=20pour=20Marwa=20=C3=A0=20cause?=
=?UTF-8?q?=20d'un=20probl=C3=A8me=20de=20git?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
MaquetteWEB/html/VACATAIRE/mes-heures.html | 326 +++++++++++-------
.../html/VACATAIRE/mes-informations.html | 53 ++-
MaquetteWEB/html/VACATAIRE/mon-contrat.html | 77 +++--
MaquetteWEB/html/VACATAIRE/notifications.html | 154 +++++++++
MaquetteWEB/html/VACATAIRE/paiements.html | 47 ++-
MaquetteWEB/html/VACATAIRE/settings.html | 250 ++++++++++++++
MaquetteWEB/html/VACATAIRE/vacataire.html | 213 +++++++-----
MaquetteWEB/media/img/notifs.png | Bin 0 -> 9448 bytes
MaquetteWEB/media/img/settings.png | Bin 0 -> 15539 bytes
9 files changed, 849 insertions(+), 271 deletions(-)
create mode 100644 MaquetteWEB/html/VACATAIRE/notifications.html
create mode 100644 MaquetteWEB/html/VACATAIRE/settings.html
create mode 100644 MaquetteWEB/media/img/notifs.png
create mode 100644 MaquetteWEB/media/img/settings.png
diff --git a/MaquetteWEB/html/VACATAIRE/mes-heures.html b/MaquetteWEB/html/VACATAIRE/mes-heures.html
index 90c9567..dd07c67 100644
--- a/MaquetteWEB/html/VACATAIRE/mes-heures.html
+++ b/MaquetteWEB/html/VACATAIRE/mes-heures.html
@@ -10,41 +10,49 @@
</head>
<body>
- <div class="header">
+
+ <div class="header w3-bar w3-card-4 w3-dark-blue">
<!-- Logo pour retourner à l'accueil -->
- <div class="logo-container">
- <img src="../../media/img/logoWhite.png" alt="Logo Accueil">
+ <div class="logo-container w3-bar-item">
+ <img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
</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 class="categories">
- <a href="./vacataire.html">Accueil</a>
- <a href="./mes-heures.html">Heures</a>
- <a href="./paiements.html">Paiements</a>
- <a href="./mon-contrat.html">Contrat</a>
- <a href="./mes-informations.html">Mes informations et documents</a>
+ <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>
</div>
<!-- Section utilisateur avec déconnexion -->
- <div class="user-section">
+ <div class="user-section w3-bar-item w3-right">
<div class="user-name">
Maxime MENAULT
</div>
- <div class="logout-container">
+ <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>
<a href="../../index.html" title="Se déconnecter">
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
</a>
</div>
</div>
</div>
-
- <div class="dashboard-container">
-
- <div class="section-header">
+ <div class="w3-container dashboard-container">
+ <div class="section-header w3-border-bottom w3-padding">
<h2>Offres de vacation</h2>
</div>
- <div class="proposition-container">
- <table class="proposition-table" id="proposalTable">
+ <div class="proposition-container w3-responsive">
+ <table class="w3-table w3-bordered w3-striped proposition-table" id="proposalTable">
<thead>
<tr>
<th>Période</th>
@@ -65,8 +73,8 @@
<td>CM, TD</td>
<td>8h</td>
<td>
- <button class="accept-button" onclick="acceptProposal(this)">Postuler</button>
- <button class="refuse-button" onclick="confirmRefusal(this)">Refuser</button>
+ <button class="w3-button w3-blue accept-button" onclick="acceptProposal(this)">Postuler</button>
+ <button class="w3-button w3-red refuse-button" onclick="confirmRefusal(this)">Refuser</button>
</td>
</tr>
<tr>
@@ -77,146 +85,191 @@
<td>TD, TP</td>
<td>6h</td>
<td>
- <button class="accept-button" onclick="acceptProposal(this)">Postuler</button>
- <button class="refuse-button" onclick="confirmRefusal(this)">Refuser</button>
+ <button class="w3-button w3-blue accept-button" onclick="acceptProposal(this)">Postuler</button>
+ <button class="w3-button w3-red refuse-button" onclick="confirmRefusal(this)">Refuser</button>
</td>
</tr>
</tbody>
</table>
</div>
+ </div>
<!-- Popup pour pièces justificatives -->
- <div id="justificatifForm" class="justificatif-form popup">
- <h3>Téléchargez vos pièces justificatives</h3>
- <p>Veuillez télécharger le document suivant :</p>
- <ul>
- <li>Contrat de travail actuel</li>
- </ul>
- <input type="file" id="justificatif" name="justificatif" required>
- <button id="submitJustificatif" onclick="submitJustificatif()">Soumettre</button>
- <button onclick="closeJustificatifPopup()">Annuler</button>
+ <div id="justificatifForm" class="w3-modal">
+ <div class="w3-modal-content w3-card-4">
+ <header class="w3-container w3-purple">
+ <h3>Téléchargez vos pièces justificatives</h3>
+ </header>
+ <div class="w3-container">
+ <p>Veuillez télécharger votre contrat de travail pour la candidature :</p>
+ <input type="file" id="justificatif" name="justificatif" class="w3-input w3-border" required>
+ </div>
+ <footer class="w3-container">
+ <button id="submitJustificatif" class="w3-button w3-green w3-margin-top w3-margin-bottom" onclick="submitJustificatif()">Soumettre</button>
+ <button class="w3-button w3-red w3-margin-top w3-margin-bottom" onclick="closeJustificatifPopup()">Annuler</button>
+ </footer>
+ </div>
</div>
- <div class="section-header">
- <h2>Prochaines heures</h2>
- </div>
- <div class="validated-hours-container card">
- <table class="validated-hours-table" id="validatedTable">
- <thead>
- <tr>
- <th>Période</th>
- <th>Formation</th>
- <th>Nom du Cours</th>
- <th>Semestre</th>
- <th>Type d'intervention</th>
- <th>Volume Prévisionnel</th>
- <th>Statut</th> <!-- Nouvelle colonne pour le statut -->
- </tr>
- </thead>
- <tbody id="validatedTableBody">
- <tr>
- <td>Décembre 2024</td>
- <td>BUT1</td>
- <td>Développement Web</td>
- <td>1</td>
- <td>CM, TD</td>
- <td>8h</td>
- <td class="status-valide">Validé</td> <!-- Statut -->
- </tr>
- <tr>
- <td>Janvier 2025</td>
- <td>BUT2</td>
- <td>SCR</td>
- <td>3</td>
- <td>TD, TP</td>
- <td>6h</td>
- <td class="status-valide">Validé</td> <!-- Statut -->
- </tr>
- <tr>
- <td>Février 2025</td>
- <td>BUT3</td>
- <td>Base de données</td>
- <td>5</td>
- <td>CM</td>
- <td>10h</td>
- <td class="status-valide">Validé</td> <!-- Statut -->
- </tr>
- <tr>
- <td>Mars 2025</td>
- <td>BUT3</td>
- <td>IA et Machine Learning</td>
- <td>6</td>
- <td>TD, TP</td>
- <td>12h</td>
- <td class="status-attente">En attente de traitement</td> <!-- Statut en attente -->
- </tr>
- <tr>
- <td>Avril 2025</td>
- <td>BUT2</td>
- <td>Réseaux</td>
- <td>4</td>
- <td>CM, TD</td>
- <td>4h</td>
- <td class="status-attente">En attente de traitement</td> <!-- Statut en attente -->
- </tr>
- </tbody>
- </table>
- </div>
- <div class="section-header">
- <h2>Historique des Heures Travaillées</h2>
- </div>
-
- <div class="card">
- <div class="table-container">
- <table id="hoursTable">
+ <div class="w3-container dashboard-container">
+ <div class="section-header w3-border-bottom w3-padding">
+ <h2>Prochaines heures</h2>
+ </div>
+ <div class="validated-hours-container w3-responsive card">
+ <table class="w3-table w3-bordered w3-striped validated-hours-table" id="validatedTable">
<thead>
<tr>
- <th onclick="sortTable(0)">Date ▲</th> <!-- Triable -->
- <th>Matière</th>
- <th>Type d'Intervention</th>
- <th onclick="sortTable(3)">Volume Horaire ▲</th> <!-- Triable -->
- <th onclick="sortTable(4)">Heures Travaillées ▲</th> <!-- Triable -->
- <th>Actions</th>
+ <th>Période</th>
+ <th>Formation</th>
+ <th>Nom du Cours</th>
+ <th>Semestre</th>
+ <th>Type d'intervention</th>
+ <th>Volume Prévisionnel</th>
+ <th>Statut</th>
</tr>
</thead>
- <tbody id="hoursTableBody">
- <!-- Rows will be generated dynamically with JavaScript -->
+ <tbody id="validatedTableBody">
+ <tr>
+ <td>Décembre 2024</td>
+ <td>BUT1</td>
+ <td>Développement Web</td>
+ <td>1</td>
+ <td>CM, TD</td>
+ <td>8h</td>
+ <td class="status-valide">Validé</td>
+ </tr>
+ <tr>
+ <td>Janvier 2025</td>
+ <td>BUT2</td>
+ <td>SCR</td>
+ <td>3</td>
+ <td>TD, TP</td>
+ <td>6h</td>
+ <td class="status-valide">Validé</td>
+ </tr>
+ <tr>
+ <td>Février 2025</td>
+ <td>BUT3</td>
+ <td>Base de données</td>
+ <td>5</td>
+ <td>CM</td>
+ <td>10h</td>
+ <td class="status-valide">Validé</td>
+ </tr>
+ <tr>
+ <td>Mars 2025</td>
+ <td>BUT3</td>
+ <td>IA et Machine Learning</td>
+ <td>6</td>
+ <td>TD, TP</td>
+ <td>12h</td>
+ <td class="status-attente">En attente de traitement</td>
+ </tr>
+ <tr>
+ <td>Avril 2025</td>
+ <td>BUT2</td>
+ <td>Réseaux</td>
+ <td>4</td>
+ <td>CM, TD</td>
+ <td>4h</td>
+ <td class="status-attente">En attente de traitement</td>
+ </tr>
</tbody>
</table>
</div>
+ </div>
-
+ <div class="w3-container dashboard-container">
+ <div class="section-header w3-border-bottom w3-padding">
+ <h2>Historique des Heures Travaillées</h2>
+ </div>
+
+ <div class="card w3-responsive">
+ <div class="table-container">
+ <table id="hoursTable" class="w3-table w3-bordered w3-striped">
+ <thead>
+ <tr>
+ <th onclick="sortTable(0)">Date ▲</th> <!-- Triable -->
+ <th>Matière</th>
+ <th>Type d'Intervention</th>
+ <th onclick="sortTable(3)">Volume Horaire ▲</th> <!-- Triable -->
+ <th onclick="sortTable(4)">Heures Travaillées ▲</th> <!-- Triable -->
+ <th>Actions</th>
+ </tr>
+ </thead>
+ <tbody id="hoursTableBody">
+ <!-- Les lignes seront générées dynamiquement avec JavaScript -->
+ </tbody>
+ </table>
+ </div>
+
<!-- Pagination Buttons -->
- <div id="pagination">
- <button onclick="prevPage()">Précédent</button>
+ <div id="pagination" class="w3-center">
+ <button class="w3-button w3-purple" onclick="prevPage()">Précédent</button>
<span id="pageNumber"></span>
- <button onclick="nextPage()">Suivant</button>
- </div>
+ <button class="w3-button w3-purple" onclick="nextPage()">Suivant</button>
</div>
+ </div>
+</div>
- <div class="section-header">
+ <div class="section-header dashboard-container">
<h2>Graphique des Heures Travaillées</h2>
</div>
- <div class="chart-container">
+ <div class="dashboard-container">
<canvas id="hoursChart"></canvas>
</div>
-
- <div class="section-header">
+
+ <div class="section-header dashboard-container">
<h2>Signalement de problèmes d'heures</h2>
</div>
- <div class="contact-form">
+ <div class="contact-form dashboard-container">
<form id="contactForm">
<label for="probleme">Type de problème :</label>
- <select id="probleme" name="probleme" required>
+ <select id="probleme" name="probleme" class="w3-select" required>
<option value="" disabled selected>Choisir un problème</option>
<option value="non_paye">Il manque des heures dans mon historique</option>
- <option value="montant_incorrect">Il y a des heures en trop</option>
+ <option value="montant_incorrect">Il y a des heures en trop dans mon historique</option>
+ <option value="erreur_formation">Erreur dans la formation associée</option>
+ <option value="erreur_type_intervention">Erreur dans le type d'intervention</option>
<option value="autre">Autre</option>
</select>
- <label for="commentaire">Commentaires :</label>
- <input type="text" id="commentaire" name="commentaire" placeholder="Décrivez votre problème" required>
+ <label for="mois">Mois concerné :</label>
+ <select id="mois" name="mois" class="w3-select" required>
+ <option value="" disabled selected>Choisir un mois</option>
+ <option value="janvier">Janvier</option>
+ <option value="fevrier">Février</option>
+ <option value="mars">Mars</option>
+ <option value="avril">Avril</option>
+ <option value="mai">Mai</option>
+ <option value="juin">Juin</option>
+ <option value="juillet">Juillet</option>
+ <option value="aout">Août</option>
+ <option value="septembre">Septembre</option>
+ <option value="octobre">Octobre</option>
+ <option value="novembre">Novembre</option>
+ <option value="decembre">Décembre</option>
+ </select>
+
+ <label for="heures">Heures concernées :</label>
+ <select id="heures" name="heures" class="w3-select" required>
+ <option value="" disabled selected>Choisir un nombre d'heures</option>
+ <option value="1">1 heure</option>
+ <option value="2">2 heures</option>
+ <option value="3">3 heures</option>
+ <option value="4">4 heures</option>
+ <option value="5">5 heures</option>
+ <option value="6">6 heures</option>
+ <option value="7">7 heures</option>
+ <option value="8">8 heures</option>
+ <option value="9">9 heures</option>
+ <option value="10">10 heures</option>
+ <option value="autre">Plus de 10 heures</option>
+ </select>
+
+ <label for="commentaire">Commentaires (facultatif) :</label>
+ <input type="text" id="commentaire" name="commentaire" placeholder="Ajoutez des détails supplémentaires" class="w3-input">
<button type="submit">Soumettre</button>
</form>
@@ -270,12 +323,12 @@
const hoursChart = new Chart(ctx, {
type: 'bar',
data: {
- labels: ['Semaine 1', 'Semaine 2', 'Semaine 3', 'Semaine 4'],
+ labels: ['Semestre 1 - 2023', 'Semestre 2 - 2023', 'Semestre 1 - 2024', 'Semestre 2 - 2024'],
datasets: [{
label: 'Heures Travaillées',
- data: [5, 10, 7, 8],
- backgroundColor: 'rgba(75, 192, 192, 0.2)',
- borderColor: 'rgba(75, 192, 192, 1)',
+ data: [25, 18, 21, 32],
+ backgroundColor: 'rgba(128, 0, 128, 0.6)', // Couleur de fond violet foncé moins transparente
+ borderColor: 'rgba(128, 0, 128, 1)', // Couleur de bord violet foncé
borderWidth: 1
}]
},
@@ -292,7 +345,7 @@
x: {
title: {
display: true,
- text: 'Semaines'
+ text: 'Semestres'
}
}
}
@@ -471,5 +524,18 @@
displayTable(currentPage);
</script>
+
+ <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>
</body>
</html>
\ No newline at end of file
diff --git a/MaquetteWEB/html/VACATAIRE/mes-informations.html b/MaquetteWEB/html/VACATAIRE/mes-informations.html
index 52c27f2..1474a52 100644
--- a/MaquetteWEB/html/VACATAIRE/mes-informations.html
+++ b/MaquetteWEB/html/VACATAIRE/mes-informations.html
@@ -273,27 +273,36 @@
</head>
<body>
- <div class="header">
+ <div class="header w3-bar w3-card-4 w3-dark-blue">
<!-- Logo pour retourner à l'accueil -->
- <div class="logo-container">
- <img src="../../media/img/logoWhite.png" alt="Logo Accueil">
+ <div class="logo-container w3-bar-item">
+ <img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
</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 class="categories">
- <a href="./vacataire.html">Accueil</a>
- <a href="./mes-heures.html">Heures</a>
- <a href="./paiements.html">Paiements</a>
- <a href="./mon-contrat.html">Contrat</a>
- <a href="./mes-informations.html">Mes informations et documents</a>
+ <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>
</div>
<!-- Section utilisateur avec déconnexion -->
- <div class="user-section">
+ <div class="user-section w3-bar-item w3-right">
<div class="user-name">
Maxime MENAULT
</div>
- <div class="logout-container">
+ <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>
<a href="../../index.html" title="Se déconnecter">
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
</a>
@@ -418,8 +427,8 @@
<!-- Popup de confirmation -->
<div class="popup" id="popup">
<img src="https://img.icons8.com/ios-filled/50/155724/checkmark.png" alt="Coche">
- <h4>Message envoyé</h4>
- <p>Votre document a été transmis à la direction. Un email de confirmation vous a été envoyé.</p>
+ <h4>Document envoyé</h4>
+ <p>Votre document a été transmis au service RH. Un email de confirmation vous a été envoyé.</p>
<button onclick="fermerPopup()">Fermer</button>
</div>
@@ -485,9 +494,6 @@
if(localStorage.getItem('numero_securite')) {
document.getElementById('numero_securite').value = localStorage.getItem('numero_securite');
}
- if(localStorage.getItem('statut')) {
- document.getElementById('statut').value = localStorage.getItem('statut');
- }
// Informations bancaires
if(localStorage.getItem('banque')) {
@@ -551,5 +557,18 @@
</script>
+<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>
+
</body>
</html>
diff --git a/MaquetteWEB/html/VACATAIRE/mon-contrat.html b/MaquetteWEB/html/VACATAIRE/mon-contrat.html
index f0a3995..450b8f2 100644
--- a/MaquetteWEB/html/VACATAIRE/mon-contrat.html
+++ b/MaquetteWEB/html/VACATAIRE/mon-contrat.html
@@ -9,33 +9,42 @@
</head>
<body>
-<div class="header">
- <!-- Logo pour retourner à l'accueil -->
- <div class="logo-container">
- <img src="../../media/img/logoWhite.png" alt="Logo Accueil">
- </div>
-
- <!-- Catégories dans le header -->
- <div class="categories">
- <a href="./vacataire.html">Accueil</a>
- <a href="./mes-heures.html">Heures</a>
- <a href="./paiements.html">Paiements</a>
- <a href="./mon-contrat.html">Contrat</a>
- <a href="./mes-informations.html">Mes informations et documents</a>
- </div>
+ <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:200px; height:50px;">
+ </div>
- <!-- Section utilisateur avec déconnexion -->
- <div class="user-section">
- <div class="user-name">
- Maxime MENAULT
+ <!-- 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-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>
</div>
- <div class="logout-container">
- <a href="../../index.html" title="Se déconnecter">
- <img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
- </a>
+
+ <!-- Section utilisateur avec déconnexion -->
+ <div class="user-section w3-bar-item w3-right">
+ <div class="user-name">
+ Maxime MENAULT
+ </div>
+ <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>
+ <a href="../../index.html" title="Se déconnecter">
+ <img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
+ </a>
+ </div>
</div>
</div>
-</div>
<div class="dashboard-container">
<!-- Détails du contrat -->
@@ -49,10 +58,15 @@
<p class="w3-text-green"><strong>Statut :</strong> Actif</p>
<p><strong>Département :</strong> Informatique</p>
<p><strong>Salaire horaire :</strong> 43,50 €</p>
+ <p><strong>Nombre total d'heures :</strong> 60 heures (CM : 20, TD : 20, TP : 20)</p>
+ <p><strong>Avantages :</strong> Tickets restaurant, remboursement de frais de transport</p>
+ <p><strong>Conditions de résiliation :</strong> Préavis de 1 mois</p>
+ <p><strong>Formation requise :</strong> Master en Informatique</p>
+
<div class="action-buttons">
- <a href="../../media/docs/contrat.pdf" class="btn" target="_blank">Télécharger le contrat (PDF)</a>
- <a href="mailto:rh@example.com?subject=Demande de modification de contrat" class="btn">Contacter les RH pour modification</a>
+ <a href="../../media/documents/VACATAIRE/ContratDeTravail.pdf" class="btn" target="_blank">Télécharger le contrat (PDF)</a>
+ <a href="mailto:rh@u-pec.fr?subject=Demande de modification de contrat" class="btn">Contacter les RH pour modification</a>
</div>
</div>
</div>
@@ -63,5 +77,18 @@
</p>
</div>
+<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>
+
</body>
</html>
diff --git a/MaquetteWEB/html/VACATAIRE/notifications.html b/MaquetteWEB/html/VACATAIRE/notifications.html
new file mode 100644
index 0000000..baea7e6
--- /dev/null
+++ b/MaquetteWEB/html/VACATAIRE/notifications.html
@@ -0,0 +1,154 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Notifications</title>
+ <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+ <link rel="stylesheet" href="../../css/VACATAIRE/vacataire.css">
+ <style>
+ /* Ajout d'un style pour le conteneur des notifications */
+ #notifications-container {
+ border: 1px solid #ccc; /* Bordure autour du conteneur */
+ border-radius: 8px; /* Coins arrondis */
+ padding: 16px; /* Espacement intérieur */
+ margin-top: 16px; /* Espacement supérieur */
+ max-height: 300px; /* Hauteur maximale */
+ overflow-y: auto; /* Ajout de défilement si le contenu dépasse */
+ background-color: #f9f9f9; /* Couleur de fond */
+ }
+
+ /* Amélioration de l'apparence des notifications */
+ .alert, .success {
+ margin: 8px 0; /* Marge entre les notifications */
+ }
+ </style>
+</head>
+<body class="w3-light-grey">
+
+ <!-- Header -->
+ <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:200px; height:50px;">
+ </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-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>
+ </div>
+
+ <!-- Section utilisateur avec déconnexion -->
+ <div class="user-section w3-bar-item w3-right">
+ <div class="user-name">
+ Maxime MENAULT
+ </div>
+ <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>
+ <a href="../../index.html" title="Se déconnecter">
+ <img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
+ </a>
+ </div>
+ </div>
+ </div>
+
+ <!-- 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="removeNotification(this);">×</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="removeNotification(this);">×</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>
+
+ <!-- Bouton pour tout effacer -->
+ <button id="clear-notifications" class="w3-button w3-dark-grey w3-margin-top w3-margin-bottom" onclick="clearAllNotifications();">Tout effacer</button>
+
+ <!-- Message quand aucune notification n'est présente -->
+ <div id="no-notifications-message" class="w3-hide w3-padding-16 w3-text-gray">
+ <p>Vous n'avez pas de notifications pour le moment !</p>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <footer id="footer" class="w3-center w3-padding w3-text-white footer" 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>
+
+ <script>
+ function removeNotification(element) {
+ // Supprime la notification
+ const notification = element.parentElement;
+ notification.style.display = 'none';
+
+ // Vérifier s'il reste des notifications
+ checkNotifications();
+ }
+
+ function clearAllNotifications() {
+ const notifications = document.getElementById('notifications-container');
+ let hasNotifications = false;
+
+ // Cacher toutes les notifications
+ Array.from(notifications.children).forEach(notification => {
+ if (notification.style.display !== 'none') {
+ notification.style.display = 'none';
+ hasNotifications = true; // Au moins une notification a été cachée
+ }
+ });
+
+ // Vérifier s'il reste des notifications
+ if (hasNotifications) {
+ checkNotifications(); // Vérifie les notifications restantes
+ }
+ }
+
+ function checkNotifications() {
+ const notifications = document.getElementById('notifications-container');
+ const noNotificationsMessage = document.getElementById('no-notifications-message');
+ const visibleNotifications = Array.from(notifications.children).some(notification => notification.style.display !== 'none');
+
+ if (!visibleNotifications) {
+ noNotificationsMessage.classList.remove('w3-hide');
+ document.getElementById('clear-notifications').style.display = 'none'; // Cacher le bouton "Tout effacer"
+ } else {
+ noNotificationsMessage.classList.add('w3-hide');
+ document.getElementById('clear-notifications').style.display = 'block'; // Montrer le bouton "Tout effacer"
+ }
+ }
+ </script>
+ <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>
+
+</body>
+</html>
diff --git a/MaquetteWEB/html/VACATAIRE/paiements.html b/MaquetteWEB/html/VACATAIRE/paiements.html
index 832a1ff..4d5e5f7 100644
--- a/MaquetteWEB/html/VACATAIRE/paiements.html
+++ b/MaquetteWEB/html/VACATAIRE/paiements.html
@@ -9,28 +9,37 @@
<link rel="stylesheet" href="../../css/VACATAIRE/paiements.css">
</head>
<body>
-
- <div class="header">
+
+ <div class="header w3-bar w3-card-4 w3-dark-blue">
<!-- Logo pour retourner à l'accueil -->
- <div class="logo-container">
- <img src="../../media/img/logoWhite.png" alt="Logo Accueil">
+ <div class="logo-container w3-bar-item">
+ <img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
</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 class="categories">
- <a href="./vacataire.html">Accueil</a>
- <a href="./mes-heures.html">Heures</a>
- <a href="./paiements.html">Paiements</a>
- <a href="./mon-contrat.html">Contrat</a>
- <a href="./mes-informations.html">Mes informations et documents</a>
+ <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>
</div>
<!-- Section utilisateur avec déconnexion -->
- <div class="user-section">
+ <div class="user-section w3-bar-item w3-right">
<div class="user-name">
Maxime MENAULT
</div>
- <div class="logout-container">
+ <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>
<a href="../../index.html" title="Se déconnecter">
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
</a>
@@ -398,6 +407,18 @@ function isDate(dateString) {
}
</script>
+<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>
</body>
</html>
diff --git a/MaquetteWEB/html/VACATAIRE/settings.html b/MaquetteWEB/html/VACATAIRE/settings.html
new file mode 100644
index 0000000..8cd4b0f
--- /dev/null
+++ b/MaquetteWEB/html/VACATAIRE/settings.html
@@ -0,0 +1,250 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Paramètres Utilisateur</title>
+ <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+ <link rel="stylesheet" href="../../css/VACATAIRE/vacataire.css">
+ <style>
+ .header {
+ background-color: #370559; /* Couleur par défaut */
+ color: white;
+ }
+ footer {
+ background-color: #370559; /* Couleur par défaut */
+ color: white;
+ }
+ .logo-container img {
+ width: 200px;
+ height: 50px;
+ }
+ .categories a {
+ font-weight: bold;
+ }
+ .btn {
+ background-color: #370559;
+ }
+ .btn:hover {
+ background-color: #5a0bda;
+ }
+ /* Style par défaut */
+ body {
+ font-family: Arial, sans-serif;
+ }
+
+ /* Mode Daltonien et autres troubles visuels */
+ body.daltonien {
+ background-color: #e8f4ff; /* Meilleure visibilité pour le texte */
+ color: #2c2c2c;
+ }
+ .header {
+ background-color: #370559; /* Couleur par défaut */
+ }
+
+ body.daltonien .header {
+ background-color: #3b3a3a; /* Couleur plus neutre */
+ }
+
+ /* Couleur du footer en mode daltonien */
+ body.daltonien #footer {
+ background-color: #3b3a3a; /* Couleur plus neutre */
+ }
+
+ .daltonien .btn {
+ background-color: #ff8c00; /* Couleur facilement visible */
+ }
+
+ .daltonien .btn:hover {
+ background-color: #ffa500;
+ }
+
+ /* Grossissement des textes */
+ body.large-text {
+ font-size: 1.2em;
+ }
+ body.xlarge-text {
+ font-size: 1.5em;
+ }
+ </style>
+</head>
+<body class="w3-light-grey" id="main-body">
+
+ <!-- Header -->
+ <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:200px; height:50px;">
+ </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-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>
+ </div>
+
+ <!-- Section utilisateur avec déconnexion -->
+ <div class="user-section w3-bar-item w3-right">
+ <div class="user-name">
+ Maxime MENAULT
+ </div>
+ <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>
+ <a href="../../index.html" title="Se déconnecter">
+ <img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
+ </a>
+ </div>
+ </div>
+ </div>
+
+ <!-- Paramètres de l'utilisateur -->
+ <div class="w3-content w3-padding-16">
+ <div class="w3-container w3-white w3-card-4 w3-padding-large">
+ <h2 class="w3-text-dark-gray">Paramètres de communication et d'accessibilité</h2>
+
+ <form class="w3-container w3-padding-16">
+ <!-- Notifications par Email -->
+ <div class="w3-section">
+ <label class="w3-text-dark-gray"><b>Notifications par Email</b></label>
+ <p>Recevez des notifications par e-mail concernant les heures, paiements, et plus.</p>
+ <input class="w3-check" type="checkbox" id="email-notifications" checked>
+ <label for="email-notifications">Activer les notifications par email</label>
+ </div>
+
+ <hr class="w3-divider"> <!-- Séparation -->
+
+ <!-- Notifications par SMS -->
+ <div class="w3-section">
+ <label class="w3-text-dark-gray"><b>Notifications par SMS</b></label>
+ <p>Recevez des notifications par SMS sur votre téléphone mobile.</p>
+ <input class="w3-check" type="checkbox" id="sms-notifications">
+ <label for="sms-notifications">Activer les notifications par SMS</label>
+ </div>
+
+ <hr class="w3-divider"> <!-- Séparation -->
+
+ <!-- Préférences de Langue -->
+ <div class="w3-section">
+ <label class="w3-text-dark-gray"><b>Langue de Communication</b></label>
+ <select class="w3-select" name="language" id="language">
+ <option value="fr" selected>Français</option>
+ <option value="en">Anglais</option>
+ </select>
+ </div>
+
+ <hr class="w3-divider"> <!-- Séparation -->
+
+ <!-- Fréquence de réception des emails -->
+ <div class="w3-section">
+ <label class="w3-text-dark-gray"><b>Fréquence des emails de notification</b></label>
+ <select class="w3-select" name="email-frequency" id="email-frequency">
+ <option value="instant">Immédiatement</option>
+ <option value="daily">Quotidiennement</option>
+ <option value="weekly" selected>Hebdomadairement</option>
+ </select>
+ </div>
+
+ <hr class="w3-divider"> <!-- Séparation -->
+
+ <!-- Mode Daltonien -->
+ <div class="w3-section">
+ <label class="w3-text-dark-gray"><b>Mode Daltonien</b></label>
+ <p>Améliore les contrastes et les couleurs pour mieux correspondre aux besoins des personnes atteintes de troubles visuels.</p>
+ <input class="w3-check" type="checkbox" id="daltonien-mode" onchange="toggleDaltonienMode()">
+ <label for="daltonien-mode">Activer le mode Daltonien</label>
+ </div>
+
+ <hr class="w3-divider"> <!-- Séparation -->
+
+ <!-- Changer la police -->
+ <div class="w3-section">
+ <label class="w3-text-dark-gray"><b>Changer la police</b></label>
+ <select class="w3-select" name="font" id="font" onchange="changeFont()">
+ <option value="Arial" selected>Arial</option>
+ <option value="Verdana">Verdana</option>
+ <option value="Georgia">Georgia</option>
+ <option value="Tahoma">Tahoma</option>
+ </select>
+ </div>
+
+ <hr class="w3-divider"> <!-- Séparation -->
+
+ <!-- Grossir le texte -->
+ <div class="w3-section">
+ <label class="w3-text-dark-gray"><b>Agrandir le texte</b></label>
+ <select class="w3-select" name="text-size" id="text-size" onchange="changeTextSize()">
+ <option value="normal" selected>Normal</option>
+ <option value="large">Grand</option>
+ <option value="xlarge">Très Grand</option>
+ </select>
+ </div>
+
+ <hr class="w3-divider"> <!-- Séparation -->
+
+ <!-- Sauvegarder les modifications -->
+ <button type="submit" class="w3-button w3-purple w3-round w3-margin-top btn">Sauvegarder les modifications</button>
+ </form>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <footer id="footer" class="w3-center w3-padding w3-text-white footer">
+ <p>© 2024 IUT de Fontainebleau. Tous droits réservés |
+ <a href="../mentions_legales.html">Mentions légales</a>
+ </p>
+ </footer>
+
+ <!-- Script pour changer la police et la taille du texte -->
+ <script>
+ function toggleDaltonienMode() {
+ const body = document.getElementById('main-body');
+ const daltonienMode = document.getElementById('daltonien-mode').checked;
+ if (daltonienMode) {
+ body.classList.add('daltonien');
+ } else {
+ body.classList.remove('daltonien');
+ }
+ }
+
+
+ function changeFont() {
+ const selectedFont = document.getElementById('font').value;
+ document.body.style.fontFamily = selectedFont;
+ }
+
+ function changeTextSize() {
+ const textSize = document.getElementById('text-size').value;
+ document.body.classList.remove('large-text', 'xlarge-text');
+ if (textSize === 'large') {
+ document.body.classList.add('large-text');
+ } else if (textSize === 'xlarge') {
+ document.body.classList.add('xlarge-text');
+ }
+ }
+ </script>
+ <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>
+
+</body>
+</html>
diff --git a/MaquetteWEB/html/VACATAIRE/vacataire.html b/MaquetteWEB/html/VACATAIRE/vacataire.html
index c0b20f3..c3da7c9 100644
--- a/MaquetteWEB/html/VACATAIRE/vacataire.html
+++ b/MaquetteWEB/html/VACATAIRE/vacataire.html
@@ -6,30 +6,70 @@
<title>Dashboard Vacataire</title>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="../../css/VACATAIRE/vacataire.css">
+ <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>
</head>
-<body>
+<body class="w3-light-grey">
- <div class="header">
+ <div class="header w3-bar w3-card-4 w3-dark-blue">
<!-- Logo pour retourner à l'accueil -->
- <div class="logo-container">
- <img src="../../media/img/logoWhite.png" alt="Logo Accueil">
+ <div class="logo-container w3-bar-item">
+ <img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
</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 class="categories">
- <a href="./vacataire.html">Accueil</a>
- <a href="./mes-heures.html">Heures</a>
- <a href="./paiements.html">Paiements</a>
- <a href="./contrat.html">Contrat</a>
- <a href="./mes-informations.html">Mes informations et documents</a>
+ <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>
</div>
<!-- Section utilisateur avec déconnexion -->
- <div class="user-section">
+ <div class="user-section w3-bar-item w3-right">
<div class="user-name">
Maxime MENAULT
</div>
- <div class="logout-container">
+ <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>
<a href="../../index.html" title="Se déconnecter">
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
</a>
@@ -37,83 +77,84 @@
</div>
</div>
-<div class="dashboard-container">
- <!-- Alertes et Notifications -->
- <div class="section-header" id="notifications-section">
- <h2>Alertes et Notifications</h2>
- </div>
- <div id="notifications-container">
- <!-- Notifications -->
- <div class="alert">
- <span class="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>
+ <!-- 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>
</div>
- <div class="success">
- <span class="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>
-
- <!-- Script pour gérer l'affichage des notifications -->
+ <!-- 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>
+
+ <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>
+ </div>
+
+ </div>
+
+ <!-- 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>
+
<script>
- const notificationsContainer = document.getElementById('notifications-container');
- const notificationsSection = document.getElementById('notifications-section');
-
- // Vérifiez si le conteneur des notifications est vide
- if (notificationsContainer.childElementCount === 0) {
- notificationsSection.style.display = 'none'; // Masquer la section si aucune notification
+ 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>
-
- <!-- Suivi des Paiements -->
- <div class="section-header">
- <h2>Suivi des Paiements</h2>
- </div>
- <div class="card">
- <div class="table-container">
- <table>
- <thead>
- <tr>
- <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>01/10/2024</td>
- <td><a href="https://ensap.gouv.fr" target="_blank" class="btn">Voir Bulletin</a></td>
- </tr>
- <tr>
- <td>Octobre 2024</td>
- <td>22h</td>
- <td>957,00</td>
- <td>En attente</td>
- <td><a href="https://ensap.gouv.fr" target="_blank" class="btn">Voir Bulletin</a></td>
- </tr>
- </tbody>
- </table>
- </div>
- <p><strong>Prochain paiement prévu :</strong> Novembre 2024 (20h restantes)</p>
-
- <div class="more-payments">
- <p><a href="./paiements.html" class="btn">Voir tous les paiements</a></p>
- </div>
- </div>
-
-</div>
-
-<div class="footer">
- <p>© 2024 IUT de Fontainebleau. Tous droits réservés |
- <a href="../mentions_legales.html">Mentions légales</a>
- </p>
-</div>
-
</body>
</html>
diff --git a/MaquetteWEB/media/img/notifs.png b/MaquetteWEB/media/img/notifs.png
new file mode 100644
index 0000000000000000000000000000000000000000..467bb64c38cc44015e855313a4eccb7d9f98a6d5
GIT binary patch
literal 9448
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
RS^ZxmXuqXtg|X|I{|15;fieI9
literal 0
HcmV?d00001
diff --git a/MaquetteWEB/media/img/settings.png b/MaquetteWEB/media/img/settings.png
new file mode 100644
index 0000000000000000000000000000000000000000..6c9d1b9e17b0267d49a5bc5e0c2f7fb6a8f04c98
GIT binary patch
literal 15539
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
literal 0
HcmV?d00001