data.html 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <html>
  2. <head>
  3. <style>
  4. html,
  5. body {
  6. height: 100%;
  7. margin: 2px;
  8. }
  9. .box {
  10. display: flex;
  11. flex-flow: column;
  12. height: 100%;
  13. }
  14. .box .row.header {
  15. flex: 0 1 auto;
  16. }
  17. .box .row.content {
  18. flex: 1 1 auto;
  19. }
  20. .box .row.footer {
  21. flex: 0 1 auto;
  22. }
  23. #data {
  24. font-family: 'Courier New', Courier, monospace;
  25. font-size: small;
  26. }
  27. </style>
  28. <script type="text/javascript" src="common.js"></script>
  29. </head>
  30. <body>
  31. <div class="box">
  32. <div class="row header">
  33. <button onClick="reload();">Reload</button>
  34. <button onClick="window.open(getDomainname() + '/datafileact');">Show full data</button>
  35. <button onClick="window.location.href = getDomainname() + '/fileserver/log/data/'">Show older data files</button>
  36. <button onClick="window.location.href = 'graph.html'">Show graph</button>
  37. </div>
  38. <div class="row content" id="data"><br><br><br><b>Loading Data file, please wait...</b></div>
  39. <div class="row footer">
  40. <button onClick="reload();">Reload</button>
  41. <button onClick="window.open(getDomainname() + '/datafileact');">Show full data</button>
  42. <button onClick="window.location.href = getDomainname() + '/fileserver/log/data/'">Show older data files</button>
  43. <button onClick="window.location.href = 'graph.html'">Show graph</button>
  44. </div>
  45. </div>
  46. </body>
  47. <script>
  48. function reload() {
  49. document.getElementById('data').innerHTML += "<br><b>Reloading...<b><br><br>";
  50. window.scrollBy(0,document.body.scrollHeight);
  51. funcRequest(getDomainname() + '/data');
  52. }
  53. async function funcRequest(url){
  54. await fetch(url)
  55. .then((res) => {
  56. if (!res.ok) {
  57. document.getElementById("data").innerHTML = "HTTP error " + res.status;
  58. }
  59. return res.text();
  60. })
  61. .then((data) => {
  62. document.getElementById('data').innerHTML = "<br>" + data.split("\n").join("\n<br>") + "&nbsp;";
  63. window.scrollBy(0,document.body.scrollHeight);
  64. })
  65. .catch((err) => {
  66. document.getElementById("data").innerHTML = err;
  67. });
  68. }
  69. funcRequest(getDomainname() + '/data');
  70. </script>
  71. </html>