179 lines
4.2 KiB
TypeScript

import AnimeNotifier from "../AnimeNotifier"
// Edit post
export function editPost(_: AnimeNotifier, element: HTMLElement) {
const postId = element.dataset.id
if(!postId) {
console.error("Post missing post ID:", postId)
return
}
const render = document.getElementById("render-" + postId) as HTMLElement
const source = document.getElementById("source-" + postId) as HTMLElement
const edit = document.getElementById("edit-toolbar-" + postId) as HTMLElement
render.classList.toggle("hidden")
source.classList.toggle("hidden")
edit.classList.toggle("hidden")
const title = document.getElementById("title-" + postId)
if(title) {
title.classList.toggle("hidden")
}
}
// Save post
export async function savePost(arn: AnimeNotifier, element: HTMLElement) {
const postId = element.dataset.id
const source = document.getElementById("source-" + postId) as HTMLTextAreaElement
const title = document.getElementById("title-" + postId) as HTMLInputElement
const text = source.value
const updates: any = {
Text: text,
}
// Add title for threads only
if(title) {
updates.Title = title.value
}
const apiEndpoint = arn.findAPIEndpoint(element)
try {
await arn.post(apiEndpoint, updates)
arn.reloadContent()
} catch(err) {
arn.statusMessage.showError(err)
}
}
// Delete post
export async function deletePost(arn: AnimeNotifier, element: HTMLElement) {
if(!confirm(`Are you sure you want to delete this Post?`)) {
return
}
const endpoint = arn.findAPIEndpoint(element)
try {
await arn.post(endpoint + "/delete")
arn.reloadContent()
} catch(err) {
arn.statusMessage.showError(err)
}
}
// Create post
export async function createPost(arn: AnimeNotifier, element: HTMLElement) {
const textarea = document.getElementById("new-post-text") as HTMLTextAreaElement
const {parentId, parentType} = element.dataset
const post = {
text: textarea.value,
parentId,
parentType,
tags: []
}
try {
await arn.post("/api/new/post", post)
await arn.reloadContent()
textarea.value = ""
} catch(err) {
arn.statusMessage.showError(err)
}
}
// Create thread
export async function createThread(arn: AnimeNotifier) {
const title = document.getElementById("title") as HTMLInputElement
const text = document.getElementById("text") as HTMLTextAreaElement
const category = document.getElementById("tag") as HTMLInputElement
const thread = {
title: title.value,
text: text.value,
tags: [category.value]
}
try {
await arn.post("/api/new/thread", thread)
await arn.app.load("/forum/" + thread.tags[0])
} catch(err) {
arn.statusMessage.showError(err)
}
}
// Reply to a post
export async function reply(arn: AnimeNotifier, element: HTMLElement) {
const apiEndpoint = arn.findAPIEndpoint(element)
const repliesId = `replies-${element.dataset.postId}`
const replies = document.getElementById(repliesId)
if(!replies) {
console.error("Missing replies container:", element)
return
}
// Delete old reply area
const oldReplyArea = document.getElementById("new-post")
if(oldReplyArea) {
oldReplyArea.remove()
}
// Delete old reply button
const oldPostActions = document.getElementsByClassName("new-post-actions")[0]
if(oldPostActions) {
oldPostActions.remove()
}
// Fetch new reply UI
try {
const response = await fetch(`${apiEndpoint}/reply/ui`)
const html = await response.text()
replies.innerHTML = html + replies.innerHTML
arn.onNewContent(replies)
arn.assignActions()
} catch(err) {
arn.statusMessage.showError(err)
}
}
// Cancel replying to a post
export function cancelReply(arn: AnimeNotifier, _: HTMLElement) {
arn.reloadContent()
}
// Lock thread
export function lockThread(arn: AnimeNotifier, element: HTMLButtonElement) {
return setThreadLock(arn, element, true)
}
// Unlock thread
export function unlockThread(arn: AnimeNotifier, element: HTMLButtonElement) {
return setThreadLock(arn, element, false)
}
// Set thread locked state
async function setThreadLock(arn: AnimeNotifier, element: HTMLButtonElement, state: boolean) {
const verb = state ? "lock" : "unlock"
if(!confirm(`Are you sure you want to ${verb} this Thread?`)) {
return
}
const endpoint = arn.findAPIEndpoint(element)
try {
await arn.post(`${endpoint}/${verb}`)
await arn.reloadContent()
} catch(err) {
arn.statusMessage.showError(err)
}
}