842 lines
38 KiB
HTML
842 lines
38 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="fr">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Emplois du Temps</title>
|
||
|
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||
|
|
<link rel="stylesheet" href="../../css/CHEF/gestion-heures-formation.css">
|
||
|
|
<link rel="stylesheet" href="../../css/CHEF/chef_departement.css">
|
||
|
|
<style>
|
||
|
|
/* Styles pour le modal */
|
||
|
|
.modal {
|
||
|
|
display: none; /* Hidden by default */
|
||
|
|
position: fixed; /* Stay in place */
|
||
|
|
z-index: 1; /* Sit on top */
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
width: 100%; /* Full width */
|
||
|
|
height: 100%; /* Full height */
|
||
|
|
overflow: auto; /* Enable scroll if needed */
|
||
|
|
background-color: rgb(0, 0, 0); /* Fallback color */
|
||
|
|
background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
|
||
|
|
padding-top: 60px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.modal-content {
|
||
|
|
background-color: #fefefe;
|
||
|
|
margin: 5% auto; /* 15% from the top and centered */
|
||
|
|
padding: 20px;
|
||
|
|
border: 1px solid #888;
|
||
|
|
width: 80%; /* Could be more or less, depending on screen size */
|
||
|
|
}
|
||
|
|
|
||
|
|
.close {
|
||
|
|
color: #aaa;
|
||
|
|
float: right;
|
||
|
|
font-size: 28px;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.close:hover,
|
||
|
|
.close:focus {
|
||
|
|
color: black;
|
||
|
|
text-decoration: none;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.action-btn {
|
||
|
|
margin: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table-container {
|
||
|
|
margin: 20px 0;
|
||
|
|
width: 100%;
|
||
|
|
max-width: 1200px;
|
||
|
|
overflow-x: auto; /* Enable horizontal scroll if necessary */
|
||
|
|
}
|
||
|
|
|
||
|
|
table {
|
||
|
|
width: 100%;
|
||
|
|
border-collapse: collapse;
|
||
|
|
}
|
||
|
|
|
||
|
|
th,
|
||
|
|
td {
|
||
|
|
border: 1px solid #ddd;
|
||
|
|
padding: 8px;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
/* Styles pour les boutons */
|
||
|
|
button {
|
||
|
|
background-color: #5e3a19; /* Couleur marron */
|
||
|
|
color: white; /* Couleur du texte en blanc */
|
||
|
|
border: none; /* Pas de bordure */
|
||
|
|
padding: 10px 20px; /* Espacement interne */
|
||
|
|
text-align: center; /* Centrer le texte */
|
||
|
|
text-decoration: none; /* Pas de soulignement */
|
||
|
|
display: inline-block; /* Affichage en bloc en ligne */
|
||
|
|
font-size: 16px; /* Taille de la police */
|
||
|
|
margin: 4px 2px; /* Marges */
|
||
|
|
cursor: pointer; /* Changer le curseur au survol */
|
||
|
|
border-radius: 4px; /* Coins arrondis */
|
||
|
|
transition: background-color 0.3s; /* Transition douce pour le changement de couleur */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Effet au survol */
|
||
|
|
button:hover {
|
||
|
|
background-color: #4e2b14; /* Couleur marron plus foncée au survol */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Styles pour les éléments de sélection */
|
||
|
|
select {
|
||
|
|
background-color: #5e3a19; /* Couleur marron */
|
||
|
|
color: white; /* Couleur du texte en blanc */
|
||
|
|
border: 1px solid #888; /* Bordure */
|
||
|
|
padding: 10px; /* Espacement interne */
|
||
|
|
margin: 5px 0; /* Marges */
|
||
|
|
border-radius: 4px; /* Coins arrondis */
|
||
|
|
font-size: 16px; /* Taille de la police */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Styles pour les labels */
|
||
|
|
label {
|
||
|
|
font-weight: bold; /* Texte en gras */
|
||
|
|
color: #5e3a19; /* Couleur marron pour le texte */
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
th {
|
||
|
|
background-color: #f2f2f2;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Styles pour la barre de recherche */
|
||
|
|
#searchInput {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
padding: 10px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Styles for the visual schedule */
|
||
|
|
.schedule-container {
|
||
|
|
margin-top: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.schedule-table {
|
||
|
|
width: 100%;
|
||
|
|
border-collapse: collapse;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section-header {
|
||
|
|
background-color: #f8f8f8;
|
||
|
|
padding: 10px;
|
||
|
|
border-left: 5px solid #5e3a19;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.schedule-table th,
|
||
|
|
.schedule-table td {
|
||
|
|
border: 1px solid #ddd;
|
||
|
|
padding: 10px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.course {
|
||
|
|
background-color: #d9edf7;
|
||
|
|
padding: 5px;
|
||
|
|
margin: 2px;
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.dropdown {
|
||
|
|
text-align: left;
|
||
|
|
position: relative;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dropdown-content {
|
||
|
|
display: none;
|
||
|
|
position: absolute;
|
||
|
|
background-color: white;
|
||
|
|
min-width: 200px;
|
||
|
|
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dropdown-content a {
|
||
|
|
color: black;
|
||
|
|
padding: 12px 16px;
|
||
|
|
text-decoration: none;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dropdown-content a:hover {
|
||
|
|
background-color: #ddd;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dropdown:hover .dropdown-content {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dropdown:hover .dropbtn {
|
||
|
|
background-color: #4a2e13;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-container {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column; /* Aligner les éléments en colonne */
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-group {
|
||
|
|
display: flex; /* Utiliser flexbox pour chaque groupe */
|
||
|
|
justify-content: space-between; /* Espacer l'étiquette et le champ */
|
||
|
|
align-items: center; /* Centrer verticalement */
|
||
|
|
margin-bottom: 15px; /* Espacement entre les groupes */
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-group label {
|
||
|
|
width: 150px; /* Largeur fixe pour les étiquettes */
|
||
|
|
margin-right: 10px; /* Espacement entre l'étiquette et le champ */
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-group input {
|
||
|
|
flex: 1; /* Prendre toute la largeur restante */
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div class="header">
|
||
|
|
<div class="logo-container">
|
||
|
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil">
|
||
|
|
</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>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="user-section">
|
||
|
|
<div class="user-name">
|
||
|
|
Florent MADELAINE
|
||
|
|
</div>
|
||
|
|
<div class="logout-container">
|
||
|
|
<a href="../../index.html" title="Se déconnecter">
|
||
|
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="container">
|
||
|
|
<div class="section-header">
|
||
|
|
<h2>Ajouts de cours</h2>
|
||
|
|
</div>
|
||
|
|
<!-- Barre de recherche -->
|
||
|
|
<input type="text" id="searchInput" onkeyup="searchCourses()" placeholder="Rechercher un cours, un prof ou une salle...">
|
||
|
|
|
||
|
|
<button onclick="openAddCourseModal()">Ajouter un Cours</button>
|
||
|
|
<button onclick="exportToCSV()">Exporter en CSV</button>
|
||
|
|
|
||
|
|
<div class="table-container">
|
||
|
|
<table id="scheduleTable">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>Type de Cours</th>
|
||
|
|
<th>Matière</th>
|
||
|
|
<th>Salle</th>
|
||
|
|
<th>Heure</th>
|
||
|
|
<th>Date</th>
|
||
|
|
<th>Professeur</th>
|
||
|
|
<th>Classe</th>
|
||
|
|
<th>Actions</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody id="scheduleBody">
|
||
|
|
<!-- Fake schedules for demonstration -->
|
||
|
|
<tr>
|
||
|
|
<td>CM</td>
|
||
|
|
<td>SCR</td>
|
||
|
|
<td>101</td>
|
||
|
|
<td>09:00</td>
|
||
|
|
<td>2024-10-15</td>
|
||
|
|
<td>Denis MONNERAT</td>
|
||
|
|
<td>BUT1</td>
|
||
|
|
<td>
|
||
|
|
<button class="action-btn" onclick="openEditCourseModal('CM', 'SCR', '101', '09:00', '2024-10-15', 'Denis MONNERAT', 'BUT1', this)">Modifier</button>
|
||
|
|
<button class="action-btn" onclick="deleteCourse(this)">Supprimer</button>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>TD</td>
|
||
|
|
<td>DEV</td>
|
||
|
|
<td>202</td>
|
||
|
|
<td>10:00</td>
|
||
|
|
<td>2024-10-16</td>
|
||
|
|
<td>Maxime MENAULT</td>
|
||
|
|
<td>BUT2</td>
|
||
|
|
<td>
|
||
|
|
<button class="action-btn" onclick="openEditCourseModal('TD', 'DEV', '202', '10:00', '2024-10-16', 'Maxime MENAULT', 'BUT2', this)">Modifier</button>
|
||
|
|
<button class="action-btn" onclick="deleteCourse(this)">Supprimer</button>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>TP</td>
|
||
|
|
<td>Mathématiques</td>
|
||
|
|
<td>303</td>
|
||
|
|
<td>11:00</td>
|
||
|
|
<td>2024-10-17</td>
|
||
|
|
<td>Denis MONNERAT</td>
|
||
|
|
<td>BUT2</td>
|
||
|
|
<td>
|
||
|
|
<button class="action-btn" onclick="openEditCourseModal('TP', 'Mathématiques', '303', '11:00', '2024-10-17', 'Denis MONNERAT', 'BUT2', this)">Modifier</button>
|
||
|
|
<button class="action-btn" onclick="deleteCourse(this)">Supprimer</button>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="section-header">
|
||
|
|
<h2>Emplois du temps</h2>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Sélection du professeur ou de la classe -->
|
||
|
|
<div class="schedule-selection">
|
||
|
|
<label for="schedule-type">Choisir un emploi du temps :</label>
|
||
|
|
<select id="schedule-type" onchange="updateSchedule()">
|
||
|
|
<option value="professeur1">Professeur Denis MONNERAT</option>
|
||
|
|
<option value="professeur2">Professeur Maxime MENAULT</option>
|
||
|
|
<option value="classe1">Classe BUT1 Groupe 1</option>
|
||
|
|
<option value="classe2">Classe BUT1 Groupe 2</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="schedule-container">
|
||
|
|
<!-- L'emploi du temps sera injecté ici -->
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Modals -->
|
||
|
|
<div id="addCourseModal" class="modal">
|
||
|
|
<div class="modal-content">
|
||
|
|
<span class="close" onclick="closeAddCourseModal()">×</span>
|
||
|
|
<h2>Ajouter un Cours</h2>
|
||
|
|
<form id="addCourseForm" class="form-container">
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="courseType">Type de Cours :</label>
|
||
|
|
<input type="text" id="courseType" placeholder="ex: CM" required>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="subject">Matière :</label>
|
||
|
|
<input type="text" id="subject" placeholder="ex: Mathématiques" required>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="room">Salle :</label>
|
||
|
|
<input type="text" id="room" placeholder="ex: 224" required>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="time">Heure :</label>
|
||
|
|
<input type="time" id="time" required>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="date">Date :</label>
|
||
|
|
<input type="date" id="date" required>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="teacher">Professeur :</label>
|
||
|
|
<input type="text" id="teacher" placeholder="ex: Denis MONNERAT" required>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="class">Classe :</label>
|
||
|
|
<input type="text" id="class" placeholder="ex: BUT1" required>
|
||
|
|
</div>
|
||
|
|
<button type="submit">Ajouter</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div id="editCourseModal" class="modal">
|
||
|
|
<div class="modal-content">
|
||
|
|
<span class="close" onclick="closeEditCourseModal()">×</span>
|
||
|
|
<h2>Modifier un Cours</h2>
|
||
|
|
<form id="editCourseForm" class="form-container">
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="editCourseType">Type de Cours :</label>
|
||
|
|
<input type="text" id="editCourseType" placeholder="ex: TD" required>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="editSubject">Matière :</label>
|
||
|
|
<input type="text" id="editSubject" placeholder="ex: Physique" required>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="editRoom">Salle :</label>
|
||
|
|
<input type="text" id="editRoom" placeholder="ex: 101" required>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="editTime">Heure :</label>
|
||
|
|
<input type="time" id="editTime" required>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="editDate">Date :</label>
|
||
|
|
<input type="date" id="editDate" required>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="editTeacher">Professeur :</label>
|
||
|
|
<input type="text" id="editTeacher" placeholder="ex: Jean DUPONT" required>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="editClass">Classe :</label>
|
||
|
|
<input type="text" id="editClass" placeholder="ex: L2" required>
|
||
|
|
</div>
|
||
|
|
<button type="submit">Modifier</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<script>
|
||
|
|
|
||
|
|
|
||
|
|
document.getElementById("addCourseForm").addEventListener("submit", function(event) {
|
||
|
|
event.preventDefault(); // Empêcher le rechargement de la page
|
||
|
|
addCourse(); // Appeler la fonction pour ajouter le cours
|
||
|
|
});
|
||
|
|
|
||
|
|
document.getElementById("editCourseForm").addEventListener("submit", function(event) {
|
||
|
|
event.preventDefault(); // Empêcher le rechargement de la page
|
||
|
|
editCourse(); // Appeler la fonction pour modifier le cours
|
||
|
|
});
|
||
|
|
|
||
|
|
// Fonction pour ajouter un cours
|
||
|
|
function addCourse() {
|
||
|
|
const type = document.getElementById("courseType").value;
|
||
|
|
const subject = document.getElementById("subject").value;
|
||
|
|
const room = document.getElementById("room").value;
|
||
|
|
const time = document.getElementById("time").value;
|
||
|
|
const date = document.getElementById("date").value;
|
||
|
|
const teacher = document.getElementById("teacher").value;
|
||
|
|
const className = document.getElementById("class").value;
|
||
|
|
|
||
|
|
const table = document.getElementById("scheduleBody");
|
||
|
|
const newRow = table.insertRow(); // Ajouter une nouvelle ligne
|
||
|
|
|
||
|
|
// Insérer les cellules
|
||
|
|
newRow.innerHTML = `
|
||
|
|
<td>${type}</td>
|
||
|
|
<td>${subject}</td>
|
||
|
|
<td>${room}</td>
|
||
|
|
<td>${time}</td>
|
||
|
|
<td>${date}</td>
|
||
|
|
<td>${teacher}</td>
|
||
|
|
<td>${className}</td>
|
||
|
|
<td>
|
||
|
|
<button class="action-btn" onclick="openEditCourseModal('${type}', '${subject}', '${room}', '${time}', '${date}', '${teacher}', '${className}', this)">Modifier</button>
|
||
|
|
<button class="action-btn" onclick="deleteCourse(this)">Supprimer</button>
|
||
|
|
</td>
|
||
|
|
`;
|
||
|
|
|
||
|
|
// Fermer le modal
|
||
|
|
closeAddCourseModal();
|
||
|
|
}
|
||
|
|
|
||
|
|
// Fonction pour modifier un cours
|
||
|
|
function editCourse() {
|
||
|
|
const type = document.getElementById("editCourseType").value;
|
||
|
|
const subject = document.getElementById("editSubject").value;
|
||
|
|
const room = document.getElementById("editRoom").value;
|
||
|
|
const time = document.getElementById("editTime").value;
|
||
|
|
const date = document.getElementById("editDate").value;
|
||
|
|
const teacher = document.getElementById("editTeacher").value;
|
||
|
|
const className = document.getElementById("editClass").value;
|
||
|
|
|
||
|
|
const button = event.target.closest('button'); // Trouver le bouton qui a ouvert le modal
|
||
|
|
const row = button.parentNode.parentNode; // Obtenir la ligne correspondante
|
||
|
|
|
||
|
|
// Mettre à jour les cellules de la ligne
|
||
|
|
row.cells[0].innerText = type;
|
||
|
|
row.cells[1].innerText = subject;
|
||
|
|
row.cells[2].innerText = room;
|
||
|
|
row.cells[3].innerText = time;
|
||
|
|
row.cells[4].innerText = date;
|
||
|
|
row.cells[5].innerText = teacher;
|
||
|
|
row.cells[6].innerText = className;
|
||
|
|
|
||
|
|
// Fermer le modal
|
||
|
|
closeEditCourseModal();
|
||
|
|
}
|
||
|
|
|
||
|
|
// Script JavaScript
|
||
|
|
|
||
|
|
const scheduleData = [
|
||
|
|
{ day: 'Lundi', hour: '09:00', subject: 'SCR', teacher: 'Denis MONNERAT', class: 'BUT1' },
|
||
|
|
{ day: 'Lundi', hour: '10:00', subject: 'DEV', teacher: 'Maxime MENAULT', class: 'BUT2' },
|
||
|
|
{ day: 'Mardi', hour: '11:00', subject: 'Mathématiques', teacher: 'Denis MONNERAT', class: 'BUT2' },
|
||
|
|
// Ajoutez plus de données de cours ici...
|
||
|
|
];
|
||
|
|
|
||
|
|
function openAddCourseModal() {
|
||
|
|
document.getElementById("addCourseModal").style.display = "block";
|
||
|
|
}
|
||
|
|
|
||
|
|
function closeAddCourseModal() {
|
||
|
|
document.getElementById("addCourseModal").style.display = "none";
|
||
|
|
}
|
||
|
|
|
||
|
|
function openEditCourseModal(type, subject, room, time, date, teacher, className, btn) {
|
||
|
|
// Ouvrir le modal de modification avec les données du cours
|
||
|
|
document.getElementById("editCourseModal").style.display = "block";
|
||
|
|
document.getElementById("editCourseType").value = type;
|
||
|
|
document.getElementById("editSubject").value = subject;
|
||
|
|
document.getElementById("editRoom").value = room;
|
||
|
|
document.getElementById("editTime").value = time;
|
||
|
|
document.getElementById("editDate").value = date;
|
||
|
|
document.getElementById("editTeacher").value = teacher;
|
||
|
|
document.getElementById("editClass").value = className;
|
||
|
|
}
|
||
|
|
|
||
|
|
function closeEditCourseModal() {
|
||
|
|
document.getElementById("editCourseModal").style.display = "none";
|
||
|
|
}
|
||
|
|
|
||
|
|
function deleteCourse(btn) {
|
||
|
|
const row = btn.parentNode.parentNode; // Récupérer la ligne du tableau
|
||
|
|
row.parentNode.removeChild(row); // Supprimer la ligne
|
||
|
|
}
|
||
|
|
|
||
|
|
function searchCourses() {
|
||
|
|
const input = document.getElementById('searchInput');
|
||
|
|
const filter = input.value.toLowerCase();
|
||
|
|
const rows = document.querySelectorAll('#scheduleBody tr');
|
||
|
|
|
||
|
|
rows.forEach(row => {
|
||
|
|
const cells = row.getElementsByTagName('td');
|
||
|
|
let found = false;
|
||
|
|
|
||
|
|
for (let i = 0; i < cells.length; i++) {
|
||
|
|
if (cells[i].textContent.toLowerCase().indexOf(filter) > -1) {
|
||
|
|
found = true;
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
row.style.display = found ? '' : 'none'; // Afficher ou masquer la ligne
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function exportToCSV() {
|
||
|
|
// Code pour exporter les données en CSV (à implémenter)
|
||
|
|
console.log("Exporter en CSV");
|
||
|
|
}
|
||
|
|
|
||
|
|
function previousWeek() {
|
||
|
|
// Code pour afficher la semaine précédente (à implémenter)
|
||
|
|
console.log("Semaine précédente");
|
||
|
|
}
|
||
|
|
|
||
|
|
function nextWeek() {
|
||
|
|
// Code pour afficher la semaine suivante (à implémenter)
|
||
|
|
console.log("Semaine suivante");
|
||
|
|
}
|
||
|
|
|
||
|
|
function updateSchedule() {
|
||
|
|
const scheduleType = document.getElementById('schedule-type').value;
|
||
|
|
const scheduleContainer = document.getElementById('schedule-container');
|
||
|
|
|
||
|
|
let scheduleHTML = '';
|
||
|
|
|
||
|
|
if (scheduleType === 'professeur1') {
|
||
|
|
scheduleHTML = `
|
||
|
|
<div class="card">
|
||
|
|
<div class="week-navigation">
|
||
|
|
<button>« Semaine précédente</button>
|
||
|
|
<p><strong>Semaine du 18 au 24 Novembre 2024</strong></p>
|
||
|
|
<button>Semaine suivante »</button>
|
||
|
|
</div>
|
||
|
|
<div class="schedule-container">
|
||
|
|
<table class="schedule-table">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>Heures</th>
|
||
|
|
<th>Lundi</th>
|
||
|
|
<th>Mardi</th>
|
||
|
|
<th>Mercredi</th>
|
||
|
|
<th>Jeudi</th>
|
||
|
|
<th>Vendredi</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td class="time-slot">08:00 - 08:30</td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TP - DEV<br><span>Salle 202</span><br></td>
|
||
|
|
<td class="class">TD - Mathématiques<br><span>Salle 305</span><br></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="time-slot">08:30 - 09:00</td>
|
||
|
|
<td class="class">TD - BD<br><span>Salle 101</span><br></td>
|
||
|
|
<td class="class">CM - Mathématiques<br><span>Salle 202</span><br></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TD - DEV<br><span>Salle 305</span><br></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="time-slot">09:00 - 09:30</td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TP - Informatique<br><span>Salle 101</span><br></td>
|
||
|
|
<td class="class">CM - Mathématiques<br><span>Salle 202</span><br></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TP - DEV<br><span>Salle 225</span><br></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="time-slot">09:30 - 10:00</td>
|
||
|
|
<td class="class">CM - BD<br><span>Salle 305</span><br></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TD - Mathématiques<br><span>Salle 101</span><br></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TP - DEV<br><span>Salle 202</span><br></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="time-slot">10:00 - 10:30</td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TD - DEV<br><span>Salle 305</span><br></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">CM - Mathématiques<br><span>Salle 101</span><br></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
</tr>
|
||
|
|
<!-- Add more slots as needed -->
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>`;
|
||
|
|
} else if (scheduleType === 'professeur2') {
|
||
|
|
scheduleHTML = `
|
||
|
|
<div class="card">
|
||
|
|
<div class="week-navigation">
|
||
|
|
<button>« Semaine précédente</button>
|
||
|
|
<p><strong>Semaine du 18 au 24 Novembre 2024</strong></p>
|
||
|
|
<button>Semaine suivante »</button>
|
||
|
|
</div>
|
||
|
|
<div class="schedule-container">
|
||
|
|
<table class="schedule-table">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>Heures</th>
|
||
|
|
<th>Lundi</th>
|
||
|
|
<th>Mardi</th>
|
||
|
|
<th>Mercredi</th>
|
||
|
|
<th>Jeudi</th>
|
||
|
|
<th>Vendredi</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td class="time-slot">08:00 - 08:30</td>
|
||
|
|
<td class="class">TP - Mathématiques<br><span>Salle 101</span><br></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TP - DEV<br><span>Salle 202</span><br></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TD - DEV<br><span>Salle 225</span><br></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="time-slot">08:30 - 09:00</td>
|
||
|
|
<td class="class">CM - Mathématiques<br><span>Salle 101</span><br></td>
|
||
|
|
<td class="class">TD - BD<br><span>Salle 305</span><br></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TP - DEV<br><span>Salle 202</span><br></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="time-slot">09:00 - 09:30</td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">CM - Informatique<br><span>Salle 305</span><br></td>
|
||
|
|
<td class="class">TD - DEV<br><span>Salle 225</span><br></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TP - Mathématiques<br><span>Salle 101</span><br></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="time-slot">09:30 - 10:00</td>
|
||
|
|
<td class="class">CM - BD<br><span>Salle 101</span><br></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TD - Mathématiques<br><span>Salle 202</span><br></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TP - DEV<br><span>Salle 305</span><br></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="time-slot">10:00 - 10:30</td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TD - DEV<br><span>Salle 225</span><br></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">CM - Mathématiques<br><span>Salle 101</span><br></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
</tr>
|
||
|
|
<!-- Add more slots as needed -->
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>`;
|
||
|
|
} else if (scheduleType === 'classe1') {
|
||
|
|
scheduleHTML = `
|
||
|
|
<div class="card">
|
||
|
|
<div class="week-navigation">
|
||
|
|
<button>« Semaine précédente</button>
|
||
|
|
<p><strong>Semaine du 18 au 24 Novembre 2024</strong></p>
|
||
|
|
<button>Semaine suivante »</button>
|
||
|
|
</div>
|
||
|
|
<div class="schedule-container">
|
||
|
|
<table class="schedule-table">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>Heures</th>
|
||
|
|
<th>Lundi</th>
|
||
|
|
<th>Mardi</th>
|
||
|
|
<th>Mercredi</th>
|
||
|
|
<th>Jeudi</th>
|
||
|
|
<th>Vendredi</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td class="time-slot">08:00 - 08:30</td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">CM - Mathématiques<br><span>Salle 101</span><br><strong>Prof: Denis MONNERAT</strong></td>
|
||
|
|
<td class="class">TP - DEV<br><span>Salle 305</span><br><strong>Prof: Maxime MENAULT</strong></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TP - DEV<br><span>Salle 225</span><br><strong>Prof: Maxime MENAULT</strong></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="time-slot">08:30 - 09:00</td>
|
||
|
|
<td class="class">TD - BD<br><span>Salle 101</span><br><strong>Prof: Alice DURAND</strong></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TD - DEV<br><span>Salle 202</span><br><strong>Prof: Maxime MENAULT</strong></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="time-slot">09:00 - 09:30</td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TP - Informatique<br><span>Salle 305</span><br><strong>Prof: Maxime MENAULT</strong></td>
|
||
|
|
<td class="class">CM - Mathématiques<br><span>Salle 202</span><br><strong>Prof: Denis MONNERAT</strong></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TP - DEV<br><span>Salle 225</span><br><strong>Prof: Denis MONNERAT</strong></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="time-slot">09:30 - 10:00</td>
|
||
|
|
<td class="class">CM - BD<br><span>Salle 305</span><br><strong>Prof: Alice DURAND</strong></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TD - Mathématiques<br><span>Salle 101</span><br><strong>Prof: Maxime MENAULT</strong></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TP - DEV<br><span>Salle 202</span><br><strong>Prof: Maxime MENAULT</strong></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="time-slot">10:00 - 10:30</td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TD - DEV<br><span>Salle 305</span><br><strong>Prof: Maxime MENAULT</strong></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">CM - Mathématiques<br><span>Salle 101</span><br><strong>Prof: Denis MONNERAT</strong></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
</tr>
|
||
|
|
<!-- Add more slots as needed -->
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>`;
|
||
|
|
} else if (scheduleType === 'classe2') {
|
||
|
|
scheduleHTML = `
|
||
|
|
<div class="card">
|
||
|
|
<div class="week-navigation">
|
||
|
|
<button>« Semaine précédente</button>
|
||
|
|
<p><strong>Semaine du 18 au 24 Novembre 2024</strong></p>
|
||
|
|
<button>Semaine suivante »</button>
|
||
|
|
</div>
|
||
|
|
<div class="schedule-container">
|
||
|
|
<table class="schedule-table">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>Heures</th>
|
||
|
|
<th>Lundi</th>
|
||
|
|
<th>Mardi</th>
|
||
|
|
<th>Mercredi</th>
|
||
|
|
<th>Jeudi</th>
|
||
|
|
<th>Vendredi</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td class="time-slot">08:00 - 08:30</td>
|
||
|
|
<td class="class">TP - DEV<br><span>Salle 202</span><br><strong>Prof: Denis MONNERAT</strong></td>
|
||
|
|
<td class="class">CM - SCR<br><span>Salle 224</span><br><strong>Prof: Maxime MENAULT</strong></td>
|
||
|
|
<td class="class">TD - DEV<br><span>Salle 305</span><br><strong>Prof: Maxime MENAULT</strong></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TP - DEV<br><span>Salle 225</span><br><strong>Prof: Denis MONNERAT</strong></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="time-slot">08:30 - 09:00</td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">CM - Mathématiques<br><span>Salle 101</span><br><strong>Prof: Maxime MENAULT</strong></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TD - BD<br><span>Salle 305</span><br><strong>Prof: Alice DURAND</strong></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="time-slot">09:00 - 09:30</td>
|
||
|
|
<td class="class">TD - DEV<br><span>Salle 202</span><br><strong>Prof: Maxime MENAULT</strong></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">CM - Mathématiques<br><span>Salle 101</span><br><strong>Prof: Maxime MENAULT</strong></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TP - BD<br><span>Salle 305</span><br><strong>Prof: Alice DURAND</strong></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="time-slot">09:30 - 10:00</td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">CM - Informatique<br><span>Salle 202</span><br><strong>Prof: Maxime MENAULT</strong></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TD - Mathématiques<br><span>Salle 101</span><br><strong>Prof: Maxime MENAULT</strong></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="time-slot">10:00 - 10:30</td>
|
||
|
|
<td class="class">TP - DEV<br><span>Salle 202</span><br><strong>Prof: Denis MONNERAT</strong></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">TD - DEV<br><span>Salle 225</span><br><strong>Prof: Maxime MENAULT</strong></td>
|
||
|
|
<td class="no-class"></td>
|
||
|
|
<td class="class">CM - Mathématiques<br><span>Salle 101</span><br><strong>Prof: Maxime MENAULT</strong></td>
|
||
|
|
</tr>
|
||
|
|
<!-- Add more slots as needed -->
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>`;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Inject the schedule into the container
|
||
|
|
scheduleContainer.innerHTML = scheduleHTML;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Initialiser l'emploi du temps au chargement
|
||
|
|
updateSchedule();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|