image/w/logs.html

Wed, 24 Oct 2018 11:49:22 +0200

author
Michiel Broek <mbroek@mbse.eu>
date
Wed, 24 Oct 2018 11:49:22 +0200
changeset 11
f816cf5b6bcb
parent 0
image/www/logs.html@b74b0e4902c3
child 40
71e06f6d80fd
permissions
-rw-r--r--

Renamed www directory to w to prevent too long filenames for the spiffs filesystem.

<!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