Implement aggregation frontend, also http on prod

2023-05-15 20:50:53 +03:00
parent db900d6a33
commit ff45876377
12 changed files with 259 additions and 18 deletions
@@ -0,0 +1,32 @@
+import moment from 'moment';
+import { Accessor, Component, Setter } from "solid-js";
+
+export const SelectTimeRange: Component<{
+    getStart: Accessor<Date>,
+    setStart: Setter<Date>,
+    getEnd: Accessor<Date>,
+    setEnd: Setter<Date>,
+}> = (props) => {
+    const startStr = () => moment(props.getStart()).format("YYYY-MM-DDTHH:mm");
+    const endStr = () => moment(props.getEnd()).format("YYYY-MM-DDTHH:mm");
+
+    return (
+        <div>
+            <h3>Select time range</h3>
+            <p>
+                <input
+                    type="datetime-local"
+                    value={startStr()}
+                    onChange={e => props.setStart(new Date(e.target.value))}
+                /> start
+            </p>
+            <p>
+                <input
+                    type="datetime-local"
+                    value={endStr()}
+                    onChange={e => props.setEnd(new Date(e.target.value))}
+                /> end
+            </p>
+        </div>
+    );
+}