From b351f0ba05d72d968655ea4cdeb9256179d3179d Mon Sep 17 00:00:00 2001
From: Josh Birnholz <josh@birnholz.com>
Date: Thu, 24 Nov 2022 17:20:02 -0500
Subject: [PATCH] Add font size control

---
 creator/index.html |  2 ++
 js/creator-23.js   | 12 ++++++++++++
 2 files changed, 14 insertions(+)

diff --git a/creator/index.html b/creator/index.html
index 41bf8e33..d8b18358 100644
--- a/creator/index.html
+++ b/creator/index.html
@@ -208,6 +208,8 @@
 							<textarea id='text-editor' class='input margin-bottom' oninput='textEdited();'></textarea>
 							<h5 class='margin-bottom padding input-description'>Edit the placement and size of the selected textbox</h5>
 							<button class='input' onclick='textboxEditor();'>Edit Bounds</button>
+							<h5 class='margin-bottom padding input-description'>Adjust font size</h5>
+							<input id="text-editor-font-size" class="input" type="number" placeholder="0" value="0" step="1" oninput="fontSizedEdited();">
 						</div>
 						<div class='readable-background padding margin-bottom'>
 							<h5 class='collapsible collapsed padding input-description' onclick='toggleCollapse(event);'>
diff --git a/js/creator-23.js b/js/creator-23.js
index f5b3a5ad..cf760d40 100644
--- a/js/creator-23.js
+++ b/js/creator-23.js
@@ -827,6 +827,7 @@ function loadTextOptions(textObject, replace=true) {
 function textOptionClicked(event) {
 	selectedTextIndex = getElementIndex(event.target);
 	document.querySelector('#text-editor').value = Object.entries(card.text)[selectedTextIndex][1].text;
+	document.querySelector('#text-editor-font-size').value = Object.entries(card.text)[selectedTextIndex][1].fontSize;
 	selectSelectable(event);
 }
 function textboxEditor() {
@@ -845,6 +846,10 @@ function textEdited() {
 	card.text[Object.keys(card.text)[selectedTextIndex]].text = curlyQuotes(document.querySelector('#text-editor').value);
 	drawTextBuffer();
 }
+function fontSizedEdited() {
+	card.text[Object.keys(card.text)[selectedTextIndex]].fontSize = document.querySelector('#text-editor-font-size').value;
+	drawTextBuffer();
+}
 function drawTextBuffer() {
 	clearTimeout(writingText);
 	writingText = setTimeout(drawText, 500);
@@ -977,6 +982,7 @@ function writeText(textObject, targetContext) {
 		// if (textFont == 'goudymedieval') {
 		// 	lineCanvas.style.letterSpacing = '3.5px';
 		// }
+		textSize += parseInt(textObject.fontSize || '0');
 		lineContext.font = textFontStyle + textSize + 'px ' + textFont + textFontExtension;
 		lineContext.fillStyle = textColor;
 		lineContext.shadowColor = textShadowColor;
@@ -1911,6 +1917,7 @@ function changeCardIndex() {
 		card.text.ability0.text = cardToImport.oracle_text.replace('(', '{i}(').replace(')', '){/i}') || '';
 	}
 	document.querySelector('#text-editor').value = card.text[Object.keys(card.text)[selectedTextIndex]].text;
+	document.querySelector('#text-editor-font-size').value = 0;
 	textEdited();
 	//collector's info
 	if (localStorage.getItem('enableImportCollectorInfo') == 'true') {
@@ -1946,6 +1953,10 @@ function changeCardIndex() {
 	if (!document.querySelector('#lockSetSymbolURL').checked) {
 		fetchSetSymbol();
 	}
+	//font size
+	Object.keys(card.text).forEach(key => {
+			card.text[key].fontSize = 0;
+		});
 }
 function loadAvailableCards(cardKeys = JSON.parse(localStorage.getItem('cardKeys'))) {
 	if (!cardKeys) {
@@ -2020,6 +2031,7 @@ async function loadCard(selectedCardKey) {
 		document.querySelector('#info-year').value = card.infoYear || date.getFullYear();
 		artistEdited(card.infoArtist);
 		document.querySelector('#text-editor').value = card.text[Object.keys(card.text)[selectedTextIndex]].text;
+		document.querySelector('#text-editor-font-size').value = card.text[Object.keys(card.text)[selectedTextIndex]].fontSize || 0;
 		loadTextOptions(card.text);
 		document.querySelector('#art-x').value = scaleX(card.artX) - scaleWidth(card.marginX);
 		document.querySelector('#art-y').value = scaleY(card.artY) - scaleHeight(card.marginY);