Highlight current chapter in video description

html/static/js/modules/MarkWatchedButton.js

@@ -0,0 +1,24 @@
+import {ElemJS} from "/static/js/elemjs/elemjs.js"
+
+class MarkWatchedButton extends ElemJS {
+	constructor(element) {
+		super(element)
+		this.on("click", this.onClick.bind(this))
+	}
+
+	onClick(event) {
+		event.preventDefault()
+		let video = this.element
+		while (!video.classList.contains("subscriptions-video")) {
+			video = video.parentElement
+		}
+		video.classList.add("video-list-item--watched")
+		const form = this.element.parentElement
+		fetch(form.getAttribute("action"), {method: "POST"})
+		form.remove()
+	}
+}
+
+export {
+	MarkWatchedButton
+}

html/static/js/modules/SubscribeButton.js

@@ -0,0 +1,28 @@
+import {ElemJS} from "/static/js/elemjs/elemjs.js"
+
+class SubscribeButton extends ElemJS {
+	constructor(element) {
+		super(element)
+		this.subscribed = this.element.getAttribute("data-subscribed") === "1"
+		this.ucid = this.element.getAttribute("data-ucid")
+		this.on("click", this.onClick.bind(this))
+		this.render()
+	}
+
+	onClick(event) {
+		event.preventDefault()
+		this.subscribed = !this.subscribed
+		const path = this.subscribed ? "subscribe" : "unsubscribe"
+		fetch(`/formapi/${path}/${this.ucid}`, {method: "POST"})
+		this.render()
+	}
+
+	render() {
+		if (!this.subscribed) this.text("Subscribe")
+		else this.text("Unsubscribe")
+	}
+}
+
+export {
+	SubscribeButton
+}