Ajouts RH
This commit is contained in:
stiti
@@ -4,10 +4,11 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Pilotage Budgétaire</title>
|
||||
<title>Heures</title>
|
||||
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||
<link rel="stylesheet" href="../../css/RH/style.css">
|
||||
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
||||
<link rel="icon" href="../../media/img/logoIcon.ico" type="image/x-icon" />
|
||||
<style>
|
||||
.chart-container {
|
||||
position: relative;
|
||||
@@ -113,12 +114,18 @@
|
||||
|
||||
<!-- Section utilisateur avec déconnexion -->
|
||||
<div class="user-section w3-bar-item w3-right">
|
||||
<div class="user-name w3-padding-16">
|
||||
Alice BERGER
|
||||
<div class="user-name">
|
||||
Alice BERGER
|
||||
</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" style="width:25px; height:25px;">
|
||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -135,7 +142,7 @@
|
||||
<div class="section-header">
|
||||
<h2>Suivi des demandes de modification d'heures</h2>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card w3-responsive">
|
||||
<table class="w3-table-all" id="teaching-hours-table">
|
||||
<thead>
|
||||
<tr>
|
||||
@@ -184,65 +191,68 @@
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<h2>Heures des Professeurs</h2>
|
||||
<table class="info-table" id="professorTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Professeur</th>
|
||||
<th>Nombre d'heures</th>
|
||||
<th>Statut</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Denis MONNERAT</td>
|
||||
<td>120h</td>
|
||||
<td>Permanents</td>
|
||||
<td>
|
||||
<button class="action-btn" onclick="toggleDetails(this, 'denis-details')">Voir</button>
|
||||
<button class="action-btn" onclick="openModal('Denis MONNERAT')">Modifier</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="details" id="denis-details">
|
||||
<td colspan="4">
|
||||
<strong>Historique des heures :</strong>
|
||||
<ul>
|
||||
<li>BUT1 Groupe 1 : 30h</li>
|
||||
<li>BUT2 Groupe 2 : 40h</li>
|
||||
<li>BUT3 Groupe 1 : 50h</li>
|
||||
</ul>
|
||||
<div class="chart-container">
|
||||
<canvas id="denisChart"></canvas>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Maxime MENAULT</td>
|
||||
<td>90h</td>
|
||||
<td>Vacataire</td>
|
||||
<td>
|
||||
<button class="action-btn" onclick="toggleDetails(this, 'menault-details')">Voir</button>
|
||||
<button class="action-btn" onclick="openModal('Maxime MENAULT')">Modifier</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="details" id="menault-details">
|
||||
<td colspan="4">
|
||||
<strong>Historique des heures :</strong>
|
||||
<ul>
|
||||
<li>BUT1 Groupe 1 : 45h</li>
|
||||
<li>BUT2 Groupe 3 : 45h</li>
|
||||
</ul>
|
||||
<div class="chart-container">
|
||||
<canvas id="menaultChart"></canvas>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="w3-container">
|
||||
<h2>Heures des Professeurs</h2>
|
||||
|
||||
<!-- Table des heures des professeurs -->
|
||||
<div class="w3-responsive"> <!-- Classe pour la réactivité -->
|
||||
<table class="info-table" id="professorTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Professeur</th>
|
||||
<th>Nombre d'heures</th>
|
||||
<th>Statut</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Denis MONNERAT</td>
|
||||
<td>120h</td>
|
||||
<td>Permanents</td>
|
||||
<td>
|
||||
<button class="action-btn" onclick="toggleDetails(this, 'denis-details')">Voir</button>
|
||||
<button class="action-btn" onclick="openModal('Denis MONNERAT')">Modifier</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="details" id="denis-details" style="display: none;">
|
||||
<td colspan="4">
|
||||
<strong>Historique des heures :</strong>
|
||||
<ul>
|
||||
<li>BUT1 Groupe 1 : 30h</li>
|
||||
<li>BUT2 Groupe 2 : 40h</li>
|
||||
<li>BUT3 Groupe 1 : 50h</li>
|
||||
</ul>
|
||||
<div class="chart-container">
|
||||
<canvas id="denisChart" width="200" height="100"></canvas>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Maxime MENAULT</td>
|
||||
<td>90h</td>
|
||||
<td>Vacataire</td>
|
||||
<td>
|
||||
<button class="action-btn" onclick="toggleDetails(this, 'menault-details')">Voir</button>
|
||||
<button class="action-btn" onclick="openModal('Maxime MENAULT')">Modifier</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="details" id="menault-details" style="display: none;">
|
||||
<td colspan="4">
|
||||
<strong>Historique des heures :</strong>
|
||||
<ul>
|
||||
<li>BUT1 Groupe 1 : 45h</li>
|
||||
<li>BUT2 Groupe 3 : 45h</li>
|
||||
</ul>
|
||||
<div class="chart-container">
|
||||
<canvas id="menaultChart" width="200" height="100"></canvas>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="myModal" class="modal">
|
||||
<div class="modal-content">
|
||||
@@ -355,7 +365,7 @@
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<p>© 2024 IUT de Fontainebleau. Tous droits réservés |
|
||||
@@ -379,14 +389,14 @@
|
||||
label: 'Heures des Professeurs par Catégorie',
|
||||
data: heuresParCategorie,
|
||||
backgroundColor: [
|
||||
'rgba(255, 99, 132, 0.2)',
|
||||
'rgba(54, 162, 235, 0.2)',
|
||||
'rgba(255, 206, 86, 0.2)'
|
||||
'rgba(255, 99, 132, 0.7)', // Couleur rouge plus foncée
|
||||
'rgba(54, 162, 235, 0.7)', // Couleur bleue plus foncée
|
||||
'rgba(255, 206, 86, 0.7)' // Couleur jaune plus foncée
|
||||
],
|
||||
borderColor: [
|
||||
'rgba(255, 99, 132, 1)',
|
||||
'rgba(54, 162, 235, 1)',
|
||||
'rgba(255, 206, 86, 1)'
|
||||
'rgba(255, 99, 132, 1)', // Bordure rouge opaque
|
||||
'rgba(54, 162, 235, 1)', // Bordure bleue opaque
|
||||
'rgba(255, 206, 86, 1)' // Bordure jaune opaque
|
||||
],
|
||||
borderWidth: 1
|
||||
}]
|
||||
@@ -412,14 +422,14 @@
|
||||
label: 'Répartition des heures',
|
||||
data: heures,
|
||||
backgroundColor: [
|
||||
'rgba(255, 99, 132, 0.2)',
|
||||
'rgba(54, 162, 235, 0.2)',
|
||||
'rgba(255, 206, 86, 0.2)'
|
||||
'rgba(255, 99, 132, 0.7)', // Couleur rouge plus foncée
|
||||
'rgba(54, 162, 235, 0.7)', // Couleur bleue plus foncée
|
||||
'rgba(255, 206, 86, 0.7)' // Couleur jaune plus foncée
|
||||
],
|
||||
borderColor: [
|
||||
'rgba(255, 99, 132, 1)',
|
||||
'rgba(54, 162, 235, 1)',
|
||||
'rgba(255, 206, 86, 1)'
|
||||
'rgba(255, 99, 132, 1)', // Bordure rouge opaque
|
||||
'rgba(54, 162, 235, 1)', // Bordure bleue opaque
|
||||
'rgba(255, 206, 86, 1)' // Bordure jaune opaque
|
||||
],
|
||||
borderWidth: 1
|
||||
}]
|
||||
@@ -688,6 +698,18 @@ function deleteVacationOffer(button) {
|
||||
row.parentElement.removeChild(row);
|
||||
}
|
||||
|
||||
</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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user