silver borders

This commit is contained in:
Kyle
2021-02-11 12:03:57 -08:00
parent 97080b0075
commit 11cabe5c2e
20 changed files with 49 additions and 20 deletions

View File

@@ -331,8 +331,11 @@ function frameOptionClicked(event) {
}
clickedFrameOption.classList.add('selected');
selectedFrameIndex = getElementIndex(clickedFrameOption);
document.querySelector('#mask-picker').innerHTML = '<div class="mask-option selected" onclick="maskOptionClicked(event)"><img src="' + black.src + '"><p>No Mask</p></div>';
selectedMaskIndex = 0;
if (!availableFrames[selectedFrameIndex].noDefaultMask) {
document.querySelector('#mask-picker').innerHTML = '<div class="mask-option" onclick="maskOptionClicked(event)"><img src="' + black.src + '"><p>No Mask</p></div>';
} else {
document.querySelector('#mask-picker').innerHTML = '';
}
document.querySelector('#selectedPreview').innerHTML = '(Selected: ' + availableFrames[selectedFrameIndex].name + ', No Mask)';
if (availableFrames[selectedFrameIndex].masks) {
availableFrames[selectedFrameIndex].masks.forEach(item => {
@@ -351,10 +354,13 @@ function frameOptionClicked(event) {
document.querySelector('#mask-picker').appendChild(maskOption);
});
}
var firstChild = document.querySelector('#mask-picker').firstChild;
firstChild.classList.add('selected');
firstChild.click();
}
function maskOptionClicked(event) {
var clickedMaskOption = event.target.closest('.mask-option');
document.querySelector('.mask-option.selected').classList.remove('selected');
(document.querySelector('.mask-option.selected').classList || document.querySelector('body').classList).remove('selected');
clickedMaskOption.classList.add('selected');
selectedMaskIndex = getElementIndex(clickedMaskOption);
var selectedMaskName = 'No Mask'
@@ -365,8 +371,10 @@ function addFrame(additionalMasks = [], loadingFrame = false) {
var frameToAdd = JSON.parse(JSON.stringify(availableFrames[selectedFrameIndex]));
var maskThumbnail = true;
if (!loadingFrame) {
if (frameToAdd.masks && selectedMaskIndex > 0) {
frameToAdd.masks = frameToAdd.masks.slice(selectedMaskIndex - 1, selectedMaskIndex);
var noDefaultMask = 0;
if (frameToAdd.noDefaultMask) {noDefaultMask = 1;}
if (frameToAdd.masks && selectedMaskIndex + noDefaultMask > 0) {
frameToAdd.masks = frameToAdd.masks.slice(selectedMaskIndex - 1 + noDefaultMask, selectedMaskIndex + noDefaultMask);
} else {
frameToAdd.masks = [];
maskThumbnail = false;
@@ -1398,5 +1406,5 @@ if (!localStorage.getItem('autoLoadFrameVersion')) {
}
document.querySelector('#autoLoadFrameVersion').checked = 'true' == localStorage.getItem('autoLoadFrameVersion');
document.querySelector('#info-number').value = date.getFullYear();
loadScript('/js/frames/groupStandard-2.js');
loadScript('/js/frames/groupStandard-3.js');
loadAvailableCards();

View File

@@ -6,5 +6,6 @@ loadFramePacks([
{name:'Floating Legend Crowns', value:'M15LegendCrownsFloating'},
{name:'Inner Crowns', value:'M15InnerCrowns'},
{name:'Holo Stamps', value:'M15HoloStamps'},
{name:'Dark Power/Toughness', value:'M15DarkPT'}
{name:'Dark Power/Toughness', value:'M15DarkPT'},
{name:'Colored Borders', value:'M15Borders'}
])

View File

@@ -6,5 +6,6 @@ loadFramePacks([
{name:'Floating Legend Crowns', value:'M15LegendCrownsFloating'},
{name:'Inner Crowns', value:'M15InnerCrowns'},
{name:'Holo Stamps', value:'M15HoloStamps'},
{name:'Dark Power/Toughness', value:'M15DarkPT'}
{name:'Dark Power/Toughness', value:'M15DarkPT'},
{name:'Colored Borders', value:'M15Borders'}
])

View File

@@ -3,6 +3,7 @@ loadFramePacks([
{name:'Addons', value:'disabled'},
{name:'Legend Crowns', value:'M15LegendCrowns'},
{name:'Inner Crowns', value:'M15InnerCrowns'},
{name:'Holo Stamps', value:'M15HoloStamps'}
{name:'Holo Stamps', value:'M15HoloStamps'},
{name:'Colored Borders', value:'M15Borders'}
])
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

@@ -19,5 +19,6 @@ loadFramePacks([
{name:'Floating Legend Crowns', value:'M15LegendCrownsFloating'},
{name:'Inner Crowns', value:'M15InnerCrowns'},
{name:'Holo Stamps', value:'M15HoloStamps'},
{name:'Dark Power/Toughness', value:'M15DarkPT'}
{name:'Dark Power/Toughness', value:'M15DarkPT'},
{name:'Colored Borders', value:'M15Borders'}
])

View File

@@ -6,6 +6,7 @@ loadFramePacks([
{name:'Inner Crowns', value:'M15InnerCrowns'},
{name:'Holo Stamps', value:'M15HoloStamps'},
{name:'Dark Power/Toughness', value:'M15DarkPT'},
{name:'Colored Borders', value:'M15Borders'},
{name:'Other Frames', value:'disabled'},
{name:'Lands', value:'M15Lands'},
{name:'Snow', value:'M15Snow'},

View File

@@ -10,5 +10,6 @@ loadFramePacks([
{name:'Floating Legend Crowns', value:'M15LegendCrownsFloating'},
{name:'Inner Crowns', value:'M15InnerCrowns'},
{name:'Holo Stamps', value:'M15HoloStamps'},
{name:'Dark Power/Toughness', value:'M15DarkPT'}
{name:'Dark Power/Toughness', value:'M15DarkPT'},
{name:'Colored Borders', value:'M15Borders'}
])

View File

@@ -6,5 +6,6 @@ loadFramePacks([
{name:'Floating Legend Crowns', value:'M15LegendCrownsFloating'},
{name:'Inner Crowns', value:'M15InnerCrowns'},
{name:'Holo Stamps', value:'M15HoloStamps'},
{name:'Dark Power/Toughness', value:'M15DarkPT'}
{name:'Dark Power/Toughness', value:'M15DarkPT'},
{name:'Colored Borders', value:'M15Borders'}
])

View File

@@ -0,0 +1,14 @@
//Create objects for common properties across available frames
var masks = [{src:'/img/frames/m15/m15MaskBorderSliver.png', name:'Border'}, {src:'/img/frames/m15/m15MaskBorderSliverCrown.png', name:'Border (With Crown)'}];
//defines available frames
availableFrames = [
{name:'White Border', src:'/img/frames/white.png', masks:masks, noDefaultMask:true},
{name:'White Border', src:'/img/frames/silver.png', masks:masks, noDefaultMask:true},
{name:'White Border', src:'/img/frames/gold.png', masks:masks, noDefaultMask:true},
];
//disables/enables the "Load Frame Version" button
document.querySelector('#loadFrameVersion').disabled = true;
//defines process for loading this version, if applicable
document.querySelector('#loadFrameVersion').onclick = null;
//loads available frames
loadFramePack();