Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2026-05-06 22:35:57 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: unread indicator in topic nav

Browse Source
This commit is contained in:
Julian Lam
2022-12-09 16:07:47 -05:00
parent fe76ee3ad7
commit a28981de7c
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
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());
updateUnreadIndicator();
once('action:ajaxify.cleanup', () => {
navigatorEl.classList.toggle('d-sm-flex', false);
@@ -90,6 +91,13 @@ function enableHandle() {
return { handleEl };
}
function updateUnreadIndicator() {
const unreadEl = document.querySelector('[component="topic/navigator"] .unread');
const percentage = 1 - (ajaxify.data.bookmark / ajaxify.data.postcount);
unreadEl.style.height = `${trackHeight * percentage}px`;
}
function repositionHandle(index) {
// Updates the position of the handle on the track based on viewport
if (!index) {
@@ -99,6 +107,7 @@ function repositionHandle(index) {
}
updateHandleText();
updateUnreadIndicator();
if (index === 0) {
handleEl.style.top = 0;