110 lines
2.8 KiB
JavaScript
110 lines
2.8 KiB
JavaScript
function notePost() {
|
|
const msg = document.querySelector("#message");
|
|
|
|
fetch("/api/litey/post", {
|
|
method: "POST",
|
|
headers: {
|
|
"Content-Type": "application/json",
|
|
},
|
|
body: JSON.stringify({
|
|
content: msg.value,
|
|
}),
|
|
})
|
|
.then((res) => {
|
|
if (res.ok) {
|
|
msg.value = "";
|
|
alert("投稿に成功しました！");
|
|
} else {
|
|
(async () => {
|
|
const text = await res.text();
|
|
alert(`投稿に失敗しました。\n${text}`);
|
|
})();
|
|
}
|
|
});
|
|
}
|
|
|
|
function noteDelete(submit) {
|
|
const preview = decodeURIComponent(submit.dataset.preview);
|
|
const id = decodeURIComponent(submit.dataset.id);
|
|
|
|
if (!confirm(`本当にこのメッセージを削除しますか？\n${preview}`)) {
|
|
return;
|
|
}
|
|
|
|
fetch("/api/litey/delete", {
|
|
method: "POST",
|
|
headers: {
|
|
"Content-Type": "application/json",
|
|
},
|
|
body: JSON.stringify({
|
|
id,
|
|
}),
|
|
})
|
|
.then((res) => {
|
|
if (res.ok) {
|
|
alert("削除に成功しました！");
|
|
} else {
|
|
(async () => {
|
|
const text = await res.text();
|
|
alert(`削除に失敗しました。\n${text}`);
|
|
})();
|
|
}
|
|
});
|
|
}
|
|
|
|
function createAttachment(link, proxyLink, mediaType) {
|
|
if (mediaType.startsWith("image/")) {
|
|
const img = document.createElement("img");
|
|
img.src = proxyLink;
|
|
img.loading = "lazy";
|
|
img.decoding = "async";
|
|
return img;
|
|
} else if (mediaType.startsWith("audio/")) {
|
|
const audio = document.createElement("audio");
|
|
audio.src = proxyLink;
|
|
audio.controls = true;
|
|
audio.loop = true;
|
|
audio.preload = "none";
|
|
return audio;
|
|
} else if (mediaType.startsWith("video/")) {
|
|
const video = document.createElement("video");
|
|
video.src = proxyLink;
|
|
video.controls = true;
|
|
video.loop = true;
|
|
video.preload = "none";
|
|
return video;
|
|
} else {
|
|
const a = document.createElement("a");
|
|
a.href = link;
|
|
a.textContent = link;
|
|
return a;
|
|
}
|
|
}
|
|
|
|
addEventListener("load", () => {
|
|
document.querySelectorAll("#attachments").forEach((attachments) => {
|
|
const linksets = decodeURIComponent(attachments.dataset.linksets);
|
|
const links = linksets.split("\n").filter(Boolean);
|
|
|
|
links.forEach((link) => {
|
|
const proxyLink = `/api/litey/image-proxy?url=${encodeURIComponent(link)}`;
|
|
|
|
fetch(proxyLink)
|
|
.then((res) => {
|
|
if (res.ok) {
|
|
const mediaType = res.headers.get("Content-Type");
|
|
const attachment = createAttachment(link, proxyLink, mediaType);
|
|
attachments.insertAdjacentElement("beforeend", attachment);
|
|
}
|
|
});
|
|
});
|
|
});
|
|
});
|
|
|
|
addEventListener("load", () => {
|
|
document.querySelectorAll("#date").forEach((date) => {
|
|
const dateStr = decodeURIComponent(date.dataset.date);
|
|
|
|
date.textContent = new Date(dateStr).toLocaleString();
|
|
});
|
|
});
|