statsssss

src/main.v

@@ -4,6 +4,9 @@ import vweb
 import db.sqlite
 import time
 import net.http
+import arrays
+import maps
+import math.stats
 
 const http_port = 8080
 
@@ -29,10 +32,11 @@ struct Person {
 	name          string
 	remark        string
 	order_time    time.Time
+	delivery_time time.Time
 }
 
 pub fn (p Person) str() string {
-	return 'Person[id:${p.id}, status:${p.status}]'
+	return 'Person[id:${p.id}, name: ${p.name}, status:${p.status}, time:${p.order_time}, end:${p.delivery_time}]'
 }
 
 pub fn (p Person) order_time_humanized() string {
@@ -69,6 +73,83 @@ fn get_people() ![]Person {
 	return people
 }
 
+fn get_finished_count() !int {
+	mut db := create_db_connection()!
+	people := sql db {
+		select from Person where status == 3
+	}!
+	return people.len
+}
+
+struct PerHour {
+	t          time.Time
+	label      string
+	amount     int
+	percentage int
+	color      string
+}
+
+fn get_all() ![]Person {
+	mut db := create_db_connection()!
+	return sql db {
+		select from Person order by id desc
+	}!
+}
+
+fn get_last_delivered() ![]Person {
+	mut db := create_db_connection()!
+	return sql db {
+		select from Person order by delivery_time desc limit 1
+	}!
+}
+
+fn get_finished_per_hour() ![]PerHour {
+	mut db := create_db_connection()!
+	people := sql db {
+		select from Person where status == 3
+	}!
+
+	grouped := arrays.group_by(people, fn (p Person) string {
+		return '${p.order_time.hour}:${int(p.order_time.minute / 30) * 30} ${p.order_time.day}/${p.order_time.month}'
+	})
+
+	max_per_hour := arrays.max(grouped.values().map(it.len)) or { 1 } + 10
+
+	mut grouped_arr := maps.to_array(grouped, fn [max_per_hour] (k string, v []Person) PerHour {
+		return PerHour{
+			t: v[0].order_time
+			label: k
+			amount: v.len
+			percentage: int(v.len * 100 / max_per_hour)
+			color: (if v[0].order_time.hour % 2 == 0 { 'green' } else { 'red' })
+		}
+	})
+	grouped_arr.sort(a.t < b.t)
+	return grouped_arr
+}
+
+fn get_ppu() !f64 {
+	mut db := create_db_connection()!
+	mut people := sql db {
+		select from Person where status == 3
+	}!
+	people.sort(a.order_time < b.order_time)
+
+	time_range := people.last().order_time - people.first().order_time
+	return people.len / time_range.hours()
+}
+
+fn get_mean_time_between_pannenkoeken() !time.Duration {
+	mut db := create_db_connection()!
+	time_zero := time.Time{
+		unix: 0
+	}
+	mut people := sql db {
+		select from Person where (status == 3 && delivery_time > time_zero) order by delivery_time desc limit 10
+	}!
+	return stats.mean(arrays.window(people, size: 2).map(it[0].delivery_time - it[1].delivery_time))
+}
+
 fn status_update(user_id int) !Person {
 	mut db := create_db_connection()!
 	people := sql db {
@@ -78,6 +159,11 @@ fn status_update(user_id int) !Person {
 	sql db {
 		update Person set status = person.status + 1 where id == person.id
 	}!
+	if person.status == 2 {
+		sql db {
+			update Person set delivery_time = time.now() where id == person.id
+		}!
+	}
 	return person
 }
 
@@ -111,7 +197,7 @@ pub fn (app App) before_request() {
 }
 
 fn main() {
-	println('Start pannenkoeken webserver')
+	println('Start 🥞 webserver')
 	mut db := create_db_connection() or { panic(err) }
 
 	sql db {
@@ -129,6 +215,40 @@ pub fn (mut app App) home() vweb.Result {
 		app.set_status(400, '')
 		return app.text('${err}')
 	}
+	person_finished_count := get_finished_count() or {
+		app.set_status(400, '')
+		return app.text('${err}')
+	}
+	finished_per_hour := get_finished_per_hour() or {
+		app.set_status(400, '')
+		return app.text('${err}')
+	}
+	// pannenkoek per uur
+	ppu := get_ppu() or {
+		app.set_status(400, '')
+		return app.text('${err}')
+	}
+	all_people := get_all() or {
+		app.set_status(400, '')
+		return app.text('${err}')
+	}
+	mean_time := get_mean_time_between_pannenkoeken() or {
+		app.set_status(400, '')
+		return app.text('${err}')
+	}
+	mut last_delivered := get_last_delivered() or {
+		app.set_status(400, '')
+		return app.text('${err}')
+	}
+	if last_delivered.len == 0 {
+		last_delivered << Person{
+			delivery_time: time.now()
+		}
+	}
+	// Time to pannenkoek
+	time_since_last := (time.now() - last_delivered.first().delivery_time)
+	ttp := time.unix(i64(mean_time.seconds() - time_since_last.seconds())) - time.unix(0)
+
 	return $vweb.html()
 }
 

src/templates/home.html

@@ -1,10 +1,11 @@
 <!doctype html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.5">
-    <title>Pannenkoekenwachtrij</title>
+    <title>🥞wachtrij</title>
-    <link href="https://cdn.jsdelivr.net/npm/tuicss@@2.1.1/dist/tuicss.min.css" rel="stylesheet"/>
+    <link href="https://cdn.jsdelivr.net/npm/tuicss@@2.1.1/dist/tuicss.min.css" rel="stylesheet" />
     <style>
         .tui-window {
             width: 100%;
@@ -18,7 +19,8 @@
             margin-bottom: 20px;
         }
 
-        td, th {
+        td,
+        th {
             text-align: center;
         }
 
@@ -27,14 +29,64 @@
         }
     </style>
 </head>
+
 <body class="tui-bg-green-black">
-    <div style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%"> 
+    <div style="margin: auto; width: 60%; margin-top: 40px;">
         <div class="container" style="width: 100%">
             <div class="row">
-                <div class="col m12">
+                <div class="col m6">
                     <div class="tui-window red-168">
                         <fieldset class="tui-fieldset">
-                            Welkom bij de pannenkoekenwachtrij
+                            Welkom bij de 🥞wachtrij
+                        </fieldset>
+                    </div>
+                </div>
+                <div class="col m6">
+                    <div class="tui-window red-168">
+                        <fieldset class="tui-fieldset">
+                            Er zijn al @person_finished_count 🥞 afgeleverd!
+                            <br />
+                            Dat is @{ppu:.2} 🥞/uur
+                            <br />
+                            Gemiddelde tijd tussen 🥞: @{mean_time.str()}
+                            <br/>
+                            <span id="ttp">
+                            TTP:
+                            @if ttp < 0
+                                Soon™
+                            @else
+                                @ttp
+                            @end
+                            </span>
+                            <script>
+                                function time_left_string(time_left) {
+                                    let minutes = Math.floor(time_left / 60000);
+                                    let seconds = Math.floor((time_left - minutes * 60000) / 1000);
+                                    if (seconds < 10) {
+                                        seconds = "0" + seconds;
+                                    }
+                                    return minutes + ":" + seconds + ".000";
+                                }
+
+                                let ttp = new Date(@ttp.milliseconds())
+                                console.log(ttp)
+                                if (ttp.getTime() > 0){
+                                    const ttp_span = document.getElementById('ttp')
+                                    console.log('sd')
+                                    setInterval(function(){
+                                        console.log(ttp.getTime())
+                                        ttp.setTime(ttp.getTime() - 1000)
+                                        console.log(ttp.getTime())
+                                        console.log('----')
+                                        if (ttp.getTime() <= 0) {
+                                            ttp_span.innerText = "TTP: Soon™"
+                                        } else {
+                                            ttp_span.innerText = "TTP: " + time_left_string(ttp)
+                                        }
+                                    }, 1000)
+                                }
+                                
+                            </script>
                         </fieldset>
                     </div>
                 </div>
@@ -47,18 +99,21 @@
                                 <div class="row">
                                     <div class="col m12" style="display: inline-flex">
                                         Naam van de volgende:
-                                        <input class="tui-input" type="text" id="name" name="name" style="margin-left: 10px; flex: 1">
+                                        <input class="tui-input" type="text" id="name" name="name"
+                                            style="margin-left: 10px; flex: 1">
                                     </div>
                                 </div>
                                 <div class="row">
                                     <div class="col m12" style="display: inline-flex">
                                         Specifieke opmerkingen:
-                                        <input class="tui-input" type="text" id="remark" name="remark" style="margin-left: 10px; flex: 1">
+                                        <input class="tui-input" type="text" id="remark" name="remark"
+                                            style="margin-left: 10px; flex: 1">
                                     </div>
                                 </div>
                                 <div class="row" style="margin-bottom: 10px">
                                     <div class="col m12" style="display: inline-flex">
-                                        <input class="tui-button green-168" type="submit" value="Persoon toevoegen" style="flex: 1; margin-bottom: 0px;">
+                                        <input class="tui-button green-168" type="submit" value="Persoon toevoegen"
+                                            style="flex: 1; margin-bottom: 0px;">
                                     </div>
                                 </div>
                             </form>
@@ -73,7 +128,8 @@
                         <fieldset class="tui-fieldset">
                             <form action="/status_update" method="POST">
                                 <input type="hidden" name="id" value="@{people[0].id}">
-                                <input class="tui-button green-168" type="submit" value="Update First Person" style="width: 100%">
+                                <input class="tui-button green-168" type="submit" value="Update First Person"
+                                    style="width: 100%">
                             </form>
                         </fieldset>
                     </div>
@@ -84,11 +140,13 @@
                 <div class="col m12">
                     <div class="tui-window red-168">
                         <fieldset class="tui-fieldset">
-                            <h2>Zie hieronder de lijst van personen die een pannenkoek willen</h2>
+                            <h2>Zie hieronder de lijst van personen die een 🥞 willen</h2>
                             <table class="tui-table" style="width: 100%">
                                 <tbody>
                                     <tr>
-                                        <td colspan="4" style="text-align:center; vertical-align:middle; padding-top: 20px">Volgende persoon</td>
+                                        <td colspan="4"
+                                            style="text-align:center; vertical-align:middle; padding-top: 20px">Volgende
+                                            persoon</td>
                                     </tr>
                                     @if people.len > 0
                                     @for person in people[..1]
@@ -106,7 +164,8 @@
                                     @end
                                     @end
                                     <tr>
-                                        <td colspan="4" style='text-align:center; vertical-align:middle'>Andere personen</td>
+                                        <td colspan="4" style='text-align:center; vertical-align:middle'>Andere personen
+                                        </td>
                                     </tr>
                                     @if people.len > 1
                                     @for person in people[1..]
@@ -129,7 +188,61 @@
                     </div>
                 </div>
             </div>
+            <div class="row">
+                <div class="col m12">
+                    <div class="tui-window red-168">
+                        <fieldset class="tui-fieldset">
+                            <h2>Aantal bestelde 🥞</h2>
+                            <div class="tui-chart-vertical" style="width: 100%; height: 200px;">
+                                <div class="tui-chart-display">
+                                    @for ph in finished_per_hour
+                                    <div class="tui-chart-value @ph.color-168" style="height: @{ph.percentage}%;">
+                                        @ph.amount</div>
+                                    @end
                                 </div>
+                                <!-- <div class="tui-chart-y-axis">
+                                    <div class="tui-chart-legend">100%</div>
+                                    <div class="tui-chart-legend">75%</div>
+                                    <div class="tui-chart-legend">50%</div>
+                                    <div class="tui-chart-legend">25%</div>
+                                </div> -->
+                                <div class="tui-chart-x-axis">
+                                    @for ph in finished_per_hour
+                                    <div class="tui-chart-legend">@ph.label</div>
+                                    @end
+                                </div>
+                            </div>
+                        </fieldset>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- <table class="container tui-window">
+            <thead>
+                <tr>
+                    <th>id</th>
+                    <th>name</th>
+                    <th>remark</th>
+                    <th>status</th>
+                    <th>order time</th>
+                    <th>delivery time</th>
+                </tr>
+            </thead>
+            <tbody>
+                @for p in all_people
+                <tr>
+                    <td>@p.id</td>
+                    <td>@p.name</td>
+                    <td>@p.remark</td>
+                    <td>@p.status</td>
+                    <td>@p.order_time</td>
+                    <td>@p.delivery_time</td>
+                </tr>
+                @end
+            </tbody>
+        </table> -->
     </div>
 </body>
+
 </html>