diff options
Diffstat (limited to 'app/javascript')
-rw-r--r-- | app/javascript/packs/public.js | 84 |
1 files changed, 42 insertions, 42 deletions
diff --git a/app/javascript/packs/public.js b/app/javascript/packs/public.js index 19dd7fdee..096c8af80 100644 --- a/app/javascript/packs/public.js +++ b/app/javascript/packs/public.js @@ -46,62 +46,62 @@ const parseFormat = (format) => format.replace(/%(\w)/g, (_, modifier) => { }); document.addEventListener('DOMContentLoaded', () => { - for (const content of document.querySelectorAll('.emojify')) { + [].forEach.call(document.querySelectorAll('.emojify'), (content) => { content.innerHTML = emojify(content.innerHTML); - } + }); - for (const content of document.querySelectorAll('time[data-format]')) { + [].forEach.call(document.querySelectorAll('time[data-format]'), (content) => { const format = parseFormat(content.dataset.format); const formattedDate = dateFormat(content.getAttribute('datetime'), format); content.textContent = formattedDate; - } + }); - for (const content of document.querySelectorAll('time.time-ago')) { + [].forEach.call(document.querySelectorAll('time.time-ago'), (content) => { const timeAgo = distanceInWordsStrict(new Date(), content.getAttribute('datetime'), { addSuffix: true, }); content.textContent = timeAgo; - } - - delegate(document, '.video-player video', 'click', ({ target }) => { - if (target.paused) { - target.play(); - } else { - target.pause(); - } }); +}); - delegate(document, '.media-spoiler', 'click', ({ target }) => { - target.style.display = 'none'; - }); +delegate(document, '.video-player video', 'click', ({ target }) => { + if (target.paused) { + target.play(); + } else { + target.pause(); + } +}); - delegate(document, '.webapp-btn', 'click', ({ target, button }) => { - if (button !== 0) { - return true; - } - window.location.href = target.href; - return false; - }); +delegate(document, '.media-spoiler', 'click', ({ target }) => { + target.style.display = 'none'; +}); - delegate(document, '.status__content__spoiler-link', 'click', ({ target }) => { - const contentEl = target.parentNode.parentNode.querySelector('.e-content'); - if (contentEl.style.display === 'block') { - contentEl.style.display = 'none'; - target.parentNode.style.marginBottom = 0; - } else { - contentEl.style.display = 'block'; - target.parentNode.style.marginBottom = null; - } - return false; - }); +delegate(document, '.webapp-btn', 'click', ({ target, button }) => { + if (button !== 0) { + return true; + } + window.location.href = target.href; + return false; +}); - delegate(document, '.account_display_name', 'input', ({ target }) => { - const [nameCounter ] = document.getElementsByClassName('name-counter'); - nameCounter.textContent = 30 - length(target.value); - }); +delegate(document, '.status__content__spoiler-link', 'click', ({ target }) => { + const contentEl = target.parentNode.parentNode.querySelector('.e-content'); + if (contentEl.style.display === 'block') { + contentEl.style.display = 'none'; + target.parentNode.style.marginBottom = 0; + } else { + contentEl.style.display = 'block'; + target.parentNode.style.marginBottom = null; + } + return false; +}); - delegate(document, '.account_note', 'input', ({ target }) => { - const [noteCounter ] = document.getElementsByClassName('note-counter'); - noteCounter.textContent = 160 - length(target.value); - }); +delegate(document, '.account_display_name', 'input', ({ target }) => { + const nameCounter = document.querySelector('.name-counter'); + nameCounter.textContent = 30 - length(target.value); +}); + +delegate(document, '.account_note', 'input', ({ target }) => { + const noteCounter = document.querySelector('.note-counter'); + noteCounter.textContent = 160 - length(target.value); }); |