Skip to content

GitLab

Commit d7e0f7dd authored by Thomas Fradet's avatar Thomas Fradet
Browse files

suivi : ajout msg si pas act suivie

parent b0c4c3e5
Hide whitespace changes
Inline Side-by-side
CHANGELOG.md
View file @ d7e0f7dd
...@@ -342,7 +342,7 @@ Variable courseid non définie remplacée par $COURSE->id plus sécurisée. ...@@ -342,7 +342,7 @@ Variable courseid non définie remplacée par $COURSE->id plus sécurisée.
#### Message quand pas d'activité à suivre #### Message quand pas d'activité à suivre
[ ] Lorsqu'une section ne contient pas d'activité suivies, afficher un message au lieu de la liste des étudiants avec aucune activité en colonne et 0% pour chaque. [x] Lorsqu'une section ne contient pas d'activité suivies, afficher un message au lieu de la liste des étudiants avec aucune activité en colonne et 0% pour chaque. Il indique qu'aucune activité n'est suivie pour cette section. Le message indiquant qu'aucun étudiant n'est retourné par les filtres ne peut apparaître que s'il y a des activités suivies.
### Cron ### Cron
......
view/view_suivi_unit3.php
View file @ d7e0f7dd
...@@ -130,91 +130,91 @@ if (isset($_GET['filter'])) { ...@@ -130,91 +130,91 @@ if (isset($_GET['filter'])) {
?> ?>
<style> <style>
/* Permet la rotation des entêtes du tableau */ /* Permet la rotation des entêtes du tableau */
th.th-rotate { th.th-rotate {
/* Something you can count on */ /* Something you can count on */
height: 140px; height: 140px;
white-space: nowrap; white-space: nowrap;
} }
th.th-rotate > div { th.th-rotate > div {
transform: transform:
/* Magic Numbers */ /* Magic Numbers */
translate(17px, 49px) translate(17px, 49px)
/* 45 is really 360 - 45 */ /* 45 is really 360 - 45 */
rotate(315deg); rotate(315deg);
width: 30px; width: 30px;
} }
th.th-rotate > div > span { th.th-rotate > div > span {
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
padding: 5px 10px; padding: 5px 10px;
} }
/* Change la couleur une ligne sur deux dans le tableau */ /* Change la couleur une ligne sur deux dans le tableau */
#table-body tr:nth-child(even) { background: #fafafa; } #table-body tr:nth-child(even) { background: #fafafa; }
#table-body tr:nth-child(odd) { background: #eee; } #table-body tr:nth-child(odd) { background: #eee; }
/* Colorie la cellule en fonction de l'achèvement */ /* Colorie la cellule en fonction de l'achèvement */
.state-0 { background-color: rgba(0, 143, 132, 0.23); } .state-0 { background-color: rgba(0, 143, 132, 0.23); }
.state-1 { background-color: #009085; } .state-1 { background-color: #009085; }
.state-2 { background-color: #009085; } .state-2 { background-color: #009085; }
.state-3 { background-color: rgba(214, 141, 1, 0.4); } .state-3 { background-color: rgba(214, 141, 1, 0.4); }
#first-column-head { #first-column-head {
vertical-align: bottom; vertical-align: bottom;
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
} }
.pointer-help { .pointer-help {
cursor: help; cursor: help;
} }
.stud_perc { .stud_perc {
min-width: 45px; min-width: 45px;
display: inline-block; display: inline-block;
} }
#table-body td { border-right: 1px solid #eee; } #table-body td { border-right: 1px solid #eee; }
/* Scroll de la table */ /* Scroll de la table */
#table-body { #table-body {
display: block; display: block;
overflow-y:scroll; overflow-y:scroll;
margin-right: 10rem; margin-right: 10rem;
height: 300px; height: 300px;
height: 50vh; height: 50vh;
} }
#suivi { #suivi {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
#suivi thead { #suivi thead {
display: block; overflow-x:scroll; display: block; overflow-x:scroll;
} }
#suivi thead tr th:nth-child(1) { #suivi thead tr th:nth-child(1) {
width:20em; width:20em;
min-width:20em; min-width:20em;
} }
#suivi thead tr th { #suivi thead tr th {
min-width:32px; min-width:32px;
} }
#suivi tbody tr th { #suivi tbody tr th {
width:20em; width:20em;
min-width:20em; min-width:20em;
word-break: break-word; word-break: break-word;
} }
#suivi tbody tr td { #suivi tbody tr td {
min-width:32px; min-width:32px;
} }
#suivi input[type="checkbox"] { #suivi input[type="checkbox"] {
margin: 5px; margin: 5px;
font-size: 1rem; font-size: 1rem;
} }
.mb1 { margin-bottom: 1rem; } .mb1 { margin-bottom: 1rem; }
.mt1 { margin-top: 1rem; } .mt1 { margin-top: 1rem; }
</style> </style>
...@@ -357,7 +357,9 @@ th.th-rotate > div > span { ...@@ -357,7 +357,9 @@ th.th-rotate > div > span {
<a href="#" class="select_all_studs">Sélectionner tout</a> || <a href="#" class="send_msg_sel">Message aux étudiants sélectionnés</a> <a href="#" class="select_all_studs">Sélectionner tout</a> || <a href="#" class="send_msg_sel">Message aux étudiants sélectionnés</a>
</div> </div>
<div id="no_result" class="alert alert-warning">Aucun étudiants trouvé. Vérifiez la section, le groupe et le filtre choisi.</div> <div id="no_result" class="alert alert-warning" style="display: none;">Aucun étudiants trouvé. Vérifiez la section, le groupe et le filtre choisi.</div>
<div id="no_result_activity" class="alert alert-warning" style="display: none;">Aucune activité se semble suivie pour cette section. </div>
<table id="suivi"> <table id="suivi">
<thead> <thead>
...@@ -406,14 +408,37 @@ var data = { ...@@ -406,14 +408,37 @@ var data = {
counter++; counter++;
} }
} }
// console.log(counter); var no_rows = false;
if (counter == 0) { if (counter == 0) {
no_rows = true;
}
var cols = document.querySelectorAll("#suivi > thead > tr > th.th-rotate");
var counter = 0;
for (var i = 0; i < cols.length; i++) {
if (cols[i].style.display != "none") {
counter++;
}
}
var no_cols = false;
if (counter == 0) {
no_cols = true;
}
if (no_cols) {
document.getElementById('no_result_activity').style.display = "";
document.getElementById('no_result').style.display = "none";
document.getElementById('suivi').style.display = "none"; document.getElementById('suivi').style.display = "none";
} else if (no_rows) {
document.getElementById('no_result_activity').style.display = "none";
document.getElementById('no_result').style.display = ""; document.getElementById('no_result').style.display = "";
document.getElementById('suivi').style.display = "none";
} else { } else {
document.getElementById('suivi').style.display = ""; document.getElementById('no_result_activity').style.display = "none";
document.getElementById('no_result').style.display = "none"; document.getElementById('no_result').style.display = "none";
document.getElementById('suivi').style.display = "";
} }
} }
function set_table_head() { function set_table_head() {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment