Add ability to import all unique prints

creator/index.html

@@ -303,7 +303,7 @@
 								</div>
 							</div>
 							<h5 class='margin-bottom padding input-description'>Or enter a card name</h5>
-							<input id='art-name' type='text' placeholder='Enter Card Name' class='input margin-bottom' onchange='fetchScryfallData(this.value, artFromScryfall, true);'>
+							<input id='art-name' type='text' placeholder='Enter Card Name' class='input margin-bottom' onchange="fetchScryfallData(this.value, artFromScryfall, 'art');">
 							<h5 class='padding margin-bottom input-description'>Select a specific card art to load</h5>
 							<select class='input margin-bottom' id='art-index' onchange='changeArtIndex();'></select>
 							<h5 class='margin-bottom padding input-description'>And credit the artist</h5>
@@ -599,11 +599,15 @@
 					<div id='creator-menu-import' class='hidden'>
 						<div class='readable-background margin-bottom padding'>
 							<h5 class='padding margin-bottom input-description'>Import a real card by name</h5>
-							<input id='import-name' class='input margin-bottom' type='text' onchange='fetchScryfallData(this.value, importCard);' placeholder='Enter Card Name'>
+							<input id='import-name' class='input margin-bottom' type='text' onchange='importChanged();' placeholder='Enter Card Name'>
+							<label class='checkbox-container input margin-bottom'>Include all unique prints as options
+								<input id='importAllPrints' type='checkbox' onchange="importChanged();">
+								<span class='checkmark'></span>
+							</label>
 							<h5 class='padding margin-bottom input-description'>Select a specific card to import</h5>
 							<select class='input margin-bottom' id='import-index' onchange='changeCardIndex();'></select>
 							<h5 class='padding input-description'>Select a language for card imports (not all languages will always be available)</h5>
-							<select class='input' id='import-language' onchange='fetchScryfallData(document.querySelector("#import-name").value, importCard);'>
+							<select class='input' id='import-language' onchange='importChanged();'>
 								<option value="en">English</option>
 								<option value="es">Spanish</option>
 								<option value="fr">French</option>

js/creator-23.js

@@ -3408,6 +3408,29 @@ function artFromScryfall(scryfallResponse) {
 			optionIndex ++;
 		}
 	});
