0
/
leftypol_lainchan
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

js/mod/recent_posts.js: remember state on reload

This commit is contained in:
Jon 2024-01-31 03:22:55 +00:00 committed by towards-a-new-leftypol
parent b8af556b2a
commit aa4d943ff4
1 changed files with 28 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
js/mod/recent_posts.js
View File

@ -24,13 +24,14 @@
const kLocationPath = location.href.slice(location.origin.length) const kLocationPath = location.href.slice(location.origin.length)
if (/^\/mod\.php\?\/recent\/\d+$/.test(kLocationPath)) { if (/^\/mod\.php\?\/recent\/\d+$/.test(kLocationPath)) {
const loadIntFromStorage = key => { const loadIntFromStorage = key => {
const value = localStorage.getItem(`jon-liveposts-enabled::${key}`) const value = localStorage.getItem(`jon-liveposts::${key}`)
return value != null ? parseInt(value) : null return value != null ? parseInt(value) : null
} }
const kPullXPosts = loadIntFromStorage("pull-x-posts") ?? 6 const kPullXPosts = loadIntFromStorage("pull-x-posts") ?? 6
const kPullEveryX = loadIntFromStorage("pull-every-x") ?? 8000 const kPullEveryX = loadIntFromStorage("pull-every-x") ?? 8000
const kRecentXPosts = parseInt(kLocationPath.slice(17).split(/[^\d]/)[0]) const kRecentXPosts = parseInt(kLocationPath.slice(17).split(/[^\d]/)[0])
const kWasEnabled = loadIntFromStorage("enabled") == 1
let liveUpdateEnabled = false let liveUpdateEnabled = false
let liveUpdateAbortController = null let liveUpdateAbortController = null
@ -103,6 +104,7 @@
const checkbox = document.createElement("input") const checkbox = document.createElement("input")
checkbox.type = "checkbox" checkbox.type = "checkbox"
checkbox.id = id checkbox.id = id
checkbox.checked = kWasEnabled
label.innerText = "live update: " label.innerText = "live update: "
label.for = id label.for = id
div.style.display = "inline" div.style.display = "inline"
@ -116,9 +118,8 @@
const pageNums = Array.prototype.find.apply(document.body.children, [ el => el.nodeName == "P" ]) const pageNums = Array.prototype.find.apply(document.body.children, [ el => el.nodeName == "P" ])
const form = createCheckbox() const form = createCheckbox()
form.checkbox.addEventListener("click", () => { const liveUpdateToggle = enabled => {
setTimeout(() => { if (enabled) {
if (form.checkbox.checked) {
liveUpdateEnabled = true liveUpdateEnabled = true
liveUpdateAbortController = new AbortController() liveUpdateAbortController = new AbortController()
liveUpdateIntervalId = setInterval(() => updateRecentPosts(), kPullEveryX) liveUpdateIntervalId = setInterval(() => updateRecentPosts(), kPullEveryX)
@ -129,7 +130,15 @@
liveUpdateIntervalId = null liveUpdateIntervalId = null
liveUpdateAbortController = null liveUpdateAbortController = null
} }
}, 700)
if (form.checkbox.checked != enabled) {
form.checkbox.checked = enabled
}
}
form.checkbox.addEventListener("change", () => {
localStorage.setItem("jon-liveposts::enabled", form.checkbox.checked ? "1" : "0")
liveUpdateToggle(form.checkbox.checked)
}) })
document.body.addEventListener("mousemove", () => { document.body.addEventListener("mousemove", () => {
@ -141,6 +150,10 @@
pageNums.append("|") pageNums.append("|")
pageNums.append(form.div) pageNums.append(form.div)
if (kWasEnabled) {
setTimeout(() => liveUpdateToggle(true), 1)
}
} }
} }