mirror of
https://github.com/Investigamer/cardconjurer.git
synced 2025-07-28 05:41:55 -05:00
download test
This commit is contained in:
@@ -465,6 +465,10 @@ include('../globalHTML/header-1.php');
|
|||||||
</div>
|
</div>
|
||||||
<div class='readable-background padding'>
|
<div class='readable-background padding'>
|
||||||
<h3 class='download padding' onclick='downloadCard();'>Download your card</h3>
|
<h3 class='download padding' onclick='downloadCard();'>Download your card</h3>
|
||||||
|
<h5 class='collapsible collapsed padding input-description debugging hidden' onclick='toggleCollapse(event);'>Not downloading? </h5>
|
||||||
|
<div class='input-grid margin-bottom debugging hidden'>
|
||||||
|
<h4 onclick='downloadCard(true);' id='downloadAlt' href='' target='_blank' class='padding download' style='text-align: left;'>Use this link to open your card image in a new window, then save it manually.</h4>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@@ -1,7 +1,10 @@
|
|||||||
//URL Params
|
//URL Params
|
||||||
var params = new URLSearchParams(window.location.search);
|
var params = new URLSearchParams(window.location.search);
|
||||||
const debugging = params.get('debug') != null;
|
const debugging = params.get('debug') != null;
|
||||||
if (debugging) {alert('debugging - 2.5');}
|
if (debugging) {
|
||||||
|
alert('debugging - 3.1');
|
||||||
|
document.querySelectorAll('.debugging').forEach(element => element.classList.remove('hidden'));
|
||||||
|
}
|
||||||
|
|
||||||
//To save the server from being overloaded? Maybe?
|
//To save the server from being overloaded? Maybe?
|
||||||
function fixUri(input) {
|
function fixUri(input) {
|
||||||
@@ -1284,26 +1287,35 @@ function drawCard() {
|
|||||||
previewContext.drawImage(cardCanvas, 0, 0, previewCanvas.width, previewCanvas.height);
|
previewContext.drawImage(cardCanvas, 0, 0, previewCanvas.width, previewCanvas.height);
|
||||||
}
|
}
|
||||||
//DOWNLOADING
|
//DOWNLOADING
|
||||||
async function downloadCard() {
|
async function downloadCard(alt = false) {
|
||||||
if (card.infoArtist.replace(/ /g, '') == '' && !card.artSource.includes('/img/blank.png') && !card.artZoom == 0) {
|
if (card.infoArtist.replace(/ /g, '') == '' && !card.artSource.includes('/img/blank.png') && !card.artZoom == 0) {
|
||||||
notify('You must credit an artist before downloading!', 5);
|
notify('You must credit an artist before downloading!', 5);
|
||||||
} else {
|
} else {
|
||||||
var downloadElement = document.createElement('a');
|
//Prep file information
|
||||||
|
const imageDataURL = cardCanvas.toDataURL('image/png');
|
||||||
var imageName = card.text.title.text || 'card';
|
var imageName = card.text.title.text || 'card';
|
||||||
if (card.text.nickname) {
|
if (card.text.nickname) {
|
||||||
imageName = imageName + ' (' + card.text.nickname.text + ')'
|
imageName = imageName + ' (' + card.text.nickname.text + ')'
|
||||||
}
|
}
|
||||||
imageName += '.png';
|
imageName += '.png';
|
||||||
downloadElement.download = imageName;
|
//download image
|
||||||
downloadElement.href = cardCanvas.toDataURL();
|
if (alt) {
|
||||||
downloadElement.target = '_blank';
|
var w = window.open('about:blank');
|
||||||
if (!debugging) {downloadElement.style.display = 'none';} else {
|
setTimeout(function(){
|
||||||
downloadElement.innerHTML = 'Try clicking me :)'
|
w.document.body.appendChild(w.document.createElement('img'))
|
||||||
|
.src = imageDataURL;
|
||||||
|
w.document.querySelector('img').style = 'max-height: 90vh; max-width: 90vw;';
|
||||||
|
}, 0);
|
||||||
|
} else {
|
||||||
|
var downloadElement = document.createElement('a');
|
||||||
|
downloadElement.download = imageName;
|
||||||
|
downloadElement.target = '_blank';
|
||||||
|
downloadElement.href = imageDataURL;
|
||||||
|
document.body.appendChild(downloadElement);
|
||||||
|
// if (alt) {alert('test');}
|
||||||
|
downloadElement.click();
|
||||||
|
downloadElement.remove();
|
||||||
}
|
}
|
||||||
document.body.appendChild(downloadElement);
|
|
||||||
await downloadElement.click();
|
|
||||||
if (debugging) {return}
|
|
||||||
downloadElement.remove();
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//IMPORT/SAVE TAB
|
//IMPORT/SAVE TAB
|
||||||
|
Reference in New Issue
Block a user