open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

realign #only-updates filter and rename as it's not linked to prefs

Browse Source
This commit is contained in:
tophf 2017-12-07 01:39:15 +03:00
parent ebef35c28c
commit 119a3803ec
4 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
manage.html
View File

@ -227,7 +227,7 @@
</div> </div>
</div> </div>
<label id="onlyUpdates" class="hidden"> <label id="only-updates" class="hidden">
<input type="checkbox" <input type="checkbox"
data-filter=".can-update, .update-problem, .update-done" data-filter=".can-update, .update-problem, .update-done"
data-filter-hide=":not(.updatable):not(.update-done), .no-update:not(.update-problem)"> data-filter-hide=":not(.updatable):not(.update-done), .no-update:not(.update-problem)">

4
manage/import-export.js
View File

@ -392,8 +392,8 @@ Object.assign(document.body, {
this.ondragend(); this.ondragend();
if (event.dataTransfer.files.length) { if (event.dataTransfer.files.length) {
event.preventDefault(); event.preventDefault();
if ($('#onlyUpdates input').checked) { if ($('#only-updates input').checked) {
$('#onlyUpdates input').click(); $('#only-updates input').click();
} }
importFromFile({file: event.dataTransfer.files[0]}); importFromFile({file: event.dataTransfer.files[0]});
} }

7
manage/manage.css
View File

@ -392,6 +392,13 @@ select {
background-color: hsla(0, 0%, 50%, .2); background-color: hsla(0, 0%, 50%, .2);
} }
#only-updates {
position: relative;
left: -5px;
margin-top: 2px;
margin-bottom: 2px;
}
.checkmate { .checkmate {
position: relative; position: relative;
height: 12px; height: 12px;

8
manage/updater-ui.js
View File

@ -108,7 +108,7 @@ function reportUpdateState(state, style, details) {
entry.classList.add('can-update'); entry.classList.add('can-update');
entry.updatedCode = style; entry.updatedCode = style;
$('.update-note', entry).textContent = ''; $('.update-note', entry).textContent = '';
$('#onlyUpdates').classList.remove('hidden'); $('#only-updates').classList.remove('hidden');
break; break;
case BG.updater.SKIPPED: { case BG.updater.SKIPPED: {
if (entry.classList.contains('can-update')) { if (entry.classList.contains('can-update')) {
@ -151,12 +151,12 @@ function reportUpdateState(state, style, details) {
function renderUpdatesOnlyFilter({show, check} = {}) { function renderUpdatesOnlyFilter({show, check} = {}) {
const numUpdatable = $$('.can-update').length; const numUpdatable = $$('.can-update').length;
const mightUpdate = numUpdatable > 0 || $('.update-problem'); const mightUpdate = numUpdatable > 0 || $('.update-problem');
const checkbox = $('#onlyUpdates input'); const checkbox = $('#only-updates input');
show = show !== undefined ? show : mightUpdate; show = show !== undefined ? show : mightUpdate;
check = check !== undefined ? show && check : checkbox.checked && mightUpdate; check = check !== undefined ? show && check : checkbox.checked && mightUpdate;
$('#onlyUpdates').classList.toggle('hidden', !show); $('#only-updates').classList.toggle('hidden', !show);
checkbox.checked = check; checkbox.checked = check && show;
checkbox.dispatchEvent(new Event('change')); checkbox.dispatchEvent(new Event('change'));
const btnApply = $('#apply-all-updates'); const btnApply = $('#apply-all-updates');