refactor: move shared components to components/*

2 files changed, 91 insertions, 0 deletions

diff --git a/nuldoc-src/components/post_page_entry.ts b/nuldoc-src/components/post_page_entry.ts
new file mode 100644
index 0000000..e825dfd
--- /dev/null
+++ b/nuldoc-src/components/post_page_entry.ts
@@ -0,0 +1,47 @@
+import { el, Element, text } from "../dom.ts";
+import {
+  getPostCreatedDate,
+  getPostUpdatedDate,
+  PostPage,
+} from "../pages/post.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", getPostCreatedDate(post)]],
+          text(getPostCreatedDate(post)),
+        ),
+        text(" 投稿"),
+        ...(post.revisions.length > 1
+          ? [
+            text("、"),
+            el("time", [[
+              "datetime",
+              getPostUpdatedDate(post),
+            ]], text(getPostUpdatedDate(post))),
+            text(" 更新"),
+          ]
+          : []),
+      ),
+    ),
+  );
+}
diff --git a/nuldoc-src/components/slide_page_entry.ts b/nuldoc-src/components/slide_page_entry.ts
new file mode 100644
index 0000000..3aff5ae
--- /dev/null
+++ b/nuldoc-src/components/slide_page_entry.ts
@@ -0,0 +1,44 @@
+import { el, Element, text } from "../dom.ts";
+import { getPostCreatedDate, getPostUpdatedDate } from "../pages/post.ts";
+import { SlidePage } from "../pages/slide.ts";
+
+export function slidePageEntry(slide: SlidePage): Element {
+  return el(
+    "article",
+    [["class", "post-entry"]],
+    el(
+      "a",
+      [["href", slide.href]],
+      el(
+        "header",
+        [["class", "entry-header"]],
+        el("h2", [], text(`登壇: ${slide.event} (${slide.talkType})`)),
+      ),
+      el(
+        "section",
+        [["class", "entry-content"]],
+        el("p", [], text(slide.title)),
+      ),
+      el(
+        "footer",
+        [["class", "entry-footer"]],
+        el(
+          "time",
+          [["datetime", getPostCreatedDate(slide)]],
+          text(getPostCreatedDate(slide)),
+        ),
+        text(" 登壇"),
+        ...(slide.revisions.length > 1
+          ? [
+            text("、"),
+            el("time", [[
+              "datetime",
+              getPostUpdatedDate(slide),
+            ]], text(getPostUpdatedDate(slide))),
+            text(" 更新"),
+          ]
+          : []),
+      ),
+    ),
+  );
+}