cybrespace
/
mastodon
4
3
Fork 3
Code Issues 7 Pull Requests Releases Activity

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

This commit is contained in:
Yamagishi Kazutoshi 2017-05-21 01:15:43 +09:00 committed by Eugen Rochko
parent b75f13927e
commit b280c387c8
1 changed files with 47 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
app/javascript/packs/public.js
View File

@ -46,44 +46,45 @@ const parseFormat = (format) => format.replace(/%(\w)/g, (_, modifier) => {
}); });
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
for (const content of document.querySelectorAll('.emojify')) { [].forEach.call(document.querySelectorAll('.emojify'), (content) => {
content.innerHTML = emojify(content.innerHTML); 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 format = parseFormat(content.dataset.format);
const formattedDate = dateFormat(content.getAttribute('datetime'), format); const formattedDate = dateFormat(content.getAttribute('datetime'), format);
content.textContent = formattedDate; 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'), { const timeAgo = distanceInWordsStrict(new Date(), content.getAttribute('datetime'), {
addSuffix: true, addSuffix: true,
}); });
content.textContent = timeAgo; content.textContent = timeAgo;
} });
});
delegate(document, '.video-player video', 'click', ({ target }) => { delegate(document, '.video-player video', 'click', ({ target }) => {
if (target.paused) { if (target.paused) {
target.play(); target.play();
} else { } else {
target.pause(); target.pause();
} }
}); });
delegate(document, '.media-spoiler', 'click', ({ target }) => { delegate(document, '.media-spoiler', 'click', ({ target }) => {
target.style.display = 'none'; target.style.display = 'none';
}); });
delegate(document, '.webapp-btn', 'click', ({ target, button }) => { delegate(document, '.webapp-btn', 'click', ({ target, button }) => {
if (button !== 0) { if (button !== 0) {
return true; return true;
} }
window.location.href = target.href; window.location.href = target.href;
return false; 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'); const contentEl = target.parentNode.parentNode.querySelector('.e-content');
if (contentEl.style.display === 'block') { if (contentEl.style.display === 'block') {
contentEl.style.display = 'none'; contentEl.style.display = 'none';
@ -93,15 +94,14 @@ document.addEventListener('DOMContentLoaded', () => {
target.parentNode.style.marginBottom = null; target.parentNode.style.marginBottom = null;
} }
return false; return false;
}); });
delegate(document, '.account_display_name', 'input', ({ target }) => { delegate(document, '.account_display_name', 'input', ({ target }) => {
const [nameCounter ] = document.getElementsByClassName('name-counter'); const nameCounter = document.querySelector('.name-counter');
nameCounter.textContent = 30 - length(target.value); nameCounter.textContent = 30 - length(target.value);
}); });
delegate(document, '.account_note', 'input', ({ target }) => { delegate(document, '.account_note', 'input', ({ target }) => {
const [noteCounter ] = document.getElementsByClassName('note-counter'); const noteCounter = document.querySelector('.note-counter');
noteCounter.textContent = 160 - length(target.value); noteCounter.textContent = 160 - length(target.value);
});
}); });