forked from treehouse/mastodon
Add MS Edge support to public.js (#3179)
parent
b75f13927e
commit
b280c387c8
|
@ -46,62 +46,62 @@ 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 }) => {
|
|
||||||
if (target.paused) {
|
|
||||||
target.play();
|
|
||||||
} else {
|
|
||||||
target.pause();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
delegate(document, '.media-spoiler', 'click', ({ target }) => {
|
|
||||||
target.style.display = 'none';
|
|
||||||
});
|
|
||||||
|
|
||||||
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 }) => {
|
|
||||||
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_display_name', 'input', ({ target }) => {
|
|
||||||
const [nameCounter ] = document.getElementsByClassName('name-counter');
|
|
||||||
nameCounter.textContent = 30 - length(target.value);
|
|
||||||
});
|
|
||||||
|
|
||||||
delegate(document, '.account_note', 'input', ({ target }) => {
|
|
||||||
const [noteCounter ] = document.getElementsByClassName('note-counter');
|
|
||||||
noteCounter.textContent = 160 - length(target.value);
|
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
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, '.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 }) => {
|
||||||
|
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_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);
|
||||||
|
});
|
||||||
|
|
Loading…
Reference in New Issue