Add checkbox to autofit art

This commit is contained in:
Josh Birnholz
2022-11-30 17:14:19 -05:00
committed by Josh birnholz
parent a688bc7b81
commit b98377dea1
2 changed files with 15 additions and 2 deletions

View File

@@ -287,10 +287,15 @@
<div class='input-grid margin-bottom'> <div class='input-grid margin-bottom'>
<div class='padding drop-area'> <div class='padding drop-area'>
<h5 class='margin-bottom padding input-description'>Drag and drop</h5> <h5 class='margin-bottom padding input-description'>Drag and drop</h5>
<input type='file' multiple accept='.png, .svg, .jpg, .jpeg, .bmp' placeholder='File Upload' class='input' oninput='uploadFiles(event.target.files, uploadArt, "autoFit");' data-dropFunction='uploadArt' data-otherParams='autoFit'> <input type='file' multiple accept='.png, .svg, .jpg, .jpeg, .bmp' placeholder='File Upload' class='input' oninput='uploadFiles(event.target.files, uploadArt, document.querySelector("#art-update-autofit").checked ? "autoFit" : "");' data-dropFunction='uploadArt' data-otherParams='autoFit'>
</div> </div>
<div> <div>
<input type='url' placeholder='Via URL' class='input' onchange='imageURL(this.value, uploadArt, "autoFit");'> <input type='url' placeholder='Via URL' class='input' onchange='imageURL(this.value, uploadArt, document.querySelector("#art-update-autofit").checked ? "autoFit" : "");'>
<h5 class='input-description margin-bottom'></h5>
<label class='checkbox-container input'>Autofit when setting art
<input id='art-update-autofit' type='checkbox' onchange='setAutofit();'>
<span class='checkmark'></span>
</label>
</div> </div>
</div> </div>
<h5 class='margin-bottom padding input-description'>Or enter a card name</h5> <h5 class='margin-bottom padding input-description'>Or enter a card name</h5>

View File

@@ -2971,6 +2971,9 @@ function setAutoFrame() {
localStorage.setItem('autoFrame', document.querySelector('#autoFrame').value); localStorage.setItem('autoFrame', document.querySelector('#autoFrame').value);
autoFrame(); autoFrame();
} }
function setAutofit() {
localStorage.setItem('autoFit', document.querySelector('#art-update-autofit').checked);
}
function removeDefaultCollector() { function removeDefaultCollector() {
defaultCollector = {}; //{number: year, rarity:'P', setCode:'MTG', lang:'EN', starDot:false}; defaultCollector = {}; //{number: year, rarity:'P', setCode:'MTG', lang:'EN', starDot:false};
localStorage.removeItem('defaultCollector'); //localStorage.setItem('defaultCollector', JSON.stringify(defaultCollector)); localStorage.removeItem('defaultCollector'); //localStorage.setItem('defaultCollector', JSON.stringify(defaultCollector));
@@ -3589,6 +3592,11 @@ if (!localStorage.getItem('autoFrame')) {
} else { } else {
document.querySelector('#autoFrame').value = localStorage.getItem('autoFrame'); document.querySelector('#autoFrame').value = localStorage.getItem('autoFrame');
} }
if (!localStorage.getItem('autoFit')) {
localStorage.setItem('autoFit', 'true');
} else {
document.querySelector('#art-update-autofit').checked = localStorage.getItem('autoFit');
}
// lock set symbol code (user defaults) // lock set symbol code (user defaults)
if (!localStorage.getItem('lockSetSymbolCode')) { if (!localStorage.getItem('lockSetSymbolCode')) {