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

js/mod/recent_posts.js: add audible bell on new post

This commit is contained in:
Jon 2024-02-02 18:08:49 +00:00 committed by towards-a-new-leftypol
parent 54d84de8f8
commit 58d4b56198
1 changed files with 32 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
js/mod/recent_posts.js
View File

@ -32,8 +32,10 @@
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 const kWasEnabled = loadIntFromStorage("enabled") == 1
const kBellWasEnabled = loadIntFromStorage("bell-enabled") == 1
let liveUpdateEnabled = false let liveUpdateEnabled = false
let liveUpdateBellEnabled = kBellWasEnabled
let liveUpdateAbortController = null let liveUpdateAbortController = null
let liveUpdateIntervalId = null let liveUpdateIntervalId = null
let liveUpdateFaviconChanged = false let liveUpdateFaviconChanged = false
@ -106,15 +108,14 @@
pageNext.href = `/mod.php?/recent/${kRecentXPosts}&last=${getPostTimestamp(oldestPost).getTime() / 1000}` pageNext.href = `/mod.php?/recent/${kRecentXPosts}&last=${getPostTimestamp(oldestPost).getTime() / 1000}`
} }
const createCheckbox = () => { const createCheckbox = (id, text, initialState) => {
const id = "jon-liveposts-enabled"
const div = document.createElement("div") const div = document.createElement("div")
const label = document.createElement("label") const label = document.createElement("label")
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 checkbox.checked = initialState
label.innerText = "live update: " label.innerText = text
label.for = id label.for = id
div.style.display = "inline" div.style.display = "inline"
div.append(" ") div.append(" ")
@ -124,9 +125,6 @@
return { checkbox, label, div } return { checkbox, label, div }
} }
const pageNums = Array.prototype.find.apply(document.body.children, [ el => el.nodeName == "P" ])
const form = createCheckbox()
const liveUpdateToggle = enabled => { const liveUpdateToggle = enabled => {
if (enabled) { if (enabled) {
liveUpdateEnabled = true liveUpdateEnabled = true
@ -140,16 +138,38 @@
liveUpdateAbortController = null liveUpdateAbortController = null
} }
if (form.checkbox.checked != enabled) { if (kLiveForm.checkbox.checked != enabled) {
form.checkbox.checked = enabled kLiveForm.checkbox.checked = enabled
} }
} }
form.checkbox.addEventListener("change", () => { const pageNums = Array.prototype.find.apply(document.body.children, [ el => el.nodeName == "P" ])
localStorage.setItem("jon-liveposts::enabled", form.checkbox.checked ? "1" : "0") const kLiveForm = createCheckbox("jon-liveposts-enabled", "live: ", kWasEnabled)
liveUpdateToggle(form.checkbox.checked) const kBellForm = createCheckbox("jon-liveposts-bell-enabled", "beep: ", kBellWasEnabled)
const kBell = new Audio("/static/jannybell.mp3")
kLiveForm.checkbox.addEventListener("change", () => {
localStorage.setItem("jon-liveposts::enabled", kLiveForm.checkbox.checked ? "1" : "0")
liveUpdateToggle(kLiveForm.checkbox.checked)
}) })
kBellForm.checkbox.addEventListener("change", () => {
localStorage.setItem("jon-liveposts::bell-enabled", kBellForm.checkbox.checked ? "1" : "0")
liveUpdateBellEnabled = kBellForm.checkbox.checked
})
$(document).on("new_post", () => {
if (liveUpdateBellEnabled && kBell.paused) {
// XXX: Site requires autoplay media permission to do this
kBell.play().catch(console.error)
}
})
for (const form of [ kLiveForm, kBellForm ]) {
pageNums.append("|")
pageNums.append(form.div)
}
document.body.addEventListener("mousemove", () => { document.body.addEventListener("mousemove", () => {
if (liveUpdateFaviconChanged) { if (liveUpdateFaviconChanged) {
liveUpdateFaviconChanged = false liveUpdateFaviconChanged = false
@ -157,9 +177,6 @@
} }
}) })
pageNums.append("|")
pageNums.append(form.div)
if (kWasEnabled) { if (kWasEnabled) {
setTimeout(() => liveUpdateToggle(true), 1) setTimeout(() => liveUpdateToggle(true), 1)
} }