1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
use crate::reading::Reading;
use crate::templates;
use crate::templates::DATE_FORMAT;
use crate::value::Value;
use chrono::{DateTime, Local};
use serde_json::json;
markup::define! {
Sensor(last: Reading, readings: Vec<Reading>) {
section.hero.{&last.value.class()} {
div."hero-head" { {templates::navbar::NavBar {}} }
div."hero-body" {
div.container {
h1.title."is-4"[title = {format!("{:?}", &last.value)}] {
{&last.value}
}
h2.subtitle."is-6" {
{&last.sensor} " "
span { i.far."fa-clock" {} } " "
span[title = {&last.timestamp.to_string()}] {
{&last.timestamp.format(DATE_FORMAT).to_string()}
}
}
}
}
}
section.section {
div.container {
h3.title."is-5" { "Latest reading" }
h4.subtitle."is-7" { "This is what is stored in the database" }
div.message {
div."message-body" {
pre {
code {
{format!("{:#?}", &last)}
}
}
}
}
}
}
section.section {
div.container {
h3.title."is-5" { "JSON" }
div.message {
div."message-body" {
pre {
code {
{
let (xs, ys): (Vec<DateTime<Local>>, Vec<Value>) = readings
.iter()
.map(|reading| (reading.timestamp, reading.value.clone()))
.unzip();
}
{
serde_json::to_string(&json!({
"x": xs,
"y": ys,
})).unwrap()
}
}
}
}
}
}
}
}
}