From 54b35d2899918e563a5c72c62594e6d6a4847c4e Mon Sep 17 00:00:00 2001
From: Kyle <41976328+ImKyle4815@users.noreply.github.com>
Date: Sun, 27 Jan 2019 20:56:57 -0800
Subject: [PATCH] art

---
 data/main.js | 37 +++++++++++++++++++++----------------
 index.html   |  3 +++
 2 files changed, 24 insertions(+), 16 deletions(-)

diff --git a/data/main.js b/data/main.js
index 32a5393c..57bacc39 100644
--- a/data/main.js
+++ b/data/main.js
@@ -878,31 +878,36 @@ function loadImage(event, destination, arg) {
 	}
 }
 //Loads card art from Scryfall via their api!
-var savedArtistName
+var savedArtList
 function inputCardArtName(cardArtNameInput) {
 	var xhttp = new XMLHttpRequest()
 	xhttp.onreadystatechange = function() {
 		if (this.readyState == 4 && this.status == 200) {
 			var originalResponse = this.responseText
-			var editedResponse = originalResponse.slice(originalResponse.indexOf('"art_crop":"') + 12, originalResponse.indexOf('","border_crop"'))
-			// alert(editedResponse)
-			imgArt.src = editedResponse
-			if (document.getElementById("inputArtist").value == "" || document.getElementById("inputArtist").value == savedArtistName) {
-				savedArtistName = originalResponse.slice(originalResponse.indexOf('"artist":"') + 10, originalResponse.indexOf('","border_color":'))
-				document.getElementById("inputArtist").value = savedArtistName
-			}
-			if (document.getElementById("imageSize").value == 100) {
-				document.getElementById("imageSize").value = 100.8
-			}
-		} else {
-			if (this.readyState == 4 && this.status == 404) {
-				alert("Sorry, but we can't seem to find any art for '" + cardArtNameInput + "'")
-			}
+			savedArtList = originalResponse.split('"art_crop":"')
+			savedArtList.splice(0, 1)
+			document.getElementById("inputCardArtNameNumber").max = savedArtList.length
+			document.getElementById("inputCardArtNameNumber").value = 1
+			inputCardArtNameNumber(1)
+		} else if (this.readyState == 4 && this.status == 404) {
+			alert("Sorry, but we can't seem to find any art for '" + cardArtNameInput + "'")
 		}
 	}
-	xhttp.open("GET", "https://api.scryfall.com/cards/named?fuzzy=" + cardArtNameInput.replace(/ /g, "+"), true)
+	xhttp.open("GET", "https://api.scryfall.com/cards/search?order=released&unique=art&q=name%3D" + cardArtNameInput.replace(/ /g, "_"), true)
 	xhttp.send()
 }
+function inputCardArtNameNumber(cardArtNameNumberInput) {
+	var tempArtUrlList = []
+	for (i = 0; i < savedArtList.length; i ++) {
+		tempArtUrlList[i] = savedArtList[i].split('","border_crop":')[0]
+	}
+	imgArt.src = "https://cors-anywhere.herokuapp.com/" + tempArtUrlList[cardArtNameNumberInput - 1]
+	var tempArtArtistList = []
+	for (i = 0; i < savedArtList.length; i ++) {
+		tempArtArtistList[i] = savedArtList[i].slice(savedArtList[i].indexOf('"artist":"') + 10, savedArtList[i].indexOf('","border_color":'))
+	}
+	document.getElementById("inputArtist").value = tempArtArtistList[cardArtNameNumberInput - 1]
+}
 
 
 //============================================//
diff --git a/index.html b/index.html
index f3cbf410..40ea20ae 100644
--- a/index.html
+++ b/index.html
@@ -285,6 +285,9 @@
 					<br>
 					<input id="inputCardArtName" onchange="inputCardArtName(this.value)" class="input" type="text" placeholder="Or try using a card name"></input>
 					<br>
+					Card Name Result:
+					<input id="inputCardArtNameNumber" onchange="inputCardArtNameNumber(this.value)" class="input" type="number" value="1" min="1" max="3">
+					<br>
 					Image Zoom
 					<input id="imageSize" type="number" class="input" value="100" step="0.1">
 					<br>