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

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);
 });