blob: 458ff43f9ee85451cb068a55b65ffe1abea150ac (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
|
/* @license
magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPL-3.0
@license-end */
import { BaseController } from "./base_controller.js";
import { PaginationController } from "./pagination_controller.js";
export class CommentsController extends BaseController {
constructor(replies_controller) {
super();
this.replies_controller = replies_controller;
this.comments_node = document.getElementById("comments-thread");
this.paginator = new PaginationController(this.comments_server_host, "/api/comments", this.post,
this.replies_controller);
this.renderForm();
this.renderComments();
}
renderForm() {
this.get("/api/comments/new").then((value) => {
const form = value?.getElementById("comment-form");
if (form != null) {
this.comments_node.appendChild(form);
this.form_element = document.getElementById("comment-form");
this.form_element.addEventListener("submit", this.submit.bind(this));
}
});
}
renderComments() {
this.get(`/api/comments?path=${this.post}`).then((value) => {
const comments = value?.getElementById("comment-section");
if (comments != null) {
this.comments_node.appendChild(comments);
this.replies_controller.init();
this.paginator.populatePageAnchors();
}
});
}
renderSubmitResponse(response_document) {
const new_comments = this.htmlFromResponse(response_document).getElementById("comment-section");
const comments = document.getElementById("comment-section");
if(comments)
comments.replaceWith(new_comments);
else
this.comments_node.appendChild(new_comments);
}
async submit(event) {
var form = new FormData(event.target);
form.set('content', form.get('content').trim());
form.append("domain", `${window.location.protocol}//${window.location.host}`);
super.submit(event, `${this.comments_server_host}/api/comments?path=${this.post}`, form);
}
}
|