You can now double click frames and masks to add them to the card. You can do so while holding the shift, control, or alt keys to add to the right half, left half, or middle third, respectively.
(Selected: White Frame, No Mask)
@@ -500,5 +503,5 @@ include('../globalHTML/header-1.php');
-
+
\ No newline at end of file
diff --git a/js/creator-19.js b/js/creator-20.js
similarity index 96%
rename from js/creator-19.js
rename to js/creator-20.js
index e08ad005..99ccb657 100644
--- a/js/creator-19.js
+++ b/js/creator-20.js
@@ -52,6 +52,8 @@ var selectedMaskIndex = 0;
var selectedTextIndex = 0;
var replacementMasks = {};
var customCount = 0;
+var lastFrameClick = null;
+var lastMaskClick = null;
//for imports
var scryfallArt;
var scryfallCard;
@@ -345,6 +347,7 @@ function loadFramePack(frameOptions = availableFrames) {
document.querySelector('#frame-picker').appendChild(frameOption);
})
+ document.querySelector('#mask-picker').innerHTML = '';
document.querySelector('#frame-picker').children[0].click();
if (localStorage.getItem('autoLoadFrameVersion') == 'true') {
document.querySelector('#loadFrameVersion').click();
@@ -354,47 +357,78 @@ function autoLoadFrameVersion() {
localStorage.setItem('autoLoadFrameVersion', document.querySelector('#autoLoadFrameVersion').checked);
}
function frameOptionClicked(event) {
- var clickedFrameOption = event.target.closest('.frame-option');
- if (document.querySelector('.frame-option.selected')) {
- document.querySelector('.frame-option.selected').classList.remove('selected');
- }
- clickedFrameOption.classList.add('selected');
- selectedFrameIndex = getElementIndex(clickedFrameOption);
- if (!availableFrames[selectedFrameIndex].noDefaultMask) {
- document.querySelector('#mask-picker').innerHTML = '