Ajouts des dernières modification
This commit is contained in:
stiti
@@ -94,33 +94,65 @@
|
||||
|
||||
<body>
|
||||
|
||||
<div class="header">
|
||||
<div class="logo-container">
|
||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil">
|
||||
<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>
|
||||
|
||||
<div class="categories">
|
||||
<a href="./chef_departement.html">Accueil</a>
|
||||
|
||||
<div class="dropdown">
|
||||
<a href="javascript:void(0)" class="dropbtn">Gestion des heures</a>
|
||||
<div class="dropdown-content">
|
||||
<a href="./gestion-heures-professeur.html">Professeur</a>
|
||||
<a href="./gestion-heures-formation.html">Formation</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="./paiements.html">Pilotage budgétaire</a>
|
||||
<a href="./mes-informations.html">Mes informations et documents</a>
|
||||
|
||||
<!-- 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="./chef_departement.html" class="w3-bar-item w3-button">Accueil</a>
|
||||
<a href="./gestion-heures-professeur.html" class="w3-bar-item w3-button">Professeurs</a>
|
||||
<a href="./vacataire.html" class="w3-bar-item w3-button">Vacation</a>
|
||||
<a href="./gestion-heures-formation.html" class="w3-bar-item w3-button">Formations</a>
|
||||
<a href="./paiement.html" class="w3-bar-item w3-button">Paiements</a>
|
||||
<a href="./budget.html" class="w3-bar-item w3-button">Budget</a>
|
||||
<a href="./mes-informations.html" class="w3-bar-item w3-button">Mes informations</a>
|
||||
</div>
|
||||
|
||||
<div class="user-section">
|
||||
|
||||
<!-- Section utilisateur avec déconnexion -->
|
||||
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||
<div class="user-name">
|
||||
Florent MADELAINE
|
||||
</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" 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">
|
||||
<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="./chef_departement.html" class="w3-bar-item w3-button">Accueil</a>
|
||||
<a href="./gestion-heures-professeur.html" class="w3-bar-item w3-button">Professeurs</a>
|
||||
<a href="./vacataire.html" class="w3-bar-item w3-button">Vacation</a>
|
||||
<a href="./gestion-heures-formation.html" class="w3-bar-item w3-button">Formations</a>
|
||||
<a href="./paiement.html" class="w3-bar-item w3-button">Paiements</a>
|
||||
<a href="./budget.html" class="w3-bar-item w3-button">Budget</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">Florent MADELAINE</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>
|
||||
@@ -130,14 +162,14 @@
|
||||
|
||||
<div class="container">
|
||||
|
||||
<input type="text" id="searchBar" class="search-bar" placeholder="Rechercher un professeur..." onkeyup="searchProfessor()">
|
||||
<input type="text" id="searchBar" class="search-bar" placeholder="Rechercher un professeur...">
|
||||
|
||||
<div class="info-card">
|
||||
<div class="section-header">
|
||||
<h2>Suivi des demandes de modification d'heures</h2>
|
||||
</div>
|
||||
<div class="card">
|
||||
<table class="w3-table-all" id="teaching-hours-table">
|
||||
<table class="w3-table-all w3-responsive" id="teaching-hours-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="sortable" onclick="sortTable(0)">Nom de l'enseignant <span class="arrow">▲</span><span class="arrow up">▼</span></th>
|
||||
@@ -187,87 +219,66 @@
|
||||
|
||||
|
||||
<h2>Heures des Professeurs</h2>
|
||||
<table class="info-table" id="professorTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Professeur</th>
|
||||
<th>Nombre d'heures prévus</th>
|
||||
<th>Nombre d'heures</th>
|
||||
<th>Statut</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Denis MONNERAT</td>
|
||||
<td>110h</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>100h</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="info-card">
|
||||
<div class="section-header">
|
||||
<h2>Gestion des Offres de Vacation</h2>
|
||||
</div>
|
||||
<div class="card">
|
||||
<button class="w3-button w3-brown" onclick="openVacationModal()">Ajouter une Offre</button>
|
||||
<table class="w3-table-all" id="vacation-offers-table">
|
||||
<div class="w3-responsive"> <!-- Conteneur responsive -->
|
||||
<table class="w3-table w3-bordered w3-striped info-table" id="professorTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Nom de l'Offre</th>
|
||||
<th>Date</th>
|
||||
<th>Type</th>
|
||||
<th>Action</th>
|
||||
<th>Professeur</th>
|
||||
<th>Nombre d'heures prévus</th>
|
||||
<th>Nombre d'heures</th>
|
||||
<th>Statut</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="vacation-offers">
|
||||
<!-- Les lignes d'offres de vacation seront ajoutées ici -->
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Denis MONNERAT</td>
|
||||
<td>110h</td>
|
||||
<td>120h</td>
|
||||
<td>Permanents</td>
|
||||
<td>
|
||||
<button class="w3-button w3-brown action-btn" onclick="toggleDetails(this, 'denis-details')">Voir</button>
|
||||
<button class="w3-button w3-blue 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><strong>BUT1 Groupe 1 :</strong> 30h<br> <strong>Matières : </strong>SCR / Mathématiques / DEV<br></li><br>
|
||||
<li><strong>BUT2 Groupe 2 :</strong> 40h<br> <strong>Matières : </strong>SCR / Mathématiques<br></li><br>
|
||||
<li><strong>BUT3 Groupe 1 :</strong> 50h<br> <strong>Matières : </strong>SCR / Mathématiques<br></li>
|
||||
</ul>
|
||||
<div class="chart-container">
|
||||
<canvas id="denisChart"></canvas>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Maxime MENAULT</td>
|
||||
<td>100h</td>
|
||||
<td>90h</td>
|
||||
<td>Vacataire</td>
|
||||
<td>
|
||||
<button class="w3-button w3-brown action-btn" onclick="toggleDetails(this, 'menault-details')">Voir</button>
|
||||
<button class="w3-button w3-blue 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><strong>BUT1 Groupe 1 :</strong> 45h<br> <strong>Matières : </strong>SCR<br></li><br>
|
||||
<li><strong>BUT2 Groupe 3 :</strong> 45h<br> <strong>Matières : </strong>SCR<br></li>
|
||||
</ul>
|
||||
<div class="chart-container">
|
||||
<canvas id="menaultChart"></canvas>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div></div>
|
||||
|
||||
|
||||
<!-- Graphique Principal -->
|
||||
@@ -276,31 +287,42 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="myModal" class="modal">
|
||||
<div class="modal-content">
|
||||
<span class="close" onclick="closeModal()">×</span>
|
||||
<h2>Ajouter des heures</h2>
|
||||
<p id="professorName"></p>
|
||||
<div id="myModal" class="modal w3-modal">
|
||||
<div class="modal-content w3-card-4">
|
||||
<span class="close w3-button w3-display-topright" onclick="closeModal()">×</span>
|
||||
<h2 class="w3-text-brown">Ajouter des heures</h2>
|
||||
<p id="professorName" class="w3-text-grey"></p>
|
||||
|
||||
<label for="hours">Type de cours :</label>
|
||||
<input type="text" id="hours" placeholder="Ex: CM"><br><br>
|
||||
<label class="w3-text-brown"><b>Type de cours :</b></label>
|
||||
<div class="w3-margin-bottom">
|
||||
<input type="checkbox" id="cm" name="courseType" value="CM" class="w3-check">
|
||||
<label for="cm">CM</label>
|
||||
|
||||
<input type="checkbox" id="td" name="courseType" value="TD" class="w3-check">
|
||||
<label for="td">TD</label>
|
||||
|
||||
<input type="checkbox" id="tp" name="courseType" value="TP" class="w3-check">
|
||||
<label for="tp">TP</label>
|
||||
|
||||
<input type="checkbox" id="suivi" name="courseType" value="SUIVI" class="w3-check">
|
||||
<label for="suivi">SUIVI</label>
|
||||
</div>
|
||||
|
||||
<label for="startTime">Heure de début :</label>
|
||||
<input type="time" id="startTime"><br><br>
|
||||
<label for="hours" class="w3-text-brown"><b>Nombre d'heures :</b></label>
|
||||
<input type="number" id="hours" name="hours" class="w3-input w3-border" placeholder="Ex: 1.5" step="0.5" min="0" required><br>
|
||||
|
||||
<label for="endTime">Heure de fin :</label>
|
||||
<input type="time" id="endTime"><br><br>
|
||||
|
||||
<label for="subject">Choisissez une formation :</label>
|
||||
<select id="subject" name="subject">
|
||||
<label for="subject" class="w3-text-brown"><b>Choisissez une formation :</b></label>
|
||||
<select id="subject" name="subject" class="w3-select w3-border" required>
|
||||
<option value="" disabled selected>Sélectionnez une formation</option>
|
||||
<option value="but1fi">BUT1 Informatique FI</option>
|
||||
<option value="but2fi">BUT2 Informatique FI</option>
|
||||
<option value="but2fa">BUT2 Informatique FA</option>
|
||||
</select>
|
||||
<br><br>
|
||||
|
||||
<label for="matiere">Choisissez une matière :</label>
|
||||
<select id="matiere" name="matiere">
|
||||
<label for="matiere" class="w3-text-brown"><b>Choisissez une matière :</b></label>
|
||||
<select id="matiere" name="matiere" class="w3-select w3-border" required>
|
||||
<option value="" disabled selected>Sélectionnez une matière</option>
|
||||
<option value="SCR">SCR</option>
|
||||
<option value="Mathématiques">Mathématiques</option>
|
||||
<option value="DEV">DEV</option>
|
||||
@@ -311,58 +333,22 @@
|
||||
</select>
|
||||
<br><br>
|
||||
|
||||
<button class="action-btn" onclick="addHours()">Ajouter</button>
|
||||
<button class="w3-button w3-brown" onclick="addHours()">Ajouter</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="vacationModal" class="modal">
|
||||
<div class="modal-content">
|
||||
<span class="close" onclick="closeVacationModal()">×</span>
|
||||
<h2 id="modal-title">Ajouter une Offre de Vacation</h2>
|
||||
|
||||
<label for="offerName">Nom de l'Offre :</label>
|
||||
<input type="text" id="offerName" placeholder="Ex: Cours de Maths"><br><br>
|
||||
|
||||
<label for="offerDescription">Description :</label>
|
||||
<textarea id="offerDescription" placeholder="Décrivez l'offre ici..." rows="3"></textarea><br><br>
|
||||
|
||||
<label for="offerDate">Date :</label>
|
||||
<input type="date" id="offerDate"><br><br>
|
||||
|
||||
<label for="offerHours">Heures :</label>
|
||||
<input type="number" id="offerHours" placeholder="Ex: 3" min="1"><br><br>
|
||||
|
||||
<label>Type :</label><br>
|
||||
<input type="checkbox" id="cm" name="offerType" value="CM">
|
||||
<label for="cm">CM</label><br>
|
||||
|
||||
<input type="checkbox" id="td" name="offerType" value="TD">
|
||||
<label for="td">TD</label><br>
|
||||
|
||||
<input type="checkbox" id="tp" name="offerType" value="TP">
|
||||
<label for="tp">TP</label><br>
|
||||
|
||||
<input type="checkbox" id="suivi" name="offerType" value="Suivi">
|
||||
<label for="suivi">Suivi</label><br><br>
|
||||
|
||||
<button class="action-btn" onclick="addVacationOffer()">Ajouter</button>
|
||||
<button class="action-btn" id="update-btn" onclick="updateVacationOffer()" style="display:none;">Modifier</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="confirmModal" class="modal">
|
||||
<div class="modal-content">
|
||||
<span class="close" onclick="closeConfirmModal()">×</span>
|
||||
<h2>Confirmation</h2>
|
||||
<h2 class="w3-text-green"><strong>Confirmation</strong></h2>
|
||||
<p>La demande de modification d'heures a été envoyée au service RH avec succès.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Pop-up pour modifier les heures -->
|
||||
<!-- Pop-up pour modifier les heures -->
|
||||
|
||||
<div class="popup2" id="popup-form">
|
||||
<h3>Modifier les heures</h3>
|
||||
<form id="form-popup">
|
||||
@@ -721,6 +707,17 @@ function deleteVacationOffer(button) {
|
||||
}
|
||||
|
||||
</script>
|
||||
<script>
|
||||
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>
|
||||
|
||||
Reference in New Issue
Block a user