W3 CSS
This commit is contained in:
@@ -7,143 +7,7 @@
|
||||
<title>Dashboard Chef de département</title>
|
||||
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||
<link rel="stylesheet" href="../../css/CHEF/chef_departement.css">
|
||||
<style>
|
||||
.status-correct {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.status-incorrect {
|
||||
color: orange;
|
||||
}
|
||||
|
||||
.status-pending {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.popup {
|
||||
display: none;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
border: 2px solid #ccc;
|
||||
background-color: #fff;
|
||||
padding: 20px;
|
||||
z-index: 10;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.overlay {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.btn-validate {
|
||||
background-color: #5e3a19; /* couleur par défaut */
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-validate.validé {
|
||||
background-color: #5e3a19; /* vert pour validé */
|
||||
}
|
||||
|
||||
.btn-validate.correction-demandée {
|
||||
background-color: #5e3a19; /* orange pour correction demandée */
|
||||
}
|
||||
|
||||
.btn-validate.refusé {
|
||||
background-color: #5e3a19; /* rouge pour refusé */
|
||||
}
|
||||
|
||||
.sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.arrow {
|
||||
margin-left: 5px;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.up {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.schedule-selection {
|
||||
margin: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.schedule-container {
|
||||
margin: 0 auto;
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
.schedule-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.schedule-table th, .schedule-table td {
|
||||
border: 1px solid #ccc;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.time-slot {
|
||||
background-color: #f4f4f4;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.no-class {
|
||||
background-color: #e0e0e0;
|
||||
}
|
||||
|
||||
.class {
|
||||
background-color: #dff0d8;
|
||||
}
|
||||
|
||||
/* Dropdown menu */
|
||||
.dropdown {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.dropdown-content {
|
||||
text-align:left;
|
||||
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;
|
||||
}
|
||||
|
||||
</style>
|
||||
<link rel="stylesheet" href="../../css/CHEF/chef_departement2.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@@ -161,7 +25,6 @@
|
||||
<div class="dropdown-content">
|
||||
<a href="./gestion-heures-professeur.html">Professeur</a>
|
||||
<a href="./gestion-heures-formation.html">Formation</a>
|
||||
<a href="./gestion-edt.html">EDT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -201,21 +64,6 @@
|
||||
</div>
|
||||
</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>
|
||||
|
||||
|
||||
<!-- Suivi des Heures d'enseignement -->
|
||||
<div class="section-header">
|
||||
|
||||
@@ -224,7 +224,6 @@ label {
|
||||
<div class="dropdown-content">
|
||||
<a href="./gestion-heures-professeur.html">Professeur</a>
|
||||
<a href="./gestion-heures-formation.html">Formation</a>
|
||||
<a href="./gestion-edt.html">EDT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -75,7 +75,6 @@
|
||||
<div class="dropdown-content">
|
||||
<a href="./gestion-heures-professeur.html">Professeur</a>
|
||||
<a href="./gestion-heures-formation.html">Formation</a>
|
||||
<a href="./gestion-edt.html">EDT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -106,7 +106,6 @@
|
||||
<div class="dropdown-content">
|
||||
<a href="./gestion-heures-professeur.html">Professeur</a>
|
||||
<a href="./gestion-heures-formation.html">Formation</a>
|
||||
<a href="./gestion-edt.html">EDT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -191,6 +190,7 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Professeur</th>
|
||||
<th>Nombre d'heures prévus</th>
|
||||
<th>Nombre d'heures</th>
|
||||
<th>Statut</th>
|
||||
<th>Actions</th>
|
||||
@@ -199,6 +199,7 @@
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Denis MONNERAT</td>
|
||||
<td>110h</td>
|
||||
<td>120h</td>
|
||||
<td>Permanents</td>
|
||||
<td>
|
||||
@@ -221,6 +222,7 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Maxime MENAULT</td>
|
||||
<td>100h</td>
|
||||
<td>90h</td>
|
||||
<td>Vacataire</td>
|
||||
<td>
|
||||
|
||||
@@ -318,7 +318,6 @@
|
||||
<div class="dropdown-content">
|
||||
<a href="./gestion-heures-professeur.html">Professeur</a>
|
||||
<a href="./gestion-heures-formation.html">Formation</a>
|
||||
<a href="./gestion-edt.html">EDT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -92,7 +92,6 @@
|
||||
<div class="dropdown-content">
|
||||
<a href="./gestion-heures-professeur.html">Professeur</a>
|
||||
<a href="./gestion-heures-formation.html">Formation</a>
|
||||
<a href="./gestion-edt.html">EDT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user