From da012a60a4936ca3a9bbf55ed88174274bbb777c Mon Sep 17 00:00:00 2001
From: Kyle <41976328+ImKyle4815@users.noreply.github.com>
Date: Mon, 21 Feb 2022 11:26:51 -0800
Subject: [PATCH] additional checkbox for showing guidelines

---
 creator/index.php |  9 ++++++++-
 js/creator-23.js  |  1 +
 js/main-1.js      | 11 ++++++++---
 3 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/creator/index.php b/creator/index.php
index c4d803f9..a44389fa 100644
--- a/creator/index.php
+++ b/creator/index.php
@@ -300,10 +300,17 @@ include('../globalHTML/header-1.php');
 								<button class='input' onclick='autoFitArt();'>Auto Fit Art</button>
 							</div>
 						</div>
-						<div class='readable-background padding'>
+						<div class='readable-background padding margin-bottom'>
 							<h5 class='padding margin-bottom input-description'>Clears the art, making it blank</h5>
 							<button class='input margin-bottom' onclick='uploadArt(blank.src);'>Remove Art</button>
 						</div>
+						<div class='readable-background padding'>
+							<h5 class='input-description margin-bottom'>Show guidelines for text, art, watermark, and set symbols</h5>
+							<label class='checkbox-container input'>Guidelines
+								<input id='show-guidelines-2' type='checkbox' onchange='drawCard();'>
+								<span class='checkmark'></span>
+							</label>
+						</div>
 					</div>
 					<div id='creator-menu-setSymbol' class='hidden'>
 						<div class='readable-background padding margin-bottom'>
diff --git a/js/creator-23.js b/js/creator-23.js
index 3ff2f756..5930a885 100644
--- a/js/creator-23.js
+++ b/js/creator-23.js
@@ -2306,6 +2306,7 @@ if (document.querySelector('#lockSetSymbolURL').checked) {
 bindInputs('#frame-editor-hsl-hue', '#frame-editor-hsl-hue-slider');
 bindInputs('#frame-editor-hsl-saturation', '#frame-editor-hsl-saturation-slider');
 bindInputs('#frame-editor-hsl-lightness', '#frame-editor-hsl-lightness-slider');
+bindInputs('#show-guidelines', '#show-guidelines-2', true);
 
 // Load / init whatever
 loadScript('/js/frames/groupStandard-3.js');
diff --git a/js/main-1.js b/js/main-1.js
index 84c99816..6312d922 100644
--- a/js/main-1.js
+++ b/js/main-1.js
@@ -107,9 +107,14 @@ urlInputs.forEach(element => {
 });
 
 //bind two inputs to match values
-function bindInputs(query1, query2) {
+function bindInputs(query1, query2, checkbox = false) {
 	var e1 = document.querySelector(query1);
 	var e2 = document.querySelector(query2);
-	e1.oninput = (event) => {e2.value = e1.value;}
-	e2.oninput = (event) => {e1.value = e2.value;}
+	if (checkbox) {
+		e1.oninput = (event) => {e2.checked = e1.checked;}
+		e2.oninput = (event) => {e1.checked = e2.checked;}
+	} else {
+		e1.oninput = (event) => {e2.value = e1.value;}
+		e2.oninput = (event) => {e1.value = e2.value;}
+	}
 }
\ No newline at end of file