flash sur liste salle du header
This commit is contained in:
parent
8b17f0b953
commit
6f5853090c
@ -16,7 +16,7 @@ function ListeSalles() {
|
||||
$liste = "<div id=\"liste_salles\">\n";
|
||||
foreach ($salles as $sal) {
|
||||
if (!in_array($sal, $salles_invisibles)) {
|
||||
$liste = $liste."<a href=\"#$sal\" class=\"lien_salle\">$sal</a> <span id=\"l-$sal\" class=\"jours\"> </span>";
|
||||
$liste = $liste."<a href=\"#$sal\" id=\"h-$sal\" class=\"lien_salle\">$sal</a> <span id=\"l-$sal\" class=\"jours\"> </span>";
|
||||
}
|
||||
}
|
||||
$liste = $liste;
|
||||
@ -66,7 +66,7 @@ function ListeSalles() {
|
||||
};
|
||||
|
||||
// Met à jour les indicateurs de jours des salles du menu header à partir des valeurs de la liste des salles/connexions
|
||||
function jourListeSalle(div) {
|
||||
var jourListeSalle = function(div) {
|
||||
var salles = div.getElementsByClassName('jours');
|
||||
var liste = {};
|
||||
for (var i = 0; i < salles.length; i++) {
|
||||
@ -78,20 +78,27 @@ function ListeSalles() {
|
||||
}
|
||||
|
||||
// flash : clignotement des lignes correspondant au dataset "rejected" du <div> blacklist
|
||||
function flash() {
|
||||
var flash = function() {
|
||||
var div_blacklist = document.getElementById("blacklist"); // récupération du div blacklist
|
||||
var ips = JSON.parse(div_blacklist.dataset.rejected); // récupération du dataset de ce div
|
||||
var rgbaString = "rgba(255, 140, 0, x)";
|
||||
for (var i = 0; i < ips.length; i++) {
|
||||
// recuperation des <tr> ip et des elements salles du header
|
||||
var ip = ips[i]["ip"].replace(/\./g, '-'); // remplacement des '.' par des '-'
|
||||
var tr_ip = document.getElementById(ip);
|
||||
var salle = 'h-' + ips[i]["salle"];
|
||||
var el_salle = document.getElementById(salle);
|
||||
// styles
|
||||
var s = tr_ip.style;
|
||||
var ss = el_salle.style;
|
||||
s.backgroundColor = rgbaString.replace("x", "0");
|
||||
ss.backgroundColor = rgbaString.replace("x", "0");
|
||||
var alpha = 0;
|
||||
var bright = false;
|
||||
var finished = false;
|
||||
(function fade() {
|
||||
s.backgroundColor = rgbaString.replace("x", String(alpha));
|
||||
ss.backgroundColor = rgbaString.replace("x", String(alpha));
|
||||
if (!bright) {
|
||||
alpha += 0.05;
|
||||
if (alpha > 1) {
|
||||
@ -134,7 +141,9 @@ function ListeSalles() {
|
||||
xhr.send(null); // initie la requête xhr
|
||||
};
|
||||
|
||||
// init
|
||||
var url = 'reload_salles.php';
|
||||
var init = function() {
|
||||
var div = document.getElementById('loaddiv');
|
||||
if (div) {
|
||||
window.setInterval(function() {
|
||||
@ -143,7 +152,8 @@ function ListeSalles() {
|
||||
reload(url, div);
|
||||
jourListeSalle(div);
|
||||
}
|
||||
|
||||
};
|
||||
window.onload = init;
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
Loading…
x
Reference in New Issue
Block a user