summaryrefslogtreecommitdiffhomepage
path: root/vhosts/blog/nuldoc-src/components/post_page_entry.ts
diff options
context:
space:
mode:
authornsfisis <nsfisis@gmail.com>2023-09-07 22:27:48 +0900
committernsfisis <nsfisis@gmail.com>2023-09-07 22:35:53 +0900
commit994e0114d76ae19768d5c303874a968cf6369fd0 (patch)
tree5fd3f8b169eea00084b24fbae820f75273864d2a /vhosts/blog/nuldoc-src/components/post_page_entry.ts
parent57f015992f678bfd7281f171fb9d71349c96a1a0 (diff)
downloadnsfisis.dev-994e0114d76ae19768d5c303874a968cf6369fd0.tar.gz
nsfisis.dev-994e0114d76ae19768d5c303874a968cf6369fd0.tar.zst
nsfisis.dev-994e0114d76ae19768d5c303874a968cf6369fd0.zip
meta: migrate to monorepo
Diffstat (limited to 'vhosts/blog/nuldoc-src/components/post_page_entry.ts')
-rw-r--r--vhosts/blog/nuldoc-src/components/post_page_entry.ts48
1 files changed, 48 insertions, 0 deletions
diff --git a/vhosts/blog/nuldoc-src/components/post_page_entry.ts b/vhosts/blog/nuldoc-src/components/post_page_entry.ts
new file mode 100644
index 00000000..685c03a8
--- /dev/null
+++ b/vhosts/blog/nuldoc-src/components/post_page_entry.ts
@@ -0,0 +1,48 @@
+import { el, Element, text } from "../dom.ts";
+import {
+ getPostCreatedDate,
+ getPostUpdatedDate,
+ PostPage,
+} from "../pages/post.ts";
+import { dateToString } from "../revision.ts";
+
+export function postPageEntry(post: PostPage): Element {
+ return el(
+ "article",
+ [["class", "post-entry"]],
+ el(
+ "a",
+ [["href", post.href]],
+ el(
+ "header",
+ [["class", "entry-header"]],
+ el("h2", [], text(post.title)),
+ ),
+ el(
+ "section",
+ [["class", "entry-content"]],
+ el("p", [], text(post.summary)),
+ ),
+ el(
+ "footer",
+ [["class", "entry-footer"]],
+ el(
+ "time",
+ [["datetime", dateToString(getPostCreatedDate(post))]],
+ text(dateToString(getPostCreatedDate(post))),
+ ),
+ text(" 投稿"),
+ ...(post.revisions.length > 1
+ ? [
+ text("、"),
+ el("time", [[
+ "datetime",
+ dateToString(getPostUpdatedDate(post)),
+ ]], text(dateToString(getPostUpdatedDate(post)))),
+ text(" 更新"),
+ ]
+ : []),
+ ),
+ ),
+ );
+}