gdorn/FreshRSS-Extensions
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Homogeneize const declarations in script

Browse source
This commit is contained in:
Marien Fressinaud 2020-04-07 10:07:49 +02:00
parent beead2d642
commit de448f1143
No known key found for this signature in database
GPG key ID: 936C16A8AE27E9D5
1 changed files with 15 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

26
xExtension-QuickCollapse/static/script.js
View file

@ -1,8 +1,9 @@
(function () { (function () {
function toggleCollapse() { function toggleCollapse() {
var streamElem = document.getElementById('stream'); const streamElem = document.getElementById('stream');
var toggleElem = document.getElementById('toggle-collapse'); const toggleElem = document.getElementById('toggle-collapse');
var wasCollapsed = streamElem.classList.contains('hide_posts'); const wasCollapsed = streamElem.classList.contains('hide_posts');
if (wasCollapsed) { if (wasCollapsed) {
streamElem.classList.remove('hide_posts'); streamElem.classList.remove('hide_posts');
toggleElem.classList.remove('collapsed'); toggleElem.classList.remove('collapsed');
@ -12,7 +13,10 @@
} }
if (context.does_lazyload && wasCollapsed) { if (context.does_lazyload && wasCollapsed) {
streamElem.querySelectorAll('img[data-original], iframe[data-original]').forEach(function (el) { const lazyloadedElements = streamElem.querySelectorAll(
'img[data-original], iframe[data-original]'
);
lazyloadedElements.forEach(function (el) {
el.src = el.getAttribute('data-original'); el.src = el.getAttribute('data-original');
el.removeAttribute('data-original'); el.removeAttribute('data-original');
}); });
@ -25,7 +29,7 @@
return setTimeout(syncWithContext, 10); return setTimeout(syncWithContext, 10);
} }
var toggleElem = document.getElementById('toggle-collapse'); const toggleElem = document.getElementById('toggle-collapse');
toggleElem.title = quick_collapse_vars.i18n.toggle_collapse; toggleElem.title = quick_collapse_vars.i18n.toggle_collapse;
toggleElem.innerHTML = `<img class="icon uncollapse" src="${quick_collapse_vars.icon_url_out}" alt="↕" />`; toggleElem.innerHTML = `<img class="icon uncollapse" src="${quick_collapse_vars.icon_url_out}" alt="↕" />`;
toggleElem.innerHTML += `<img class="icon collapse" src="${quick_collapse_vars.icon_url_in}" alt="✖" />`; toggleElem.innerHTML += `<img class="icon collapse" src="${quick_collapse_vars.icon_url_in}" alt="✖" />`;
@ -35,23 +39,23 @@
} }
} }
var streamElem = document.getElementById('stream'); const streamElem = document.getElementById('stream');
if (!streamElem || !streamElem.classList.contains('normal')) { if (!streamElem || !streamElem.classList.contains('normal')) {
// The button should be enabled only on "normal" view // The button should be enabled only on "normal" view
return; return;
} }
// create the new button // create the new button
let toggleElem = document.createElement('button'); const toggleElem = document.createElement('button');
toggleElem.id = 'toggle-collapse'; toggleElem.id = 'toggle-collapse';
toggleElem.classList.add('btn'); toggleElem.classList.add('btn');
toggleElem.addEventListener('click', toggleCollapse); toggleElem.addEventListener('click', toggleCollapse);
// replace the "order" button by a stick with the order and the collapse // replace the "order" button by a stick containing the order and the
// buttons // collapse buttons
const orderElem = document.getElementById('toggle-order'); const orderElem = document.getElementById('toggle-order');
let stickElem = document.createElement('div'); const stickElem = document.createElement('div');
stickElem.classList.add('stick'); stickElem.classList.add('stick');
orderElem.parentNode.insertBefore(stickElem, orderElem); orderElem.parentNode.insertBefore(stickElem, orderElem);
@ -59,6 +63,6 @@
stickElem.appendChild(toggleElem); stickElem.appendChild(toggleElem);
// synchronizes the collapse button with dynamic vars passed via the // synchronizes the collapse button with dynamic vars passed via the
// backend. // backend (async mode).
syncWithContext(); syncWithContext();
}()); }());