blob: da7e6e1b4e7e111b3c0f644b8da810c15a7efddf (
plain) (
blame)
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
62
63
64
65
66
67
68
69
70
|
import { query_channels, submit } from "./micropub_api.js";
function get_token() {
return form.elements.access_token.value
}
const form = document.getElementById("micropub");
const channel_select_radio = document.getElementById("select_channels");
channel_select_radio.onclick = async () => {
const channels = await query_channels(form.action, get_token())
if (channels !== undefined) {
populate_channel_list(channels)
}
}
const no_channel_radio = document.getElementById("no_channel");
no_channel_radio.onclick = () => {
document.getElementById("channels").style.display = "none";
const channel_list = document.getElementById("channels_target")
channel_list.innerHTML = "";
}
function construct_body(form) {
return {
type: ["h-entry"],
properties: {
content: [form.elements.content.value],
name: form.elements.name.value ? [form.elements.name.value] : undefined,
category: form.elements.category.value ? form.elements.category.value.split(",").map(val => val.trim()) : undefined,
channel: form.elements.channel_select.value ? Array.from(form.elements.channel).map(i => i.checked ? i.value : false).filter(i => i) : undefined
}
}
}
function populate_channel_list(channels) {
document.getElementById("channels").style.display = "block";
const channel_list = document.getElementById("channels_target")
channel_list.innerHTML = "";
channels.forEach((channel) => {
const template = document.getElementById("channel_selector").content.cloneNode(true)
const input = template.querySelector("input")
const label = template.querySelector("label")
input.id = `channel_selector_option_${channel.uid}`
input.value = channel.uid
label.for = input.id
label.innerHTML = `<a href="${channel.uid}">${channel.name}</a>`
channel_list.appendChild(template)
})
}
form.onsubmit = async (event) => {
event.preventDefault()
const mf2 = construct_body(form);
console.log(JSON.stringify(mf2));
try {
submit(form.action, get_token(), mf2)
} catch (e) {
// TODO show errors to user
return
}
form.clear()
}
document.getElementById("authorized").style.display = "block";
// Local Variables:
// js-indent-level: 4
// End:
|
