data.html 2.9 KB

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