From 481b05121383f943342b697cbed4e751c060d9f9 Mon Sep 17 00:00:00 2001
From: Jonathan Barrow <jonbarrow1998@gmail.com>
Date: Fri, 23 Apr 2021 18:06:47 -0400
Subject: [PATCH] moved checkboxes out of JS

checkbox code now lives entirely in the handlebars views and not inside the JS
---
 src/index.js                              | 18 ------------------
 views/partials/custom-checkbox.handlebars |  1 -
 views/partials/progress-list.handlebars   | 13 ++++++++++---
 3 files changed, 10 insertions(+), 22 deletions(-)
 delete mode 100644 views/partials/custom-checkbox.handlebars

diff --git a/src/index.js b/src/index.js
index bd36d34..79ea6ed 100644
--- a/src/index.js
+++ b/src/index.js
@@ -44,24 +44,6 @@ app.engine('handlebars', handlebars({
 				${htmlRight}
 			</div>
 			`;
-		},
-		customCheckbox(type) {
-			switch(type) {
-				case 'completed':
-					return `
-						<div class="custom-checkbox done">
-							<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>
-						</div>
-					`;
-				case 'started':
-					return `
-						<div class="custom-checkbox ongoing">
-							<div class="small-dot"></div>
-						</div>
-					`;
-				default:
-					return '<div class="custom-checkbox incomplete"></div>';
-			}
 		}
 	}
 }));
diff --git a/views/partials/custom-checkbox.handlebars b/views/partials/custom-checkbox.handlebars
deleted file mode 100644
index 1f749bc..0000000
--- a/views/partials/custom-checkbox.handlebars
+++ /dev/null
@@ -1 +0,0 @@
-{{{ customCheckbox status }}}
\ No newline at end of file
diff --git a/views/partials/progress-list.handlebars b/views/partials/progress-list.handlebars
index 032a7e1..005b94f 100644
--- a/views/partials/progress-list.handlebars
+++ b/views/partials/progress-list.handlebars
@@ -15,21 +15,28 @@
 		<div class="feature-list">
 			{{#each data.progress.completed}}
 			<div class="feature">
-				{{> custom-checkbox status="completed" }}
+				<div class="custom-checkbox done">
+					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+						stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check">
+						<polyline points="20 6 9 17 4 12"></polyline>
+					</svg>
+				</div>
 				<span>{{ this }}</span>
 			</div>
 			{{/each}}
 
 			{{#each data.progress.started}}
 			<div class="feature">
-				{{> custom-checkbox status="started" }}
+				<div class="custom-checkbox ongoing">
+					<div class="small-dot"></div>
+				</div>
 				<span>{{ this }}</span>
 			</div>
 			{{/each}}
 
 			{{#each data.progress.not_started}}
 			<div class="feature">
-				{{> custom-checkbox status="not_started" }}
+				<div class="custom-checkbox incomplete"></div>
 				<span>{{ this }}</span>
 			</div>
 			{{/each}}