From 2ce44cb2e265555e865b9f0368be721f6794d06d Mon Sep 17 00:00:00 2001
From: jbousquie <jerome@bousquie.fr>
Date: Tue, 22 Nov 2016 10:51:48 +0100
Subject: [PATCH] migration HTML5

---
 admin/ma_salle_live.php | 92 +++++++++++++++++++++++++++--------------
 1 file changed, 62 insertions(+), 30 deletions(-)
diff --git a/admin/ma_salle_live.php b/admin/ma_salle_live.php
index 1c5840e..f930264 100644
--- a/admin/ma_salle_live.php
+++ b/admin/ma_salle_live.php
@@ -1,35 +1,67 @@
 <?php
-  include_once('winlog_admin_conf.php');
-  $delay = $delay * 1000;
+    include_once('winlog_admin_conf.php');
+    $delayMs = $delay * 1000;
 ?>
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
-<html>
-  <head>   
-	<title>Winlog : Connexions en cours dans les salles</title>
-       <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
-       <meta http-equiv="Content-Style-Type" content="text/css">
-       <meta http-equiv="Content-Language" content="fr">
-       <link rel="stylesheet" media="screen" type="text/css" title="default" href="default.css">
-       <script src="jquery/jquery-1.4.4.min.js"></script> 
-       <script> 
-          var auto_refresh = setInterval(
-          function()
-            {
-              $('#loaddiv').load('reload_ma_salle.php');
-            }, <?php echo($delay); ?>);
-      </script>
-  </head>
+<!DOCTYPE HTML>
+<html lang="fr">
+<head>  
+    <title>Winlog : Connexions en cours dans la salle</title>
+    <meta charset="utf-8">
+    <link rel="stylesheet" media="screen" type="text/css" title="default" href="default.css">
+</head>
 <body>
-<form>
- <!-- faire un bouton bloquer/débloquer l'accès Web de cette salle -->
- <!-- faire un bouton (sur un autre formulaire) bloquer/débloquer l'accès Windows de cette salle -->
-</form>
-<div class="salle"><? echo $salle ?></div>
-<div class="connexions">
- <div id="loaddiv">
-  <?php
-  include('reload_ma_salle.php'); 
-  ?>
-  </div>
+    <form>
+    <!-- faire un bouton bloquer/débloquer l'accès Web de cette salle -->
+    <!-- faire un bouton (sur un autre formulaire) bloquer/débloquer l'accès Windows de cette salle -->
+    </form>
+    <div class="salle"></div>
+    <div class="connexions">
+        <div id="loaddiv">
+          <?php
+              include('reload_ma_salle.php'); 
+          ?>
+        </div>
+    </div>
+    <script>
+    // fonction d'affichage d'erreur dans la console
+    var erreurXHR = function(url, xhr) {
+        console.log("erreur chargement" + url + " : " + xhr.statusText);
+    };
+
+    // emission requête XHR et récupération du résultat dans div
+    var reload = function(url, div) {
+        var xhr = new XMLHttpRequest();
+        xhr.open("GET", url);
+        xhr.onload = function(e) {
+            if (xhr.readyState === 4) {
+                if (xhr.status === 200) {
+                    div.innerHTML = xhr.responseText;
+
+                } else {
+                    erreurXHR(url, xhr);
+                }
+            }
+        };
+        xhr.onerror = function(e) {
+            erreurXHR(url, xhr);
+        };
+
+    xhr.send(null);  // initie la requête xhr
+    };
+
+    // fonction init
+    var init = function() {
+        var div = document.getElementById('loaddiv');
+        if (div) {
+            url = 'reload_ma_salle.php';
+            window.setInterval(function() {
+              reload(url, div);
+            }, <?php echo $delayMs ?>);
+        }
+
+    };
+
+    window.onload = init;
+    </script>
 </body>
 </html>
