Sun, 22 Sep 2019 18:32:31 +0200
Updated the esp-idf
0 | 1 | <!DOCTYPE html> |
2 | <html lang="en"> | |
3 | <head> | |
4 | <title>Brew Logfiles</title> | |
5 | <meta charset="utf-8" /> | |
6 | <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
7 | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> | |
8 | <script src="js/jquery-1.12.4.min.js"></script> | |
40
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
9 | <link rel="stylesheet" href="css/web.css"> |
0 | 10 | </head> |
11 | <body> | |
12 | ||
13 | <div id="tmap"></div> | |
14 | <table class="directory"> | |
15 | <thead> | |
16 | <tr class="directory"> | |
17 | <th>Bestand</th> | |
18 | <th>Grootte</th> | |
19 | <th>Datum</th> | |
20 | <th>Actie</th> | |
21 | <th>Actie</th> | |
22 | </tr> | |
23 | </thead> | |
24 | <tbody id="tbody"> | |
25 | </tbody> | |
26 | </table> | |
27 | ||
28 | ||
29 | <br> | |
40
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
30 | <div class="menu"> |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
31 | <form action="index.html"><input type="submit" class="button" value="Hoofdmenu"></form> |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
32 | </div> |
0 | 33 | |
34 | <script> | |
35 | ||
36 | $.getJSON("/logfiles.json", function(data) { | |
37 | var folder = data.Dir.map(function(item) { | |
38 | return item.Folder; | |
39 | }); | |
40 | ||
41 | $('#tmap').append([folder]); | |
42 | ||
43 | $.each(data.Dir[0].Files, function(idx, obj) { | |
44 | var ct = new Date(); | |
45 | ct.setTime(obj.Date * 1000); | |
46 | var str = ""; | |
47 | ||
48 | if (ct.getDate() < 10) | |
49 | str += "0"; | |
50 | str += ct.getDate() + "-"; | |
51 | if (ct.getMonth() < 9) | |
52 | str += "0"; | |
53 | str += (ct.getMonth() + 1) + "-" + ct.getFullYear() + " "; | |
54 | if (ct.getHours() < 10) | |
55 | str += "0"; | |
56 | str += ct.getHours() + ":"; | |
57 | if (ct.getMinutes() < 10) | |
58 | str += "0"; | |
59 | str += ct.getMinutes(); | |
60 | ||
61 | var eachrow = "<tr class=\"directory\">" | |
62 | + "<td>" + obj.File + "</td>" | |
63 | + "<td>" + obj.Size + " bytes</td>" | |
64 | + "<td>" + str + "</td>" | |
65 | + "<td><a href=\"/log/" + obj.File + "\">Download</a></td>" | |
66 | + "<td><a href=\"/chart.html?show=/log/" + obj.File + "\">Grafiek</a></td>" | |
67 | + "</tr>"; | |
68 | $('#tbody').append(eachrow); | |
69 | }); | |
70 | }); | |
71 | ||
72 | </script> | |
73 | ||
74 | </body> | |
75 | </html> | |
76 |