You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
1.8 KiB
61 lines
1.8 KiB
import { getPosts } from "./lib/remote.mjs"
|
|
|
|
function toMonthYearString(str) {
|
|
const date = new Date(str)
|
|
return `${date.toLocaleString('default', { month: 'long' })} ${date.getFullYear()}`
|
|
}
|
|
async function showPost(id) {
|
|
const post_list = await getPosts(id)
|
|
const post = post_list[0]
|
|
const title = document.createElement("h1")
|
|
title.textContent = post.title
|
|
|
|
const postsDOM = document.getElementById("posts")
|
|
postsDOM.appendChild(title)
|
|
|
|
post.content.split('\n').forEach(paragraph => {
|
|
const p = document.createElement("p")
|
|
p.textContent = paragraph
|
|
postsDOM.appendChild(p)
|
|
});
|
|
}
|
|
|
|
async function updatePosts() {
|
|
const posts = await getPosts()
|
|
|
|
const months = posts.map(post => toMonthYearString(post.date))
|
|
const uniques = Array.from(new Set(posts.map(post => toMonthYearString(post.date))))
|
|
const month_lists = uniques.map(month =>
|
|
posts.filter(
|
|
post => toMonthYearString(post.date) === month
|
|
)
|
|
)
|
|
const postsDOM = document.getElementById("posts")
|
|
uniques.forEach((month, i) => {
|
|
const month_DOM = document.createElement("h1")
|
|
month_DOM.textContent = month
|
|
|
|
month_lists[i].forEach((post, i) => {
|
|
const post_DOM = document.createElement("h6")
|
|
post_DOM.textContent = `${post.date.substring(0, 10)} - `
|
|
|
|
const post_link = document.createElement("a")
|
|
post_link.href = 'posts?post=' + post._id
|
|
post_link.textContent = post.title
|
|
post_DOM.appendChild(post_link)
|
|
|
|
month_DOM.appendChild(post_DOM)
|
|
})
|
|
|
|
postsDOM.appendChild(month_DOM)
|
|
})
|
|
}
|
|
|
|
// Check if a specific post is requested
|
|
let url = new URL(document.location.href);
|
|
url.searchParams.sort();
|
|
let post_id = url.searchParams.values().next().value;
|
|
|
|
const reg = /([0-9]|[a-f]){24}/
|
|
if (post_id && reg.test(post_id)) showPost(post_id)
|
|
else updatePosts()
|
|
|