image/www/logs.html

changeset 0
b74b0e4902c3
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/image/www/logs.html	Sat Oct 20 13:23:15 2018 +0200
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Brew Logfiles</title>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 
+  <script src="js/jquery-1.12.4.min.js"></script>
+  <link rel="stylesheet" href="app/styles/web.css">
+</head>
+<body>
+
+ <div id="tmap"></div>
+ <table class="directory">
+  <thead>
+   <tr class="directory">
+    <th>Bestand</th>
+    <th>Grootte</th>
+    <th>Datum</th>
+    <th>Actie</th>
+    <th>Actie</th>
+   </tr>
+  </thead>
+  <tbody id="tbody">
+  </tbody>
+ </table>
+
+
+ <br>
+ <form action="index.html"><input type="submit" class="button" value="Hoofdmenu"></form>
+
+ <script>
+
+$.getJSON("/logfiles.json", function(data) {
+  var folder = data.Dir.map(function(item) {
+    return item.Folder;
+  });
+
+  $('#tmap').append([folder]);
+
+  $.each(data.Dir[0].Files, function(idx, obj) {
+    var ct = new Date();
+    ct.setTime(obj.Date * 1000);
+    var str = "";
+
+    if (ct.getDate() < 10)
+      str += "0";
+    str += ct.getDate() + "-";
+    if (ct.getMonth() < 9)
+      str += "0";
+    str += (ct.getMonth() + 1) + "-" + ct.getFullYear() + " ";
+    if (ct.getHours() < 10)
+      str += "0";
+    str += ct.getHours() + ":";
+    if (ct.getMinutes() < 10)
+      str += "0";
+    str += ct.getMinutes();
+
+    var eachrow = "<tr class=\"directory\">"
+    + "<td>" + obj.File + "</td>"
+    + "<td>" + obj.Size + " bytes</td>"
+    + "<td>" + str + "</td>"
+    + "<td><a href=\"/log/" + obj.File + "\">Download</a></td>"
+    + "<td><a href=\"/chart.html?show=/log/" + obj.File + "\">Grafiek</a></td>"
+    + "</tr>";
+    $('#tbody').append(eachrow);
+  });
+});
+
+ </script>
+
+</body>
+</html>
+

mercurial