vrr/save-as-ebook
2
0
Fork 0
mirror of https://github.com/alexadam/save-as-ebook.git synced 2025-09-15 03:39:51 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

hide custom styles if Include Style is not set

Browse source
This commit is contained in:
Alex Adam 2017-10-05 22:09:44 +03:00
parent 0a8748220a
commit a64acc3457
2 changed files with 11 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

2
web-extension/menu.html
View file

@ -127,6 +127,7 @@
<div id="menuTitle">Save as eBook:</div>
<hr/>
<div id="includeStyle"><input type="checkbox" name="button" id="includeStyleCheck"></input>Include Style</div>
<div id="customStyles">
<div id="styleLabel">Custom Style:</div>
<div>
<select id="allStylesList"></select>
@ -135,6 +136,7 @@
<button id="applyStyle" type="button" name="button" style="display:inline-block;width:47%;border-right:solid 1px black;">Apply</button>
<button id="editStyles" type="button" name="button" style="display:inline-block;width:47%;">Edit Styles ...</button>
</div>
</div>
<hr/>
<button id="savePage" type="button" name="button">Save Page</button>
<button id="saveSelection" type="button" name="button">Save Selection</button>

10
web-extension/menu.js
View file

@ -65,10 +65,7 @@ function createStyleList(styles) {
function createIncludeStyle(data) {
var includeStyleCheck = document.getElementById('includeStyleCheck');
includeStyleCheck.checked = data;
document.getElementById('styleLabel').disabled = !includeStyleCheck.checked;
document.getElementById('allStylesList').disabled = !includeStyleCheck.checked;
document.getElementById('applyStyle').disabled = !includeStyleCheck.checked;
document.getElementById('editStyles').disabled = !includeStyleCheck.checked;
document.getElementById('customStyles').style.display = !includeStyleCheck.checked ? 'none' : 'block';
}
getIncludeStyle(createIncludeStyle);
@ -76,10 +73,7 @@ getIncludeStyle(createIncludeStyle);
document.getElementById('includeStyleCheck').onclick = function () {
var includeStyleCheck = document.getElementById('includeStyleCheck');
setIncludeStyle(includeStyleCheck.checked);
document.getElementById('styleLabel').disabled = !includeStyleCheck.checked;
document.getElementById('allStylesList').disabled = !includeStyleCheck.checked;
document.getElementById('applyStyle').disabled = !includeStyleCheck.checked;
document.getElementById('editStyles').disabled = !includeStyleCheck.checked;
document.getElementById('customStyles').style.display = !includeStyleCheck.checked ? 'none' : 'block';
}
document.getElementById('allStylesList').onchange = function () {