Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2026-01-22 07:23:01 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(glance-nav): show updated timestamp on nav scroll

Browse Source 
thanks @barisusakli
This commit is contained in:
Julian Lam
2022-12-12 13:23:25 -05:00
parent 547f33a0a1
commit b74bcd1a86
1 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
public/src/client/topic/glance.js
View File

@@ -22,6 +22,7 @@ export default function init() {
navigatorEl.classList.toggle('d-sm-flex', true);
enableButtons();
({ handleEl } = enableHandle());
updateHandleText();
updateUnreadIndicator();
once('action:ajaxify.cleanup', () => {
@@ -55,7 +56,6 @@ function enableHandle() {
let active = false;
updateTrackPosition();
updateHandleText();
window.addEventListener('resize', updateTrackPosition);
onPage('action:navigator.update', ({ newIndex }) => {
@@ -76,12 +76,16 @@ function enableHandle() {
return;
}
const tUpdateHandleText = utils.throttle(updateHandleText, 250);
toggle(true);
active = true;
document.addEventListener('mousemove', onHandleMove);
document.addEventListener('mousemove', tUpdateHandleText);
document.addEventListener('mouseup', () => {
toggle(false);
document.removeEventListener('mousemove', onHandleMove);
document.removeEventListener('mousemove', tUpdateHandleText);
active = false;
}, {
once: true,
@@ -92,7 +96,7 @@ function enableHandle() {
}
async function updateUnreadIndicator() {
if (ajaxify.data.postcount < ajaxify.data.bookmarkThreshold) {
if (ajaxify.data.postcount <= ajaxify.data.bookmarkThreshold) {
return;
}
@@ -135,8 +139,15 @@ function repositionHandle(index) {
async function updateHandleText() {
const index = navigator.getIndex();
const { tid } = ajaxify.data;
const indexEl = handleEl.querySelector('.meta .index');
const timestampEl = handleEl.querySelector('.meta .timestamp');
const { timestampISO } = await socket.emit('posts.getPostSummaryByIndex', { tid, index: index - 1 });
const text = await translate(`[[topic:navigator.index, ${index}, ${ajaxify.data.postcount}]]`);
handleEl.querySelector('.meta').innerText = text;
indexEl.innerText = text;
timestampEl.title = timestampISO;
$(timestampEl).timeago();
}
function onHandleMove(e) {