Home Explore Help
Sign In
meteostanica
/
interier
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

graph test

marek 1 month ago
parent
e2deda7a61
commit
c1839a2919
6 changed files with 169 additions and 25 deletions
Unified View Show Diff Stats
  1. 7 0
      assets/css/style.css
  2. 6 0
      assets/js/chart.umd.js
  3. 45 1
      routes/include/history.js
  4. 2 1
      templates/sk/history/layout.eta
  5. 38 22
      templates/sk/history/property.eta
  6. 71 1
      utils/meteostanica.js

+ 7 - 0
assets/css/style.css
View File 

@@ -67,6 +67,13 @@ body {
 
     width: 10em;
 
     width: 10em;
 
     flex: 1;
 
     flex: 1;
 
     font-size: 1.2em;
 
     font-size: 1.2em;
 
+    display: flex;
 
+    flex-direction: column;
 
+    justify-content: flex-end;
 
+}
 
+
 
+#mainStats .stats .values p {
 
+    margin: 0.5em 0;
 
 }
 
 }
 
 
 
 p {
 
 p {

File diff suppressed because it is too large
+ 6 - 0
assets/js/chart.umd.js


+ 45 - 1
routes/include/history.js
View File 

@@ -10,7 +10,7 @@ export default (langName, lang) => new Elysia({ prefix: `/history` })
 
     return eta.render(`${langName}/history/index`, {  })
 
     return eta.render(`${langName}/history/index`, {  })
 
   })
 
   })
 
   .get(`/:property`, ({ params: { property }, set }) => {
 
   .get(`/:property`, ({ params: { property }, set }) => {
 
-    const data = Meteostanica.getDataProperty(property)
 
+    const data = Meteostanica.getDataPropertyMonthly(property, `2026-03`)
 
 
 
     if (!data) {
 
     if (!data) {
 
         set.headers['content-type'] = 'text/html; charset=utf8'
 
         set.headers['content-type'] = 'text/html; charset=utf8'
 
@@ -19,4 +19,48 @@ export default (langName, lang) => new Elysia({ prefix: `/history` })
 
 
 
     set.headers['content-type'] = 'text/html; charset=utf8'
 
     set.headers['content-type'] = 'text/html; charset=utf8'
 
     return eta.render(`${langName}/history/property`, { lang, property, data })
 
     return eta.render(`${langName}/history/property`, { lang, property, data })
 
+  })
 
+  .get(`/:property/daily`, ({ params: { property }, set }) => {
 
+    const data = Meteostanica.getDataPropertyDaily(property, `2026-03-01`)
 
+
 
+    if (!data) {
 
+        set.headers['content-type'] = 'text/html; charset=utf8'
 
+        return eta.render(`${langName}/history/notFound`, { property })
 
+    }
 
+
 
+    set.headers['content-type'] = 'text/html; charset=utf8'
 
+    return eta.render(`${langName}/history/property`, { lang, type: `daily`, property, data })
 
+  })
 
+  .get(`/:property/monthly`, ({ params: { property }, set }) => {
 
+    const data = Meteostanica.getDataPropertyMonthly(property, `2026-03`)
 
+
 
+    if (!data) {
 
+        set.headers['content-type'] = 'text/html; charset=utf8'
 
+        return eta.render(`${langName}/history/notFound`, { property })
 
+    }
 
+
 
+    set.headers['content-type'] = 'text/html; charset=utf8'
 
+    return eta.render(`${langName}/history/property`, { lang, type: `monthly`, property, data })
 
+  })
 
+  .get(`/:property/yearly`, ({ params: { property }, set }) => {
 
+    const data = Meteostanica.getDataPropertyYearly(property, `2026`)
 
+
 
+    if (!data) {
 
+        set.headers['content-type'] = 'text/html; charset=utf8'
 
+        return eta.render(`${langName}/history/notFound`, { property })
 
+    }
 
+
 
+    set.headers['content-type'] = 'text/html; charset=utf8'
 
+    return eta.render(`${langName}/history/property`, { lang, type: `yearly`, property, data })
 
+  })
 
+  .get(`/:property/allTime`, ({ params: { property }, set }) => {
 
+    const data = Meteostanica.getDataPropertyAllTime(property)
 
+
 
+    if (!data) {
 
+        set.headers['content-type'] = 'text/html; charset=utf8'
 
+        return eta.render(`${langName}/history/notFound`, { property })
 
+    }
 
+
 
+    set.headers['content-type'] = 'text/html; charset=utf8'
 
+    return eta.render(`${langName}/history/property`, { lang, type: `allTime`, property, data })
 
   })
 
   })

+ 2 - 1
templates/sk/history/layout.eta
View File 

@@ -4,10 +4,11 @@
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <title><%= it.title ? `${it.title} — meteostanica` : "meteostanica" %></title>
 
     <title><%= it.title ? `${it.title} — meteostanica` : "meteostanica" %></title>
 
-    <link rel="stylesheet" href="/assets/css/charts.css">
 
     <link rel="stylesheet" href="/assets/css/style.css">
 
     <link rel="stylesheet" href="/assets/css/style.css">
 
 </head>
 
 </head>
 
 <body>
 
 <body>
 
+    <script src="/assets/js/chart.umd.js"></script>
 
+    
     <%~ it.body %>
 
     <%~ it.body %>
 
 </body>
 
 </body>
 
 </html>
 
 </html>

+ 38 - 22
templates/sk/history/property.eta
View File 

@@ -4,29 +4,45 @@
 
 
 
 <h2>história <%= it?.property %></h2>
 
 <h2>história <%= it?.property %></h2>
 
 
 
-<% if (it?.data?.length) { %>
 
-
 
 <%= JSON.stringify(it.data[0]) %>
 
 <%= JSON.stringify(it.data[0]) %>
 
 
 
-<table class="charts-css column show-primary-axis show-data-axes">
 
-    <% for (let i = 0; i < it.data.length; i++) { %>
 
-        <% const item = it.data?.[i] %>
 
-        
-        <% if (it.property === "outdoorConnected") { %>
 
-            <% item.value = item?.[it.property] %>
 
-            <% item.size = item.value %>
 
-        <% } else { %>
 
-            <% item.value = item?.[it.property] / 100 %>
 
-            <% item.size = item.value / 100 %>
 
-        <% } %>
 
-
 
-        <tr>
 
-            <td style="--size: <%= item.size %>;">
 
-                <span class="tooltip"> <%= item.value %> </span>
 
-            </td>
 
-            <% /* <td style="--size: <%= item.size %>;"> </td> */ %>
 
-        </tr>
 
+<% const time = [] %>
 
+<% const data = [] %>
 
+
 
+<% for (const item of it.data) { %>
 
+    <% time.push(item.timeMark) %>
 
+    
+    <% if (it.property === "outdoorConnected") {%>
 
+        <% data.push(item.value) %>
 
+        <% continue %>
 
     <% } %>
 
     <% } %>
 
-</table>
 
 
 
-<% } %>
 
+    <% data.push(item.value / 100) %>
 
+<% } %>
 
+
 
+<div>
 
+    <canvas id="historyChart"></canvas>
 
+</div>
 
+
 
+<script>
 
+  const ctx = document.getElementById('historyChart');
 
+
 
+  new Chart(ctx, {
 
+    type: 'bar',
 
+    data: {
 
+      labels: <%~ JSON.stringify(time) %>,
 
+      datasets: [{
 
+        label: `<%= it.property %>`,
 
+        data: <%~ JSON.stringify(data) %>,
 
+        borderWidth: 1
 
+      }]
 
+    },
 
+    options: {
 
+      scales: {
 
+        y: {
 
+          beginAtZero: true
 
+        }
 
+      }
 
+    }
 
+  });
 
+</script>

+ 71 - 1
utils/meteostanica.js
View File 

@@ -32,7 +32,6 @@ export default class Meteostanica {
 
 
 
     static getDataProperty(property) {
 
     static getDataProperty(property) {
 
         const tableNames = meteostanicaDB.prepare(`PRAGMA table_info('data');`).all()
 
         const tableNames = meteostanicaDB.prepare(`PRAGMA table_info('data');`).all()
 
-
 
         if (!tableNames.find(i => i.name === property)) return null
 
         if (!tableNames.find(i => i.name === property)) return null
 
 
 
         const statement = meteostanicaDB.prepare(`
 
         const statement = meteostanicaDB.prepare(`
 
@@ -46,4 +45,75 @@ export default class Meteostanica {
 
 
 
         return result
 
         return result
 
     }
 
     }
 
+
 
+    static getDataPropertyDaily(property, date) {
 
+        const tableNames = meteostanicaDB.prepare(`PRAGMA table_info('data');`).all()
 
+        if (!tableNames.find(i => i.name === property)) return null
 
+
 
+        const statement = meteostanicaDB.prepare(`
 
+            SELECT strftime('%Y-%m-%d %H:00:00', timestamp) AS timeMark, 
+                AVG(${property}) AS value
 
+            FROM data
 
+            WHERE date(timestamp) = ?  -- Pass 'YYYY-MM-DD' here
 
+            GROUP BY timeMark
 
+            ORDER BY timeMark;
 
+        `)
 
+        
+        const result = statement.all(date);
 
+
 
+        return result
 
+    }
 
+
 
+    static getDataPropertyMonthly(property, yearMonth) {
 
+        const tableNames = meteostanicaDB.prepare(`PRAGMA table_info('data');`).all()
 
+        if (!tableNames.find(i => i.name === property)) return null
 
+
 
+        const statement = meteostanicaDB.prepare(`
 
+            SELECT date(timestamp) AS timeMark, 
+                AVG(${property}) AS value
 
+            FROM data
 
+            WHERE strftime('%Y-%m', timestamp) = ? -- Pass 'YYYY-MM' here
 
+            GROUP BY timeMark
 
+            ORDER BY timeMark;
 
+        `)
 
+        
+        const result = statement.all(yearMonth);
 
+
 
+        return result
 
+    }
 
+
 
+    static getDataPropertyYearly(property, year) {
 
+        const tableNames = meteostanicaDB.prepare(`PRAGMA table_info('data');`).all()
 
+        if (!tableNames.find(i => i.name === property)) return null
 
+
 
+        const statement = meteostanicaDB.prepare(`
 
+            SELECT strftime('%Y-%m', timestamp) AS timeMark, 
+                AVG(${property}) AS value
 
+            FROM data
 
+            WHERE strftime('%Y', ts) = ? -- Pass 'YYYY' here
 
+            GROUP BY timeMark
 
+            ORDER BY timeMark;
 
+        `)
 
+        
+        const result = statement.all(year);
 
+
 
+        return result
 
+    }
 
+
 
+    static getDataPropertyAllTime(property) {
 
+        const tableNames = meteostanicaDB.prepare(`PRAGMA table_info('data');`).all()
 
+        if (!tableNames.find(i => i.name === property)) return null
 
+
 
+        const statement = meteostanicaDB.prepare(`
 
+            SELECT strftime('%Y', timestamp) AS timeMark, 
+                AVG(${property}) AS value
 
+            FROM data
 
+            GROUP BY timeMark
 
+            ORDER BY timeMark;
 
+        `)
 
+        
+        const result = statement.all();
 
+
 
+        return result
 
+    }
 
 }
 
 }

Some files were not shown because too many files changed in this diff