Draft agenda component

css/main.css

@@ -130,6 +130,27 @@ a.detail:hover {
     color: white;
 }
 
+.agenda > section {
+    padding: 1em;
+}
+
+.agenda h2 {
+    margin-top: 0;
+}
+
+.agenda ol {
+    padding-left: 1.5em;
+    margin: 0;
+}
+
+.agenda .edit p {
+    margin: 0;
+}
+
+.agenda .edit {
+    border-top: 1px solid gray;
+}
+
 @media (max-width: 1670px) {
     .tools.col-7 {
         grid-template-columns: repeat(6, min-content);

js/components/pieces/Agenda.mjs

+export const Agenda = {
+    view(vnode) {
+        return m(
+            "section.agenda.box",
+            m("section.content", [
+                m("h2", "Tagesordnung"),
+                m(
+                    "ol",
+                    vnode.attrs.items.map(item => m("li", item)),
+                ),
+            ]),
+            m("section.edit", [
+                m("p", [
+                    "Bearbeiten im ",
+                    m("i.fa-solid.fa-list-check"),
+                    " ",
+                    m(
+                        "a",
+                        {
+                            href: "https://fachschaft.cl.uni-heidelberg.de/todo",
+                            target: "_blank",
+                        },
+                        [, "Todo-Tool"],
+                    ),
+                ]),
+            ]),
+        )
+    },
+}