+
+	if (document.querySelector('#importAllPrints').checked) {
+		// If importing unique prints, the art should change to match the unique print selected.
+
+		// First we find the illustration ID of the imported print
+		var illustrationID = scryfallCard[document.querySelector('#import-index').value].illustration_id;
+
+		// Find all unique arts for that card
+		var artIllustrations = scryfallArt.map(card => card.illustration_id);
+
+		// Find the art that matches the selected print
+		var index = artIllustrations.indexOf(illustrationID);
+		if (index >= 0) {
+			console.log("Art index should be " + index);
+		} else {
+			index = 0;
+			console.log("Couldn't find art")
+		}
+
+		// Use that art
+		artIndex.value = index;
+	}
+
 	changeArtIndex();
 }
 function changeArtIndex() {
@@ -3868,7 +3891,13 @@ function importCard(cardObject) {
 	cardObject.forEach(card => {
 		if (card.type_line && card.type_line != 'Card') {
 			var option = document.createElement('option');
-			option.innerHTML = `${card.name} (${card.type_line})`;
+			var title = `${card.name} `;
+			if (document.querySelector('#importAllPrints').checked) {
+				title += `(${card.set.toUpperCase()} #${card.collector_number})`;
+			} else {
+				title += `(${card.type_line})`
+			}
+			option.innerHTML = title;
 			option.value = optionIndex;
 			importIndex.appendChild(option);
 		}
@@ -4136,7 +4165,11 @@ function changeCardIndex() {
 	}
 	//art
 	document.querySelector('#art-name').value = cardToImport.name;
-	fetchScryfallData(cardToImport.name, artFromScryfall, true);
+	fetchScryfallData(cardToImport.name, artFromScryfall, 'art');
+	if (document.querySelector('#importAllPrints').checked) {
+		// document.querySelector('#art-index').value = document.querySelector('#import-index').value;
+		// changeArtIndex();
+	}
 	//set symbol
 	if (!document.querySelector('#lockSetSymbolCode').checked) {
 		document.querySelector('#set-symbol-code').value = cardToImport.set;
@@ -4159,6 +4192,10 @@ function loadAvailableCards(cardKeys = JSON.parse(localStorage.getItem('cardKeys
 		document.querySelector('#load-card-options').appendChild(cardKeyOption);
 	});
 }
+function importChanged() {
+	var unique = document.querySelector('#importAllPrints').checked ? 'prints' : '';
+	fetchScryfallData(document.querySelector("#import-name").value, importCard, unique);
+}
 function saveCard(saveFromFile) {
 	var cardKeys = JSON.parse(localStorage.getItem('cardKeys')) || [];
 	var cardKey, cardToSave;
@@ -4502,7 +4539,7 @@ function fetchScryfallCardByID(scryfallID, callback = console.log) {
 				processScryfallCard(card, responseCards);
 			});
 			callback(responseCards);
-		} else if (this.readyState == 4 && this.status == 404 && !searchUniqueArt && cardName != '') {
+		} else if (this.readyState == 4 && this.status == 404 && !unique && cardName != '') {
 			notify(`No card found for "${cardName}" in ${cardLanguageSelect.options[cardLanguageSelect.selectedIndex].text}.`, 5);
 		}
 	}
@@ -4524,7 +4561,7 @@ function fetchScryfallCardByCodeNumber(code, number, callback = console.log) {
 				processScryfallCard(card, responseCards);
 			});
 			callback(responseCards);
-		} else if (this.readyState == 4 && this.status == 404 && !searchUniqueArt && cardName != '') {
+		} else if (this.readyState == 4 && this.status == 404 && !unique && cardName != '') {
 			notify('No card found for ' + code + ' #' + number, 5);
 		}
 	}
@@ -4537,7 +4574,7 @@ function fetchScryfallCardByCodeNumber(code, number, callback = console.log) {
 }
 
 //SCRYFALL STUFF MAY BE CHANGED IN THE FUTURE
-function fetchScryfallData(cardName, callback = console.log, searchUniqueArt = '') {
+function fetchScryfallData(cardName, callback = console.log, unique = '') {
 	var xhttp = new XMLHttpRequest();
 	xhttp.onreadystatechange = function() {
 		if (this.readyState == 4 && this.status == 200) {
@@ -4547,17 +4584,18 @@ function fetchScryfallData(cardName, callback = console.log, searchUniqueArt = '
 				processScryfallCard(card, responseCards);
 			});
 			callback(responseCards);
-		} else if (this.readyState == 4 && this.status == 404 && !searchUniqueArt && cardName != '') {
+		} else if (this.readyState == 4 && this.status == 404 && !unique && cardName != '') {
 			notify(`No cards found for "${cardName}" in ${cardLanguageSelect.options[cardLanguageSelect.selectedIndex].text}.`, 5);
 		}
 	}
 	cardLanguageSelect = document.querySelector('#import-language');
 	var cardLanguage = `lang%3D${cardLanguageSelect.value}`;
 	var uniqueArt = '';
-	if (searchUniqueArt) {
+	if (unique) {
-		uniqueArt = '&unique=art';
+		uniqueArt = '&unique=' + unique;
 	}
-	xhttp.open('GET', `https://api.scryfall.com/cards/search?order=released&include_extras=true${uniqueArt}&q=name%3D${cardName.replace(/ /g, '_')}%20${cardLanguage}`, true);
+	var url = `https://api.scryfall.com/cards/search?order=released&include_extras=true${uniqueArt}&q=name%3D${cardName.replace(/ /g, '_')}%20${cardLanguage}`;
+	xhttp.open('GET', url, true);
 	try {
 		xhttp.send();
 	} catch {