Mindfang/cardconjurer
1
0
Fork 0
forked from GithubMirrors/cardconjurer
Code Pull Requests Actions Packages Activity

better imports

Browse Source
This commit is contained in:
Kyle
2021-04-29 11:20:57 -07:00
parent 7272a706ce
commit a8ef267e44
2 changed files with 64 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
creator/index.php
View File

@@ -218,7 +218,7 @@ include('../globalHTML/header-1.php');
</div>
<h5 class='margin-bottom padding input-description'>Or enter a card name (and index)</h5>
<div class='input-grid margin-bottom'>
<input id='art-name' type='text' placeholder='Enter Card Name' class='input' onchange='fetchScryfallData(this.value, artFromScryfall);'>
<input id='art-name' type='text' placeholder='Enter Card Name' class='input' onchange='fetchScryfallData(this.value, artFromScryfall, true);'>
<input id='art-index' type='number' value=1 max=1 min=1 class='input' onchange='changeArtIndex();'>
</div>
<h5 class='margin-bottom padding input-description'>And credit the artist</h5>
@@ -384,10 +384,25 @@ include('../globalHTML/header-1.php');
<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 (and index)</h5>
<div class='padding input-grid'>
<input class='input' type='text' onchange='fetchScryfallData(this.value, importCard);' placeholder='Enter Card Name'>
<div class='input-grid margin-bottom'>
<input id='import-name' class='input' type='text' onchange='fetchScryfallData(this.value, importCard);' placeholder='Enter Card Name'>
<input id='import-index' class='input' type='number' onchange='changeCardIndex();' value=1 max=1 min=1>
</div>
<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);'>
<option value="en">English</option>
<option value="es">Spanish</option>
<option value="fr">French</option>
<option value="de">German</option>
<option value="it">Italian</option>
<option value="pt">Portuguese</option>
<option value="ja">Japanese</option>
<option value="ko">Korean</option>
<option value="ru">Russian</option>
<option value="zhs">Simplified Chinese</option>
<option value="zht">Traditional Chinese</option>
<option value="ph">Phyrexian</option>
</select>
</div>
<div class='readable-background margin-bottom padding'>
<h5 class='padding margin-bottom input-description'>Save your current card</h5>
@@ -453,5 +468,5 @@ include('../globalHTML/header-1.php');
</h4>
</div>
</div>
<script defer src='/js/creator-13.js'></script>
<script defer src='/js/creator-14.js'></script>
<?php include('../globalHTML/footer.php'); ?>

57
js/creator-13.js → js/creator-14.js
View File

@@ -964,7 +964,12 @@ function autoFitArt() {
artEdited();
}
function artFromScryfall(scryfallResponse) {
scryfallArt = scryfallResponse.data;
// importedData = scryfallResponse.data;
// importedData.forEach(card => {
// });
// scryfallArt = scryfallResponse.data;
scryfallArt = scryfallResponse;
document.querySelector('#art-index').value = 1;
document.querySelector('#art-index').max = scryfallArt.length;
changeArtIndex();
@@ -1187,7 +1192,7 @@ async function downloadCard() {
}
//IMPORT/SAVE TAB
function importCard(cardObject) {
scryfallCard = cardObject.data;
scryfallCard = cardObject;
document.querySelector('#import-index').value = 1;
document.querySelector('#import-index').max = scryfallCard.length;
changeCardIndex();
@@ -1252,11 +1257,8 @@ function changeCardIndex() {
document.querySelector('#text-editor').value = card.text[Object.keys(card.text)[selectedTextIndex]].text;
textEdited();
//art
scryfallArt = scryfallCard;
document.querySelector('#art-name').value = cardToImport.name;
document.querySelector('#art-index').value = 1;
document.querySelector('#art-index').max = scryfallArt.length;
changeArtIndex();
fetchScryfallData(cardToImport.name, artFromScryfall, true);
//set symbol
document.querySelector('#set-symbol-code').value = cardToImport.set;
document.querySelector('#set-symbol-rarity').value = cardToImport.rarity.slice(0, 1);
@@ -1492,18 +1494,49 @@ function stretchSVGReal(data, frameObject) {
return returnData;
}
//SCRYFALL STUFF MAY BE CHANGED IN THE FUTURE
function fetchScryfallData(cardName, callback = console.log) {
function fetchScryfallData(cardName, callback = console.log, searchUniqueArt = '') {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
callback(JSON.parse(this.responseText));
// JSON.parse(this.responseText);
responseCards = [];
importedCards = JSON.parse(this.responseText).data;
importedCards.forEach(card => {
if ('card_faces' in card) {
card.card_faces.forEach(face => {
face.set = card.set;
face.rarity = card.rarity;
if (card.lang != 'en') {
face.oracle_text = face.printed_text;
face.name = face.printed_name;
face.type_line = face.printed_type_line;
}
responseCards.push(face);
});
} else {
if (card.lang != 'en') {
card.oracle_text = card.printed_text;
card.name = card.printed_name;
card.type_line = card.printed_type_line;
}
responseCards.push(card);
}
});
callback(responseCards);
} else if (this.readyState == 4 && this.status == 404) {
notify('No cards found for "' + cardName + '"', 5);
notify(`No cards found for "${cardName}" in "${cardLanguageSelect.options[cardLanguageSelect.selectedIndex].text}" language.`, 5);
}
}
xhttp.open('GET', 'https://api.scryfall.com/cards/search?order=released&unique=art&q=name%3D' + cardName.replace(/ /g, '_'), true);
xhttp.send();
var uniqueArt = '';
if (searchUniqueArt) {
uniqueArt = '&unique=art';
}
cardLanguageSelect = document.querySelector('#import-language');
xhttp.open('GET', `https://api.scryfall.com/cards/search?order=released&include_extras=true${uniqueArt}&q=lang%3D${cardLanguageSelect.value}%20name%3D${cardName.replace(/ /g, '_')}`, true);
try {
xhttp.send();
} catch {
console.log('Scryfall API search failed.')
}
}
//Initialization
if (!localStorage.getItem('autoLoadFrameVersion')) {