Add post list and category manipulation

src/MyWebLog/themes/admin/category-edit.liquid

@@ -0,0 +1,56 @@
+<h2 class="my-3">{{ page_title }}</h2>
+<article>
+  <form action="/category/save" method="post">
+    <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">
+    <input type="hidden" name="categoryId" value="{{ model.category_id }}">
+    <div class="container">
+      <div class="row mb-3">
+        <div class="col-6 col-lg-4 pb-3">
+          <div class="form-floating">
+            <input type="text" name="name" id="name" class="form-control" placeholder="Name" autofocus required
+                   value="{{ model.name }}">
+            <label for="name">Name</label>
+          </div>
+        </div>
+        <div class="col-6 col-lg-4 pb-3">
+          <div class="form-floating">
+            <input type="text" name="slug" id="slug" class="form-control" placeholder="Slug" required
+                   value="{{ model.slug }}">
+            <label for="slug">Slug</label>
+          </div>
+        </div>
+        <div class="col-12 col-lg-4 pb-3">
+          <div class="form-floating">
+            <select name="parentId" id="parentId" class="form-control">
+              <option value=""{% if model.parent_id == "" %} selected="selected"{% endif %}>
+                &ndash; None &ndash;
+              </option>
+              {% for cat in categories -%}
+                {%- unless cat.id == model.category_id %}
+                  <option value="{{ cat.id }}"{% if model.parent_id == cat.id %} selected="selected"{% endif %}>
+                    {% for it in cat.parent_names %} &nbsp; &raquo; {% endfor %}{{ cat.name }}
+                  </option>
+                {% endunless -%}
+              {%- endfor %}
+            </select>
+            <label for="parentId">Parent Category</label>
+          </div>
+        </div>
+      </div>
+      <div class="row mb-3">
+        <div class="col">
+          <div class="form-floating">
+            <input name="description" id="description" class="form-control"
+                   placeholder="A short description of this category" value="{{ model.description }}">
+            <label for="description">Description</label>
+          </div>
+        </div>
+      </div>
+      <div class="row mb-3">
+        <div class="col">
+          <button type="submit" class="btn btn-primary">Save Changes</button>
+        </div>
+      </div>
+    </div>
+  </form>
+</article>

src/MyWebLog/themes/admin/category-list.liquid

@@ -0,0 +1,39 @@
+<h2 class="my-3">{{ page_title }}</h2>
+<article class="container">
+  <a href="/category/new/edit" class="btn btn-primary btn-sm mb-3">Add a New Category</a>
+  <table class="table table-sm table-hover">
+    <thead>
+      <tr>
+        <th scope="col">Actions</th>
+        <th scope="col">Category</th>
+        <th scope="col">Description</th>
+      </tr>
+    </thead>
+    <tbody>
+      {% for cat in categories -%}
+        <tr>
+          <td class="action-button-column">
+            <a class="btn btn-secondary btn-sm" href="/category/{{ cat.id }}/edit">Edit</a>
+            <a class="btn btn-danger btn-sm" href="/category/{{ cat.id }}/delete"
+               onclick="return Admin.deleteCategory('{{ cat.id }}', '{{ cat.name }}')">
+              Delete
+            </a>
+          </td>
+          <td>
+            {%- if cat.parent_names %}
+              <small class="text-muted">{% for name in cat.parent_names %}{{ name }} &rang; {% endfor %}</small>
+            {% endif -%}
+            {{ cat.name }} &nbsp;
+            <small><a href="/posts/category/{{ cat.slug }}" target="_blank">View Posts</a></small>
+          </td>
+          <td>
+            {%- if cat.description %}{{ cat.description.value }}{% else %}<em class="text-muted">none</em>{% endif -%}
+          </td>
+        </tr>
+      {%- endfor %}
+    </tbody>
+  </table>
+  <form method="post" id="deleteForm">
+    <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">
+  </form>
+</article>

src/MyWebLog/themes/admin/dashboard.liquid

@@ -9,7 +9,7 @@
             Published <span class="badge rounded-pill bg-secondary">{{ model.posts }}</span>
             &nbsp; Drafts <span class="badge rounded-pill bg-secondary">{{ model.drafts }}</span>
           </h6>
-          <a href="/posts/list" class="btn btn-secondary me-2">View All</a>
+          <a href="/posts" class="btn btn-secondary me-2">View All</a>
           <a href="/post/new/edit" class="btn btn-primary">Write a New Post</a>
         </div>
       </div>
@@ -37,7 +37,7 @@
             All <span class="badge rounded-pill bg-secondary">{{ model.categories }}</span>
             &nbsp; Top Level <span class="badge rounded-pill bg-secondary">{{ model.top_level_categories }}</span>
           </h6>
-          <a href="/categories/list" class="btn btn-secondary me-2">View All</a>
+          <a href="/categories" class="btn btn-secondary me-2">View All</a>
           <a href="/category/new/edit" class="btn btn-secondary">Add a New Category</a>
         </div>
       </div>

src/MyWebLog/themes/admin/layout.liquid

@@ -8,60 +8,61 @@
     <link rel="stylesheet" href="/themes/admin/admin.css">
   </head>
   <body>
