Homogeneize const declarations in script

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

View file

@ -1,8 +1,9 @@
(function () {
function toggleCollapse() {
var streamElem = document.getElementById('stream');
var toggleElem = document.getElementById('toggle-collapse');
var wasCollapsed = streamElem.classList.contains('hide_posts');
const streamElem = document.getElementById('stream');
const toggleElem = document.getElementById('toggle-collapse');
const wasCollapsed = streamElem.classList.contains('hide_posts');
if (wasCollapsed) {
streamElem.classList.remove('hide_posts');
toggleElem.classList.remove('collapsed');
@ -12,7 +13,10 @@
}
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.removeAttribute('data-original');
});
@ -25,7 +29,7 @@
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.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="✖" />`;
@ -35,23 +39,23 @@
}
}
var streamElem = document.getElementById('stream');
const streamElem = document.getElementById('stream');
if (!streamElem || !streamElem.classList.contains('normal')) {
// The button should be enabled only on "normal" view
return;
}
// create the new button
let toggleElem = document.createElement('button');
const toggleElem = document.createElement('button');
toggleElem.id = 'toggle-collapse';
toggleElem.classList.add('btn');
toggleElem.addEventListener('click', toggleCollapse);
// replace the "order" button by a stick with the order and the collapse
// buttons
// replace the "order" button by a stick containing the order and the
// collapse buttons
const orderElem = document.getElementById('toggle-order');
let stickElem = document.createElement('div');
const stickElem = document.createElement('div');
stickElem.classList.add('stick');
orderElem.parentNode.insertBefore(stickElem, orderElem);
@ -59,6 +63,6 @@
stickElem.appendChild(toggleElem);
// synchronizes the collapse button with dynamic vars passed via the
// backend.
// backend (async mode).
syncWithContext();
}());