iwa-panda2

commit 4fc5853a7d44def1fa812daeb3adb451b8cee034
parent 9ef4258d14d8bcffc9be9812487a419c3fd7f4a8
Author: Johs <[email protected]>
Date:   Mon, 12 Jun 2023 15:15:05 +0200

graph fetch done

Diffstat:
M
css/dashboard.css
 | 
8
+++++---
M
js/panda.js
 | 
5
++---
M
views/dashboard.html
 | 
4
+---
M
views/hdata.html
 | 
2
+-

4 files changed, 9 insertions(+), 10 deletions(-)
diff --git a/css/dashboard.css b/css/dashboard.css
@@ -9,7 +9,7 @@ body {
 /*NAVBAR*/
 nav {
     background-color: #333333;
-    width: 100vw;
+    width: 100%;
     height: 15vw;
     display: flex;
     align-items: center;
@@ -120,8 +120,10 @@ h1 {
 }
 
 #myChart {
-    width: 90%;
-    height: auto;
+    display: inline !important;
+    width: 90% !important;
+    height: auto !important;
+    margin: 3vw 5% 3vw 5%;
 }
 
 @media (min-width: 400px) {
diff --git a/js/panda.js b/js/panda.js
@@ -3,8 +3,8 @@ let token = ':3jvl7yb5sRr80s6lTdeOyxV9VTQZkCPRp7bKOWKFWxfL2vhsU4Hhpgcmz9qe0zEk';
 let windchills = [];
 fetch(`http://localhost:8080/api/${token}`)
     .then(response => response.json())
-    .then(data=> {
-        data.forEach(weatherdata =>{
+    .then(data => {
+        data.forEach(weatherdata => {
             windchills.push(weatherdata)
         })
         windchills.sort(jsonSorter('windchill'));
@@ -27,7 +27,6 @@ fetch(`http://localhost:8080/api/${token}`)
         }
     });
 
-
 function jsonSorter(key) {
     return function(a, b) {
         if (a[key] > b[key]) {
diff --git a/views/dashboard.html b/views/dashboard.html
@@ -30,9 +30,7 @@
         <div class="content-title">
             <h2>Top 5 - Zoo's</h2>
         </div>
-        <table class="table">
-
-        </table>
+        <table class="table"></table>
     </div>
 </div>
 
diff --git a/views/hdata.html b/views/hdata.html
@@ -27,7 +27,7 @@
       <div class="content-title">
         <h2>Data past 4 weeks</h2>
       </div>
-      <ol class="fancy-list" id="weather-list"><li>-27.71 48.56</li><li>-25.15 39.74</li><li>-25.22 50.23</li><li>-25.29 39.74</li><li>-25.11 50.26</li></ol>
+      <ol class="fancy-list" id="weather-list"></ol>
     </div>
   </div>