summaryrefslogtreecommitdiffhomepage
path: root/vhosts/blog/nuldoc-src/components/post_page_entry.ts
blob: bd82eb95706c27dd175ee52af9db84e4be3339eb (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
import { el, Element } from "../dom.ts";
import {
  getPostPublishedDate,
  getPostUpdatedDate,
  postHasAnyUpdates,
  PostPage,
} from "../pages/post.ts";
import { dateToString } from "../revision.ts";

export function postPageEntry(post: PostPage): Element {
  return el(
    "article",
    { className: "post-entry" },
    el(
      "a",
      { href: post.href },
      el(
        "header",
        { className: "entry-header" },
        el("h2", {}, post.title),
      ),
      el(
        "section",
        { className: "entry-content" },
        el("p", {}, post.description),
      ),
      el(
        "footer",
        { className: "entry-footer" },
        el(
          "time",
          { datetime: dateToString(getPostPublishedDate(post)) },
          dateToString(getPostPublishedDate(post)),
        ),
        " 投稿",
        ...(postHasAnyUpdates(post)
          ? [
            "、",
            el(
              "time",
              { "datetime": dateToString(getPostUpdatedDate(post)) },
              dateToString(getPostUpdatedDate(post)),
            ),
            " 更新",
          ]
          : []),
      ),
    ),
  );
}