From 0ff4b0d4fdbadef3d1dcc5320e28d2026fd68a65 Mon Sep 17 00:00:00 2001
From: stilbruch <stilbruch@protonail.com>
Date: Wed, 6 Apr 2022 18:07:35 -0500
Subject: Add graph template

---
 app/templates/home.html | 34 ++++++++++++++++++++++++++++------
 1 file changed, 28 insertions(+), 6 deletions(-)

(limited to 'app/templates/home.html')

diff --git a/app/templates/home.html b/app/templates/home.html
index afbed29..d90ef6a 100644
--- a/app/templates/home.html
+++ b/app/templates/home.html
@@ -148,12 +148,7 @@
 	<div class="columns">
 		<div class="column is-4">
 			<div class="card">
-				<div class="card-content">
-					<p class="title">
-						FILLER FILLER FILLER FILLER FILLER FILLER FILLER FILLER FILLER FILLER
-						FILLER FILLER FILLER FILLER FILLER FILLER FILLER FILLER FILLER FILLER
-					</p>
-				</div>
+				<canvas id="chart-1"></canvas>
 				<footer class="card-footer">
 					<p class="card-footer-item">
 						<span>
@@ -199,5 +194,32 @@
 		</div>
 	</div>
 </div>
+<script>
+
+const ctx = document.getElementById('chart-1');
+const myChart = new Chart(ctx, {
+    type: 'line',
+    data: {
+        labels: ['01/01/22', '01/02/22', '02/01/22', '03/01/22', '04/01/22', '05/01/22', '06/01/22', '07/01/22'],
+        datasets: [{
+            label: 'Bench Press',
+            data: [125, 145, 185, 185, 200, 205, 205],
+            borderWidth: 1,
+			cubicInterpolationMode: 'monotone',
+			tension: 0.4,
+			pointStyle: 'circle',
+			pointRadius: 5,
+			pointHoverRadius: 10
+        }]
+    },
+    options: {
+        scales: {
+            y: {
+                beginAtZero: true
+            }
+        }
+    }
+});
 
+</script>
 {% endblock %}
-- 
cgit v1.2.3