From fb617e02cab09a5fb7c680f15aa91e17a7fbb811 Mon Sep 17 00:00:00 2001
From: horus
Date: Tue, 13 Dec 2022 14:39:00 +0100
Subject: Stats!

---
 views/snippets/stats.html | 104 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 104 insertions(+)
 create mode 100644 views/snippets/stats.html

(limited to 'views/snippets/stats.html')

diff --git a/views/snippets/stats.html b/views/snippets/stats.html
new file mode 100644
index 0000000..7311c41
--- /dev/null
+++ b/views/snippets/stats.html
@@ -0,0 +1,104 @@
+	<div id="chartContainerZusagen" style="height: 300px; width: 100%;"></div>
+	<br>
+	<div id="chartContainerAuto" style="height: 300px; width: 100%;"></div>
+	<br>
+	<div id="chartContainerAutoPlätze" style="height: 300px; width: 100%;"></div>
+	<br>
+	<div id="chartContainerEssen" style="height: 300px; width: 100%;"></div>
+
+<script type="text/javascript" src="/js/canvasjs.min.js"></script>
+<script type="text/javascript">
+window.onload = function () {
+	var chartZusagen = new CanvasJS.Chart("chartContainerZusagen",
+	{
+		title:{
+			text: "Zusage / Absage"
+		},
+		legend: {
+			maxWidth: 350,
+			itemWidth: 120
+		},
+		data: [
+		{
+			type: "pie",
+			showInLegend: true,
+			legendText: "{indexLabel}",
+			dataPoints: [
+				{ y: {{ data["zusage"] }}, indexLabel: "Zusage" },
+				{ y: {{ data["absage"] }}, indexLabel: "Absage" }
+			]
+		}
+		]
+	});
+	chartZusagen.render();
+	var chartAuto = new CanvasJS.Chart("chartContainerAuto",
+	{
+		title:{
+			text: "Autofahrer"
+		},
+		legend: {
+			maxWidth: 350,
+			itemWidth: 120
+		},
+		data: [
+		{
+			type: "pie",
+			showInLegend: true,
+			legendText: "{indexLabel}",
+			dataPoints: [
+				{ y: {{ data["kommt_mit_auto"] }}, indexLabel: "Autofahrer" },
+				{ y: {{ data["kommt_ohne_auto"] }}, indexLabel: "Kein Auto" },
+				{ y: {{ data["kommt_eventuell_mit_auto"] }}, indexLabel: "Weiß noch nicht" }
+			]
+		}
+		]
+	});
+	chartAuto.render();
+	var chartAutoPlätze = new CanvasJS.Chart("chartContainerAutoPlätze",
+	{
+		title:{
+			text: "Freie Autoplätze"
+		},
+		legend: {
+			maxWidth: 350,
+			itemWidth: 120
+		},
+		data: [
+		{
+			type: "column",
+			showInLegend: true,
+			legendText: "{indexLabel}",
+			dataPoints: [
+				{ y: {{ data["freie_plätze"] }}, indexLabel: "Freie Autoplätze" },
+				{ y: {{ data["benötigte_auto_plätze"] }}, indexLabel: "Benötigte Autoplätze" }
+			]
+		}
+		]
+	});
+	chartAutoPlätze.render();
+	var chartEssen = new CanvasJS.Chart("chartContainerEssen",
+	{
+		title:{
+			text: "Vegan / Vegetarisch / Ente"
+		},
+		legend: {
+			maxWidth: 350,
+			itemWidth: 120
+		},
+		data: [
+		{
+			type: "pie",
+			showInLegend: true,
+			legendText: "{indexLabel}",
+			dataPoints: [
+				{ y: {{ data["vegetarisch"] }}, indexLabel: "Vegetarisch" },
+				{ y: {{ data["vegan"] }}, indexLabel: "Vegan" },
+				{ y: {{ data["ente"] }}, indexLabel: "Ente" },
+				{ y: {{ data["kinderteller"] }}, indexLabel: "Kinderteller" }
+			]
+		}
+		]
+	});
+	chartEssen.render();
+}
+</script>
-- 
cgit v1.2.3