2017-06-20 10:41:26 +00:00
|
|
|
import { Application } from "./Application"
|
|
|
|
import { AnimeNotifier } from "./AnimeNotifier"
|
2017-06-21 17:34:59 +00:00
|
|
|
import { Diff } from "./Diff"
|
2017-06-20 10:41:26 +00:00
|
|
|
|
2017-06-21 12:00:52 +00:00
|
|
|
// Save new data from an input field
|
|
|
|
export function save(arn: AnimeNotifier, input: HTMLInputElement | HTMLTextAreaElement) {
|
|
|
|
arn.loading(true)
|
|
|
|
|
|
|
|
let obj = {}
|
|
|
|
let value = input.value
|
|
|
|
|
|
|
|
if(input.type === "number") {
|
2017-06-26 09:43:47 +00:00
|
|
|
if(input.getAttribute("step") === "1") {
|
|
|
|
obj[input.id] = parseInt(value)
|
|
|
|
} else {
|
|
|
|
obj[input.id] = parseFloat(value)
|
|
|
|
}
|
2017-06-21 12:00:52 +00:00
|
|
|
} else {
|
|
|
|
obj[input.id] = value
|
|
|
|
}
|
|
|
|
|
|
|
|
// console.log(input.type, input.dataset.api, obj, JSON.stringify(obj))
|
|
|
|
|
|
|
|
let apiObject: HTMLElement
|
|
|
|
let parent = input as HTMLElement
|
|
|
|
|
|
|
|
while(parent = parent.parentElement) {
|
|
|
|
if(parent.dataset.api !== undefined) {
|
|
|
|
apiObject = parent
|
|
|
|
break
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
if(!apiObject) {
|
|
|
|
throw "API object not found"
|
|
|
|
}
|
|
|
|
|
|
|
|
input.disabled = true
|
|
|
|
|
|
|
|
fetch(apiObject.dataset.api, {
|
|
|
|
method: "POST",
|
|
|
|
body: JSON.stringify(obj),
|
|
|
|
credentials: "same-origin"
|
|
|
|
})
|
|
|
|
.then(response => response.text())
|
|
|
|
.then(body => {
|
|
|
|
if(body !== "ok") {
|
|
|
|
throw body
|
|
|
|
}
|
|
|
|
})
|
|
|
|
.catch(console.error)
|
|
|
|
.then(() => {
|
|
|
|
arn.loading(false)
|
|
|
|
input.disabled = false
|
2017-06-24 00:10:04 +00:00
|
|
|
|
|
|
|
return arn.reloadContent()
|
2017-06-21 12:00:52 +00:00
|
|
|
})
|
|
|
|
}
|
|
|
|
|
2017-06-27 02:15:52 +00:00
|
|
|
// Load
|
|
|
|
export function load(arn: AnimeNotifier, element: HTMLElement) {
|
|
|
|
let url = element.dataset.url || (element as HTMLAnchorElement).getAttribute("href")
|
|
|
|
arn.app.load(url)
|
|
|
|
}
|
|
|
|
|
2017-06-26 01:57:29 +00:00
|
|
|
// Diff
|
|
|
|
export function diff(arn: AnimeNotifier, element: HTMLElement) {
|
|
|
|
let url = element.dataset.url || (element as HTMLAnchorElement).getAttribute("href")
|
2017-06-27 02:15:52 +00:00
|
|
|
arn.diff(url)
|
2017-06-26 17:03:48 +00:00
|
|
|
}
|
2017-06-26 01:57:29 +00:00
|
|
|
|
2017-06-26 17:03:48 +00:00
|
|
|
// Forum reply
|
|
|
|
export function forumReply(arn: AnimeNotifier) {
|
|
|
|
let textarea = arn.app.find("new-reply") as HTMLTextAreaElement
|
2017-06-26 21:04:15 +00:00
|
|
|
let thread = arn.app.find("thread")
|
2017-06-26 01:57:29 +00:00
|
|
|
|
2017-06-26 21:04:15 +00:00
|
|
|
let post = {
|
|
|
|
text: textarea.value,
|
|
|
|
threadId: thread.dataset.id,
|
|
|
|
tags: []
|
|
|
|
}
|
|
|
|
|
2017-06-27 02:15:52 +00:00
|
|
|
arn.post("/api/post/new", post)
|
2017-06-26 21:04:15 +00:00
|
|
|
.then(() => arn.reloadContent())
|
2017-06-27 02:15:52 +00:00
|
|
|
.then(() => textarea.value = "")
|
|
|
|
.catch(console.error)
|
|
|
|
}
|
|
|
|
|
|
|
|
// Create thread
|
|
|
|
export function createThread(arn: AnimeNotifier) {
|
|
|
|
let title = arn.app.find("title") as HTMLInputElement
|
|
|
|
let text = arn.app.find("text") as HTMLTextAreaElement
|
|
|
|
let category = arn.app.find("tag") as HTMLInputElement
|
|
|
|
|
|
|
|
let thread = {
|
|
|
|
title: title.value,
|
|
|
|
text: text.value,
|
|
|
|
tags: [category.value]
|
|
|
|
}
|
|
|
|
|
|
|
|
arn.post("/api/thread/new", thread)
|
|
|
|
.then(() => arn.app.load("/forum/" + thread.tags[0]))
|
2017-06-26 21:04:15 +00:00
|
|
|
.catch(console.error)
|
2017-06-26 01:57:29 +00:00
|
|
|
}
|
|
|
|
|
2017-06-27 14:23:57 +00:00
|
|
|
// Create soundtrack
|
|
|
|
export function createSoundTrack(arn: AnimeNotifier, button: HTMLButtonElement) {
|
|
|
|
let soundcloud = arn.app.find("soundcloud-link") as HTMLInputElement
|
|
|
|
let anime = arn.app.find("anime-link") as HTMLInputElement
|
|
|
|
let osu = arn.app.find("osu-link") as HTMLInputElement
|
|
|
|
|
|
|
|
let soundtrack = {
|
|
|
|
soundcloud: soundcloud.value,
|
|
|
|
tags: [anime.value, osu.value],
|
|
|
|
}
|
|
|
|
|
|
|
|
button.innerText = "Adding..."
|
|
|
|
button.disabled = true
|
|
|
|
|
|
|
|
arn.post("/api/soundtrack/new", soundtrack)
|
|
|
|
.then(() => arn.app.load("/music"))
|
|
|
|
.catch(err => {
|
|
|
|
console.error(err)
|
|
|
|
arn.reloadContent()
|
|
|
|
})
|
|
|
|
}
|
|
|
|
|
2017-06-20 20:54:45 +00:00
|
|
|
// Search
|
|
|
|
export function search(arn: AnimeNotifier, search: HTMLInputElement, e: KeyboardEvent) {
|
|
|
|
if(e.ctrlKey || e.altKey) {
|
|
|
|
return
|
|
|
|
}
|
|
|
|
|
|
|
|
let term = search.value
|
|
|
|
|
|
|
|
if(!window.location.pathname.startsWith("/search/")) {
|
|
|
|
history.pushState("search", null, "/search/" + term)
|
|
|
|
} else {
|
|
|
|
history.replaceState("search", null, "/search/" + term)
|
|
|
|
}
|
|
|
|
|
2017-06-22 12:32:38 +00:00
|
|
|
if(!term || term.length < 2) {
|
|
|
|
arn.app.content.innerHTML = "Please enter at least 2 characters to start searching."
|
2017-06-20 20:54:45 +00:00
|
|
|
return
|
|
|
|
}
|
|
|
|
|
2017-06-20 21:27:14 +00:00
|
|
|
var results = arn.app.find("results")
|
|
|
|
|
|
|
|
if(!results) {
|
|
|
|
results = document.createElement("div")
|
|
|
|
results.id = "results"
|
|
|
|
arn.app.content.innerHTML = ""
|
|
|
|
arn.app.content.appendChild(results)
|
|
|
|
}
|
2017-06-20 20:54:45 +00:00
|
|
|
|
|
|
|
arn.app.get("/_/search/" + encodeURI(term))
|
|
|
|
.then(html => {
|
|
|
|
if(!search.value) {
|
|
|
|
return
|
|
|
|
}
|
|
|
|
|
2017-06-21 17:34:59 +00:00
|
|
|
Diff.innerHTML(results, html)
|
2017-06-20 20:54:45 +00:00
|
|
|
arn.app.emit("DOMContentLoaded")
|
|
|
|
})
|
|
|
|
}
|
|
|
|
|
2017-06-20 10:41:26 +00:00
|
|
|
// Add anime to collection
|
|
|
|
export function addAnimeToCollection(arn: AnimeNotifier, button: HTMLElement) {
|
|
|
|
button.innerText = "Adding..."
|
|
|
|
arn.loading(true)
|
|
|
|
|
|
|
|
let {animeId, userId, userNick} = button.dataset
|
|
|
|
|
|
|
|
fetch("/api/animelist/" + userId + "/add", {
|
|
|
|
method: "POST",
|
2017-06-20 11:02:20 +00:00
|
|
|
body: animeId,
|
2017-06-20 12:19:35 +00:00
|
|
|
credentials: "same-origin"
|
2017-06-20 10:41:26 +00:00
|
|
|
})
|
|
|
|
.then(response => response.text())
|
|
|
|
.then(body => {
|
|
|
|
if(body !== "ok") {
|
|
|
|
throw body
|
|
|
|
}
|
|
|
|
|
2017-06-21 16:44:20 +00:00
|
|
|
return arn.reloadContent()
|
2017-06-20 10:41:26 +00:00
|
|
|
})
|
|
|
|
.catch(console.error)
|
|
|
|
.then(() => arn.loading(false))
|
|
|
|
}
|
|
|
|
|
|
|
|
// Remove anime from collection
|
|
|
|
export function removeAnimeFromCollection(arn: AnimeNotifier, button: HTMLElement) {
|
|
|
|
button.innerText = "Removing..."
|
|
|
|
arn.loading(true)
|
|
|
|
|
|
|
|
let {animeId, userId, userNick} = button.dataset
|
|
|
|
|
|
|
|
fetch("/api/animelist/" + userId + "/remove", {
|
|
|
|
method: "POST",
|
2017-06-20 11:02:20 +00:00
|
|
|
body: animeId,
|
2017-06-20 12:19:35 +00:00
|
|
|
credentials: "same-origin"
|
2017-06-20 10:41:26 +00:00
|
|
|
})
|
|
|
|
.then(response => response.text())
|
|
|
|
.then(body => {
|
|
|
|
if(body !== "ok") {
|
|
|
|
throw body
|
|
|
|
}
|
|
|
|
|
2017-06-20 13:46:49 +00:00
|
|
|
return arn.app.load("/+" + userNick + "/animelist")
|
2017-06-20 10:41:26 +00:00
|
|
|
})
|
|
|
|
.catch(console.error)
|
|
|
|
.then(() => arn.loading(false))
|
2017-06-25 16:06:03 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
// Chrome extension installation
|
|
|
|
export function installExtension(arn: AnimeNotifier, button: HTMLElement) {
|
|
|
|
let browser: any = window["chrome"]
|
|
|
|
browser.webstore.install()
|
2017-06-20 10:41:26 +00:00
|
|
|
}
|