notifications

This commit is contained in:
Kyle
2020-12-29 10:32:59 -08:00
parent c83eac81c0
commit d14dc17e0b
14 changed files with 86 additions and 38 deletions

View File

@@ -217,7 +217,8 @@ function loadManaSymbols(manaSymbolPaths, size = [1, 1]) {
var manaSymbol = {};
manaSymbol.name = item.split('.')[0];
if (manaSymbol.name.includes('/')) {
manaSymbol.name = manaSymbol.name.split('/')[1];
manaSymbol.name = manaSymbol.name.split('/');
manaSymbol.name = manaSymbol.name[manaSymbol.name.length - 1];
}
manaSymbol.width = size[0];
manaSymbol.height = size[1];
@@ -226,9 +227,6 @@ function loadManaSymbols(manaSymbolPaths, size = [1, 1]) {
var manaSymbolPath = '/img/manaSymbols/' + item;
if (!manaSymbolPath.includes('.png')) {
manaSymbolPath += '.svg';
// manaSymbol.image.onload = function() {
// console.log(this);
// }
}
manaSymbol.image.src = fixUri(manaSymbolPath);
manaSymbols.push(manaSymbol);
@@ -939,8 +937,8 @@ function drawCard() {
}
//DOWNLOADING
async function downloadCard() {
if (card.infoArtist.replace(/ /g, '') == '' && !card.artSource.includes('/img/blank.png')) {
alert('You must credit an artist before downloading!' + ' ' + card.artSource);
if (card.infoArtist.replace(/ /g, '') == '' && !card.artSource.includes('/img/blank.png') && !card.artZoom == 0) {
notify('You must credit an artist before downloading!');
} else {
var download = document.createElement('a');
var imageName = card.text.title.text;
@@ -1177,7 +1175,6 @@ function imageURL(url, destination, otherParams) {
if (params.get('noproxy') != '') {
imageurl = 'https://cors-anywhere.herokuapp.com/' + url;
}
console.log(imageurl)
destination(imageurl, otherParams);
}
async function imageLocal(event, destination, otherParams) {
@@ -1206,7 +1203,7 @@ function fetchScryfallData(cardName, callback = console.log) {
callback(JSON.parse(this.responseText));
// JSON.parse(this.responseText);
} else if (this.readyState == 4 && this.status == 404) {
alert('No cards found for "' + cardName + '"');
notify('No cards found for "' + cardName + '"');
}
}
xhttp.open('GET', 'https://api.scryfall.com/cards/search?order=released&unique=art&q=name%3D' + cardName.replace(/ /g, '_'), true);

View File

@@ -2,4 +2,5 @@ loadFramePacks([
{name:'Regular Frames', value:'PlaneswalkerRegular'},
{name:'Nickname Frames', value:'PlaneswalkerNickname'},
{name:'Tall Frames', value:'PlaneswalkerTall'}
])
])
notify('When you load a Planeswalker frame version, a "Planeswalker" tab will appear. This tab controls the placement and loyalty costs for Planeswalker abilities.')

View File

@@ -4,4 +4,5 @@ loadFramePacks([
{name:'Legend Crowns', value:'M15LegendCrowns'},
{name:'Inner Crowns', value:'M15InnerCrowns'},
{name:'Holo Stamps', value:'M15HoloStamps'}
])
])
notify('When you load the Saga frame version, a "Saga" tab will appear. This tab controls the placement and chapter counts for Saga chapters.')

View File

@@ -2,6 +2,6 @@
if (!card.manaSymbols.includes('/js/frames/manaSymbolsM21.js')) {
card.manaSymbols.push('/js/frames/manaSymbolsM21.js');
}
if (findManaSymbolIndex('fw') == -1) {
if (findManaSymbolIndex('m21w') == -1) {
loadManaSymbols(['m21/m21w.png', 'm21/m21u.png', 'm21/m21b.png', 'm21/m21r.png', 'm21/m21g.png', 'm21/m210.png', 'm21/m211.png', 'm21/m212.png', 'm21/m213.png', 'm21/m214.png', 'm21/m215.png', 'm21/m216.png', 'm21/m217.png', 'm21/m218.png', 'm21/m219.png', 'm21/m21x.png', 'm21/dark/dm21w.png', 'm21/dark/dm21u.png', 'm21/dark/dm21b.png', 'm21/dark/dm21r.png', 'm21/dark/dm21g.png', 'm21/dark/dm210.png', 'm21/dark/dm211.png', 'm21/dark/dm212.png', 'm21/dark/dm213.png', 'm21/dark/dm214.png', 'm21/dark/dm215.png', 'm21/dark/dm216.png', 'm21/dark/dm217.png', 'm21/dark/dm218.png', 'm21/dark/dm219.png', 'm21/dark/dm21x.png']);
}

View File

@@ -34,6 +34,7 @@ document.querySelector('#loadFrameVersion').onclick = async function() {
//sets card version
card.version = 'futureRegular';
loadScript('/js/frames/manaSymbolsFuture.js');
notify('The Future version adds special mana symbols. To use them, place an "F" before the following mana symbols: wubrg, 0-20, x, and hybrid mana symbols.');
//art bounds
card.artBounds = {x:0.086, y:0.0843, width:0.8714, height:0.5853};
autoFitArt();

View File

@@ -29,6 +29,7 @@ document.querySelector('#loadFrameVersion').onclick = async function() {
//sets card version
card.version = 'm21';
loadScript('/js/frames/manaSymbolsM21.js');
notify('The M21 version adds special mana symbols. To use them, place an "M21" or "DM21" before the following mana symbols: wubrg, 0-9, and x.');
//art bounds
card.artBounds = {x:0.0767, y:0.1129, width:0.8476, height:0.4429};
autoFitArt();

View File

@@ -8,7 +8,7 @@ if (!loadedVersions.includes('/js/frames/versionSaga.js')) {
newHTML.classList.add('hidden');
newHTML.innerHTML = `
<div class='readable-background padding'>
<h5 class='padding margin-bottom input-description'>Adjust the height (first input) and loyalty chapter count (second input) of each Saga ability</h5>
<h5 class='padding margin-bottom input-description'>Adjust the height (first input) and chapter count (second input) of each Saga ability</h5>
<h5 class='padding margin-bottom input-description'>First Ability:</h5>
<div class='padding input-grid margin-bottom'>
<input id='saga-height-0' type='number' class='input' oninput='sagaEdited();' min='0'>

32
js/main-1.js Normal file
View File

@@ -0,0 +1,32 @@
function toggleMenu() {
if (document.querySelector('.hamburger').classList.contains('opened')) {
document.querySelector('.hamburger').classList.remove('opened');
Array.from(document.querySelectorAll('.menu-visible')).forEach(element => element.classList.remove('menu-visible'));
} else {
document.documentElement.style.setProperty('--window-diagonal-size', (Math.floor(Math.sqrt(window.innerWidth ** 2 + window.innerHeight ** 2)) + 100) + 'px');
document.querySelector('.hamburger').classList.add('opened');
document.querySelector('.menu').classList.add('menu-visible');
}
}
function notify(message = '') {
var notification = document.createElement('div');
notification.classList = 'notification padding';
var notificationMessage = document.createElement('h4');
notificationMessage.innerHTML = message;
notification.appendChild(notificationMessage);
var close = document.createElement('h3');
close.innerHTML = 'X';
close.onclick = closeNotification;
notification.appendChild(close);
document.querySelector('.notification-container').appendChild(notification);
}
function closeNotification(event) {
var target = event.target.closest('.notification');
target.classList.add('hidden');
setTimeout(function(){target.remove();}, 500);
}
window.onload = function() {
Array.from(document.querySelectorAll('input')).forEach(element => {
element.autocomplete = 'off';
});
}

View File

@@ -1,10 +0,0 @@
function toggleMenu() {
if (document.querySelector('.hamburger').classList.contains('opened')) {
document.querySelector('.hamburger').classList.remove('opened');
Array.from(document.querySelectorAll('.menu-visible')).forEach(element => element.classList.remove('menu-visible'));
} else {
document.documentElement.style.setProperty('--window-diagonal-size', (Math.floor(Math.sqrt(window.innerWidth ** 2 + window.innerHeight ** 2)) + 100) + 'px');
document.querySelector('.hamburger').classList.add('opened');
document.querySelector('.menu').classList.add('menu-visible');
}
}