-  <header>
-    <nav class="navbar navbar-dark bg-dark navbar-expand-md justify-content-start px-2">
-      <div class="container-fluid">
-        <a class="navbar-brand" href="/">{{ web_log.name }}</a>
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText"
-                aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="collapse navbar-collapse" id="navbarText">
-          {% if logged_on -%}
-            <ul class="navbar-nav">
-              {{ "admin" | nav_link: "Dashboard" }}
-              {{ "pages" | nav_link: "Pages" }}
-              {{ "posts" | nav_link: "Posts" }}
-              {{ "categories" | nav_link: "Categories" }}
-            </ul>
-          {%- endif %}
-          <ul class="navbar-nav flex-grow-1 justify-content-end">
+    <header>
+      <nav class="navbar navbar-dark bg-dark navbar-expand-md justify-content-start px-2">
+        <div class="container-fluid">
+          <a class="navbar-brand" href="/">{{ web_log.name }}</a>
+          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText"
+                  aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+          <div class="collapse navbar-collapse" id="navbarText">
             {% if logged_on -%}
-              {{ "user/log-off" | nav_link: "Log Off" }}
-            {%- else -%}
-              {{ "user/log-on" | nav_link: "Log On" }}
+              <ul class="navbar-nav">
+                {{ "admin" | nav_link: "Dashboard" }}
+                {{ "pages" | nav_link: "Pages" }}
+                {{ "posts" | nav_link: "Posts" }}
+                {{ "categories" | nav_link: "Categories" }}
+              </ul>
             {%- endif %}
-          </ul>
+            <ul class="navbar-nav flex-grow-1 justify-content-end">
+              {% if logged_on -%}
+                {{ "user/log-off" | nav_link: "Log Off" }}
+              {%- else -%}
+                {{ "user/log-on" | nav_link: "Log On" }}
+              {%- endif %}
+            </ul>
+          </div>
+        </div>
+      </nav>
+    </header>
+    <main class="mx-3">
+      {% if messages %}
+        <div class="messages mt-2">
+          {% for msg in messages %}
+            <div role="alert" class="alert alert-{{ msg.level }} alert-dismissible fade show">
+              {{ msg.message }}
+              <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+              {% if msg.detail %}
+                <hr>
+                {{ msg.detail.value }}
+              {% endif %}
+            </div>
+          {% endfor %}
+        </div>
+      {% endif %}
+      {{ content }}
+    </main>
+    <footer>
+      <div class="container-fluid">
+        <div class="row">
+          <div class="col-xs-12 text-end"><img src="/img/logo-light.png" alt="myWebLog"></div>
         </div>
       </div>
-    </nav>
-  </header>
-  <main class="mx-3">
-    {% if messages %}
-      <div class="messages mt-2">
-        {% for msg in messages %}
-          <div role="alert" class="alert alert-{{ msg.level }} alert-dismissible fade show">
-            {{ msg.message }}
-            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
-            {% if msg.detail %}
-              <hr>
-              {{ msg.detail.value }}
-            {% endif %}
-          </div>
-        {% endfor %}
-      </div>
-    {% endif %}
-    {{ content }}
-  </main>
-  <footer>
-    <div class="container-fluid">
-      <div class="row">
-        <div class="col-xs-12 text-end"><img src="/img/logo-light.png" alt="myWebLog"></div>
-      </div>
-    </div>
-  </footer>
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
-          integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
-          crossorigin="anonymous"></script>
+    </footer>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
+            integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
+            crossorigin="anonymous"></script>
+    <script src="/themes/admin/admin.js"></script>
   </body>
 </html>

src/MyWebLog/themes/admin/page-edit.liquid

@@ -48,7 +48,7 @@
       </div>
       <div class="row mb-3">
         <div class="col">
-          <textarea name="Text" id="text" class="form-control" rows="10">{{ model.text }}</textarea>
+          <textarea name="text" id="text" class="form-control" rows="10">{{ model.text }}</textarea>
         </div>
       </div>
       <div class="row mb-3">

src/MyWebLog/themes/admin/post-list.liquid

@@ -0,0 +1,41 @@
+<h2 class="my-3">{{ page_title }}</h2>
+<article class="container">
+  <a href="/post/new/edit" class="btn btn-primary btn-sm mb-3">Write a New Post</a>
+  <table class="table table-sm table-hover">
+    <thead>
+      <tr>
+        <th scope="col">Date</th>
+        <th scope="col">Title</th>
+        <th scope="col">Author</th>
+        <th scope="col">Status</th>
+        <th scope="col">Tags</th>
+      </tr>
+    </thead>
+    <tbody>
+      {% for post in model.posts -%}
+        <tr>
+          <td>
+            {% if post.published_on.has_value -%}
+              {{ post.published_on | date: "MMMM d, yyyy" }}
+            {%- else -%}
+              {{ post.updated_on | date: "MMMM d, yyyy" }}
+            {%- endif %}
+          </td>
+          <td>
+            {{ post.title }}<br>
+            <small>
+              <a href="/{{ post.permalink }}" target="_blank">View Post</a>
+              <span class="text-muted"> &bull; </span>
+              <a href="/post/{{ post.id }}/edit">Edit</a>
+              <span class="text-muted"> &bull; </span>
+              <a href="#" class="text-danger">Delete</a>
+            </small>
+          </td>
+          <td>{{ model.authors[post.author_id] }}</td>
+          <td>{{ post.status }}</td>
+          <td>{{ tags[post.id] }}</td>
+        </tr>
+      {%- endfor %}
+    </tbody>
+  </table>
+</article>