Mindfang/cardconjurer
1
0
Fork 0
forked from GithubMirrors/cardconjurer
Code Pull Requests Actions Packages Activity

additional checkbox for showing guidelines

Browse Source
This commit is contained in:
Kyle
2022-02-21 11:26:51 -08:00
parent c1e947d690
commit da012a60a4
3 changed files with 17 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
creator/index.php
View File

@@ -300,10 +300,17 @@ include('../globalHTML/header-1.php');
<button class='input' onclick='autoFitArt();'>Auto Fit Art</button> <button class='input' onclick='autoFitArt();'>Auto Fit Art</button>
</div> </div>
</div> </div>
<div class='readable-background padding'> <div class='readable-background padding margin-bottom'>
<h5 class='padding margin-bottom input-description'>Clears the art, making it blank</h5> <h5 class='padding margin-bottom input-description'>Clears the art, making it blank</h5>
<button class='input margin-bottom' onclick='uploadArt(blank.src);'>Remove Art</button> <button class='input margin-bottom' onclick='uploadArt(blank.src);'>Remove Art</button>
</div> </div>
<div class='readable-background padding'>
<h5 class='input-description margin-bottom'>Show guidelines for text, art, watermark, and set symbols</h5>
<label class='checkbox-container input'>Guidelines
<input id='show-guidelines-2' type='checkbox' onchange='drawCard();'>
<span class='checkmark'></span>
</label>
</div>
</div> </div>
<div id='creator-menu-setSymbol' class='hidden'> <div id='creator-menu-setSymbol' class='hidden'>
<div class='readable-background padding margin-bottom'> <div class='readable-background padding margin-bottom'>

1
js/creator-23.js
View File

@@ -2306,6 +2306,7 @@ if (document.querySelector('#lockSetSymbolURL').checked) {
bindInputs('#frame-editor-hsl-hue', '#frame-editor-hsl-hue-slider'); bindInputs('#frame-editor-hsl-hue', '#frame-editor-hsl-hue-slider');
bindInputs('#frame-editor-hsl-saturation', '#frame-editor-hsl-saturation-slider'); bindInputs('#frame-editor-hsl-saturation', '#frame-editor-hsl-saturation-slider');
bindInputs('#frame-editor-hsl-lightness', '#frame-editor-hsl-lightness-slider'); bindInputs('#frame-editor-hsl-lightness', '#frame-editor-hsl-lightness-slider');
bindInputs('#show-guidelines', '#show-guidelines-2', true);
// Load / init whatever // Load / init whatever
loadScript('/js/frames/groupStandard-3.js'); loadScript('/js/frames/groupStandard-3.js');

11
js/main-1.js
View File

@@ -107,9 +107,14 @@ urlInputs.forEach(element => {
}); });
//bind two inputs to match values //bind two inputs to match values
function bindInputs(query1, query2) { function bindInputs(query1, query2, checkbox = false) {
var e1 = document.querySelector(query1); var e1 = document.querySelector(query1);
var e2 = document.querySelector(query2); var e2 = document.querySelector(query2);
e1.oninput = (event) => {e2.value = e1.value;} if (checkbox) {
e2.oninput = (event) => {e1.value = e2.value;} e1.oninput = (event) => {e2.checked = e1.checked;}
e2.oninput = (event) => {e1.checked = e2.checked;}
} else {
e1.oninput = (event) => {e2.value = e1.value;}
e2.oninput = (event) => {e1.value = e2.value;}
}
} }