save default collector info

creator/index.php

@@ -370,19 +370,29 @@ include('../globalHTML/header-1.php');
 						<div class='readable-background padding margin-bottom'>
 							<h5 class='padding margin-bottom input-description'>Enter the card number, rarity, set code, language, and artist's name</h5>
 							<div class='padding input-grid'>
-								<input id='info-number' type='text' class='input' oninput='bottomInfoEdited();' placeholder='Number'>
+								<input id='info-number' type='text' class='input' oninput='bottomInfoEdited();' placeholder='Number' value=''>
 								<input id='info-rarity' type='text' class='input' oninput='bottomInfoEdited();' placeholder='Rarity' value='P'>
 								<input id='info-set' type='text' class='input' oninput='bottomInfoEdited();' placeholder='Set' value='MTG'>
 								<input id='info-language' type='text' class='input' oninput='bottomInfoEdited();' placeholder='Language' value='EN'>
 								<input id='info-artist' type='text' class='input' oninput='artistEdited(this.value);' placeholder='Artist'>
 							</div>
 						</div>
-						<div class='readable-background padding'>
+						<div class='readable-background padding margin-bottom'>
 							<h5 class='input-description padding margin-bottom'>Toggle between star (seen on foils) and dot (seen on regular cards)</h5>
 							<div class='padding'>
 								<button class='input padding' onclick='toggleStarDot();'>Toggle Star/Dot</button>
 							</div>
 						</div>
+						<div class='readable-background padding margin-bottom'>
+							<h5 class='input-description padding margin-bottom'>Save current collector info as default</h5>
+							<div class='padding'>
+								<button class='input padding' onclick='setDefaultCollector();'>Save as Default</button>
+							</div>
+							<h5 class='input-description padding margin-bottom'>Clear your saved default collector info</h5>
+							<div class='padding'>
+								<button class='input padding' onclick='removeDefaultCollector();'>Clear Saved Defaults</button>
+							</div>
+						</div>
 					</div>
 					<div id='creator-menu-import' class='hidden'>
 						<div class='readable-background margin-bottom padding'>
@@ -470,5 +480,5 @@ include('../globalHTML/header-1.php');
 			</h4>
 		</div>
 	</div>
-	<script defer src='/js/creator-16.js'></script>
+	<script defer src='/js/creator-17.js'></script>
 <?php include('../globalHTML/footer.php'); ?>

js/creator-17.js

@@ -50,6 +50,7 @@ var scryfallCard;
 var savedTextXPosition = 0;
 //for misc
 var date = new Date();
+const year = 'WOW' //date.getFullYear();
 //to avoid rerunning special scripts (planeswalker, saga, etc...)
 var loadedVersions = [];
 //Card Object managament
@@ -394,8 +395,6 @@ async function addFrame(additionalMasks = [], loadingFrame = false) {
 				await addFrame();
 			}
 			selectedFrameIndex = realFrameIndex;
-		} else {
-			console.log(frameToAdd.masks)
 		}
 	} else {
 		frameToAdd = loadingFrame;
@@ -1205,8 +1204,24 @@ function toggleStarDot() {
 			card.bottomInfo[key].text = text.replace(' \u2022 ', '*');
 		}
 	}
+	defaultCollector.starDot = !defaultCollector.starDot;
 	bottomInfoEdited();
 }
+function removeDefaultCollector() {
+	defaultCollector = {}; //{number: year, rarity:'P', setCode:'MTG', lang:'EN', starDot:false};
+	localStorage.removeItem('defaultCollector'); //localStorage.setItem('defaultCollector', JSON.stringify(defaultCollector));
+}
+function setDefaultCollector() {
+	starDot = defaultCollector.starDot;
+	defaultCollector = {
+		number: document.querySelector('#info-number').value,
+		rarity: document.querySelector('#info-rarity').value,
+		setCode: document.querySelector('#info-set').value,
+		lang: document.querySelector('#info-language').value,
+		starDot: starDot
+	};
+	localStorage.setItem('defaultCollector', JSON.stringify(defaultCollector));
+}
 //DRAWING THE CARD (putting it all together)
 function drawCard() {
 	cardContext.globalCompositeOperation = 'source-over';
@@ -1611,12 +1626,27 @@ function fetchScryfallData(cardName, callback = console.log, searchUniqueArt = '
 		console.log('Scryfall API search failed.')
 	}
 }
-//Initialization
+// INITIALIZATION
+
+// auto load frame version (user defaults)
 if (!localStorage.getItem('autoLoadFrameVersion')) {
 	localStorage.setItem('autoLoadFrameVersion', document.querySelector('#autoLoadFrameVersion').checked);
 }
 document.querySelector('#autoLoadFrameVersion').checked = 'true' == localStorage.getItem('autoLoadFrameVersion');
-document.querySelector('#info-number').value = date.getFullYear();
+
+// collector info (user defaults)
+var defaultCollector = JSON.parse(localStorage.getItem('defaultCollector') || '{}');
+if ('number' in defaultCollector) {
+	document.querySelector('#info-number').value = defaultCollector.number;
+	document.querySelector('#info-rarity').value = defaultCollector.rarity;
+	document.querySelector('#info-set').value = defaultCollector.setCode;
+	document.querySelector('#info-language').value = defaultCollector.lang;
+	if (defaultCollector.starDot) {setTimeout(function(){defaultCollector.starDot = false; toggleStarDot();}, 500);}
+} else {
+	document.querySelector('#info-number').value = date.getFullYear();
+}
+
+// Load / init whatever
 loadScript('/js/frames/groupStandard-3.js');
 loadAvailableCards();
 initDraggableArt();