feat(tasks): add task pages and request boundaries

2026-08-14 23:48:16 +07:00
parent 597ebf1b49
commit 1ed23f4de9
11 changed files with 479 additions and 3 deletions
@@ -0,0 +1,36 @@
+<!doctype html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title th:text="${details.task.title}">Task</title>
+</head>
+<body>
+<main>
+    <h1 th:text="${details.task.title}">Task</h1>
+    <p th:text="${details.task.description ?: 'No description'}">No description</p>
+    <p>Status: <strong th:text="${details.task.status}">TODO</strong></p>
+    <p>Due date: <span th:text="${details.task.dueDate ?: '—'}">—</span></p>
+
+    <form method="post" th:action="@{/projects/{projectId}/tasks/{taskId}/status(projectId=${projectId},taskId=${details.task.id})}">
+        <label for="status">New status</label>
+        <select id="status" name="status" required>
+            <option th:each="status : ${statuses}" th:value="${status}" th:text="${status}">TODO</option>
+        </select>
+        <button type="submit">Change status</button>
+    </form>
+
+    <section aria-labelledby="comments-heading">
+        <h2 id="comments-heading">Comments</h2>
+        <ol>
+            <li th:each="comment : ${details.comments}" th:text="${comment.body}">Comment</li>
+        </ol>
+        <form method="post" th:action="@{/projects/{projectId}/tasks/{taskId}/comments(projectId=${projectId},taskId=${details.task.id})}">
+            <label for="body">Comment</label>
+            <textarea id="body" name="body" required></textarea>
+            <button type="submit">Add comment</button>
+        </form>
+    </section>
+</main>
+</body>
+</html>
@@ -0,0 +1,37 @@
+<!doctype html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Create Task</title>
+</head>
+<body>
+<main>
+    <h1>Create Task</h1>
+    <form method="post" th:action="@{/projects/{projectId}/tasks(projectId=${projectId})}" th:object="${taskForm}">
+        <div>
+            <label for="title">Title</label>
+            <input id="title" type="text" maxlength="200" required th:field="*{title}">
+            <p role="alert" th:if="${#fields.hasErrors('title')}" th:errors="*{title}">Title error</p>
+        </div>
+        <div>
+            <label for="description">Description</label>
+            <textarea id="description" th:field="*{description}"></textarea>
+        </div>
+        <div>
+            <label for="assigneeMembershipId">Assignee</label>
+            <select id="assigneeMembershipId" required th:field="*{assigneeMembershipId}">
+                <option value="">Select an assignee</option>
+                <option th:each="assignee : ${assignees}" th:value="${assignee.membershipId}" th:text="${assignee.displayName}">Member</option>
+            </select>
+            <p role="alert" th:if="${#fields.hasErrors('assigneeMembershipId')}" th:errors="*{assigneeMembershipId}">Assignee error</p>
+        </div>
+        <div>
+            <label for="dueDate">Due date</label>
+            <input id="dueDate" type="date" th:field="*{dueDate}">
+        </div>
+        <button type="submit">Create Task</button>
+    </form>
+</main>
+</body>
+</html>
@@ -0,0 +1,32 @@
+<!doctype html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Project tasks</title>
+</head>
+<body>
+<main>
+    <h1>Project tasks</h1>
+    <p>Progress: <strong th:text="${progressLabel}">N/A</strong></p>
+    <dl>
+        <dt>TODO</dt><dd th:text="${taskList.progress.todo}">0</dd>
+        <dt>IN_PROGRESS</dt><dd th:text="${taskList.progress.inProgress}">0</dd>
+        <dt>BLOCKED</dt><dd th:text="${taskList.progress.blocked}">0</dd>
+        <dt>DONE</dt><dd th:text="${taskList.progress.done}">0</dd>
+    </dl>
+    <p><a th:href="@{/projects/{projectId}/tasks/new(projectId=${projectId})}">Create Task</a></p>
+    <table>
+        <caption>Current non-deleted Tasks</caption>
+        <thead><tr><th scope="col">Title</th><th scope="col">Status</th><th scope="col">Due date</th></tr></thead>
+        <tbody>
+        <tr th:each="task : ${taskList.tasks}">
+            <td><a th:href="@{/projects/{projectId}/tasks/{taskId}(projectId=${projectId},taskId=${task.id})}" th:text="${task.title}">Task</a></td>
+            <td th:text="${task.status}">TODO</td>
+            <td th:text="${task.dueDate ?: '—'}">—</td>
+        </tr>
+        </tbody>
+    </table>
+</main>
+</body>
+</html>