|
|
|
@ -46,22 +46,23 @@ 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) { |
|
|
|
@ -96,12 +97,11 @@ document.addEventListener('DOMContentLoaded', () => { |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
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); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
delegate(document, '.account_note', 'input', ({ target }) => { |
|
|
|
|
const [noteCounter ] = document.getElementsByClassName('note-counter'); |
|
|
|
|
const noteCounter = document.querySelector('.note-counter'); |
|
|
|
|
noteCounter.textContent = 160 - length(target.value); |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|