www/includes/global.inc.php

changeset 684
ccb9f24d0fe9
parent 679
48f8f3fce7c0
child 687
93ea9572c780
--- a/www/includes/global.inc.php	Tue May 19 22:48:59 2020 +0200
+++ b/www/includes/global.inc.php	Wed May 20 21:49:09 2020 +0200
@@ -193,7 +193,7 @@
    </div>
 
    <!-- Menu -->
-   <div id="jqxMenu">
+   <div id="jqxMenu" style='float: left;'>
     <ul>
      <li style='width: 80px;'>
       <a href="index.php">Home</a>
@@ -202,63 +202,22 @@
       <ul style='width: 200px;'>
        <li><img style='float: left; margin-right: 5px;' src='images/computer.png' />Systemen
         <ul style='width: 200px;'>
-<?php
-$connect = mysqli_connect(DBASE_HOST,DBASE_USER,DBASE_PASS,DBASE_NAME);
-$result = mysqli_query($connect, "SELECT uuid,node,online,net_address FROM mon_nodes ORDER BY node");
-while ($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) {
-    if ($row['online'] == 1)
-	$img = "network-idle.png";
-    else
-	$img = "network-error.png";
-    echo '         <li><img style="float: left; margin-right: 5px;" src="images/'.$img.'" /><a href="mon_node.php?uuid='.$row['uuid'].'">'.$row['node'].'</a></li>'.PHP_EOL;
-}
-mysqli_free_result($result);
-?>
+         <div id="m_nodes"></div>
         </ul>
        </li>
        <li><img style='float: left; margin-right: 5px;' src='images/fridge.png' />Klimaatkasten
         <ul style='width: 200px;'>
-<?php
-$result = mysqli_query($connect, "SELECT uuid,node,alias,online,mode FROM mon_fermenters ORDER BY node,alias");
-while ($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) {
-    if ($row['online'] == 1)
-        $img = "network-idle.png";
-    else
-        $img = "network-error.png";
-    echo '         <li><img style="float: left; margin-right: 5px;" src="images/'.$img.'" /><a href="mon_fermenter.php?uuid='.$row['uuid'].'">'.$row['node'].'/'.$row['alias'].'</a></li>'.PHP_EOL;
-}
-mysqli_free_result($result);
-?>
+         <div id="m_fermenters"></div>
         </ul>
        </li>
        <li><img style='float: left; margin-right: 5px;' src='images/beerbottle.png' />CO2 meters
         <ul style='width: 250px;'>
-<?php
-$result = mysqli_query($connect, "SELECT uuid,node,alias,online,mode FROM mon_co2meters ORDER BY node,alias");
-while ($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) {
-    if ($row['online'] == 1)
-        $img = "network-idle.png";
-    else
-        $img = "network-error.png";
-    echo '         <li><img style="float: left; margin-right: 5px;" src="images/'.$img.'" /><a href="mon_co2meter.php?uuid='.$row['uuid'].'">'.$row['node'].'/'.$row['alias'].'</a></li>'.PHP_EOL;
-}
-mysqli_free_result($result);
-?>
+         <div id="m_co2meters"></div>
         </ul>
        </li>
        <li><img style='float: left; margin-right: 5px;' src='images/fermenter.png' />iSpindels
         <ul style='width: 250px;'>
-<?php
-$result = mysqli_query($connect, "SELECT uuid,node,alias,online FROM mon_ispindels ORDER BY node,alias");
-while ($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) {
-    if ($row['online'] == 1)
-        $img = "network-idle.png";
-    else
-        $img = "network-error.png";
-    echo '         <li><img style="float: left; margin-right: 5px;" src="images/'.$img.'" /><a href="mon_ispindel.php?uuid='.$row['uuid'].'">'.$row['alias'].'</a></li>'.PHP_EOL;
-}
-mysqli_free_result($result);
-?>
+         <div id="m_ispindels"></div>
         </ul>
        </li>
       </ul>
@@ -323,11 +282,62 @@
        <li><img style='float: left; margin-right: 5px;' src='images/help-about.png' /><a href="gen_about.php">Informatie</a></li>
       </ul>
      </li>
-     <li style='width: 300px;'><div id="wsstatus">ws: nc</div></li>
     </ul>
    </div> <!-- End menu -->
+   <div id="jqxStatus">
+    <div id="wsstatus" style="padding: 5px;"></div>
+   </div>
 
 <?php
+ $connect = mysqli_connect(DBASE_HOST,DBASE_USER,DBASE_PASS,DBASE_NAME);
+ $result = mysqli_query($connect, "SELECT uuid,node,online FROM mon_nodes ORDER BY node");
+ $menu_nodes = '';
+ while ($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) {
+    if ($row['online'] == 1)
+        $img = "network-idle.png";
+    else
+        $img = "network-error.png";
+    $menu_nodes .= '<li><img style="float: left; margin-right: 5px;" src="images/'.$img.'" /><a href="mon_node.php?uuid='.$row['uuid'].'">'.$row['node'].'</a></li>';
+ }
+ mysqli_free_result($result);
+ $menu_fermenters = '';
+ $result = mysqli_query($connect, "SELECT uuid,node,alias,online FROM mon_fermenters ORDER BY node,alias");
+ while ($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) {
+    if ($row['online'] == 1)
+        $img = "network-idle.png";
+    else
+        $img = "network-error.png";
+    $menu_fermenters .= '<li><img style="float: left; margin-right: 5px;" src="images/'.$img.'" /><a href="mon_fermenter.php?uuid='.$row['uuid'].'">'.$row['node'].'/'.$row['alias'].'</a></li>';
+ }
+ mysqli_free_result($result);
+ $menu_co2meters = '';
+ $result = mysqli_query($connect, "SELECT uuid,node,alias,online FROM mon_co2meters ORDER BY node,alias");
+ while ($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) {
+    if ($row['online'] == 1)
+        $img = "network-idle.png";
+    else
+        $img = "network-error.png";
+    $menu_co2meters .= '<li><img style="float: left; margin-right: 5px;" src="images/'.$img.'" /><a href="mon_co2meter.php?uuid='.$row['uuid'].'">'.$row['node'].'/'.$row['alias'].'</a></li>';
+ }
+ mysqli_free_result($result);
+ $menu_ispindels = '';
+ $result = mysqli_query($connect, "SELECT uuid,node,alias,online FROM mon_ispindels ORDER BY node,alias");
+ while ($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) {
+    if ($row['online'] == 1)
+        $img = "network-idle.png";
+    else
+        $img = "network-error.png";
+    $menu_ispindels .= '<li><img style="float: left; margin-right: 5px;" src="images/'.$img.'" /><a href="mon_ispindel.php?uuid='.$row['uuid'].'">'.$row['alias'].'</a></li>';
+ }
+ mysqli_free_result($result);
+?>
+ <script>
+  $('#m_nodes').html('<?php echo $menu_nodes; ?>');
+  $('#m_fermenters').html('<?php echo $menu_fermenters; ?>');
+  $('#m_co2meters').html('<?php echo $menu_co2meters; ?>');
+  $('#m_ispindels').html('<?php echo $menu_ispindels; ?>');
+ </script>
+<?php
 }
 
 

mercurial