Add MS Edge support to public.js (#3179)

app/javascript/packs/public.js

@@ -46,44 +46,45 @@ 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 }) => {
+delegate(document, '.video-player video', 'click', ({ target }) => {
   if (target.paused) {
     target.play();
   } else {
     target.pause();
   }
-  });
+});
 
-  delegate(document, '.media-spoiler', 'click', ({ target }) => {
+delegate(document, '.media-spoiler', 'click', ({ target }) => {
   target.style.display = 'none';
-  });
+});
 
-  delegate(document, '.webapp-btn', 'click', ({ target, button }) => {
+delegate(document, '.webapp-btn', 'click', ({ target, button }) => {
   if (button !== 0) {
     return true;
   }
   window.location.href = target.href;
   return false;
-  });
+});
 
-  delegate(document, '.status__content__spoiler-link', 'click', ({ target }) => {
+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';
@@ -93,15 +94,14 @@ document.addEventListener('DOMContentLoaded', () => {
     target.parentNode.style.marginBottom = null;
   }
   return false;
-  });
+});
 
-  delegate(document, '.account_display_name', 'input', ({ target }) => {
-    const [nameCounter ] = document.getElementsByClassName('name-counter');
+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.getElementsByClassName('note-counter');
+delegate(document, '.account_note', 'input', ({ target }) => {
+  const noteCounter = document.querySelector('.note-counter');
   noteCounter.textContent = 160 - length(target.value);
-  });
 });