From 95bfd4ed0efa29bc940b4a450eb977379a3b5a9f Mon Sep 17 00:00:00 2001
From: s-choi <choi-suyeong@iij.ad.jp>
Date: Thu, 24 Sep 2026 15:34:43 +0900
Subject: [PATCH] =?UTF-8?q?[ADD]=20=E3=82=AB=E3=83=86=E3=82=B4=E3=83=AA?=
 =?UTF-8?q?=E3=81=AE=E4=B8=80=E8=A6=A7=E3=83=BB=E4=BD=9C=E6=88=90=E3=83=BB?=
 =?UTF-8?q?=E4=BF=AE=E6=AD=A3=E7=94=BB=E9=9D=A2=E3=82=92=E4=BD=9C=E6=88=90?=
 =?UTF-8?q?=E3=81=97=E3=81=BE=E3=81=97=E3=81=9F=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../resources/templates/category-create.html  | 52 +++++++++++++++
 .../resources/templates/category-list.html    | 63 +++++++++++++++++++
 .../resources/templates/category-update.html  | 54 ++++++++++++++++
 3 files changed, 169 insertions(+)
 create mode 100644 src/main/resources/templates/category-create.html
 create mode 100644 src/main/resources/templates/category-list.html
 create mode 100644 src/main/resources/templates/category-update.html

diff --git a/src/main/resources/templates/category-create.html b/src/main/resources/templates/category-create.html
new file mode 100644
index 0000000..1b5721d
--- /dev/null
+++ b/src/main/resources/templates/category-create.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	<meta charset="UTF-8">
+	<title>Insert title here</title>
+	<link rel="stylesheet" th:href="@{/css/menu.css}">
+
+	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
+</head>
+
+<body class="pb-5 pt-5">
+
+	<div th:replace="~{header :: header}"></div>
+
+	<h1>カテゴリ登録</h1>
+
+	<form th:action="@{/category/create}" th:object="${categoryForm}" method="post">
+
+
+		<div>
+			<label for="categoryName">カテゴリ名</label>
+
+			<input type="text" id="categoryName" th:field="*{categoryName}">
+		</div>
+
+		<br>
+
+		<div>
+			<label for="transactionType">収入・支出</label>
+
+			<select id="transactionType" th:field="*{transactionType}">
+
+				<option value="">選択してください</option>
+				<option value="0">支出</option>
+				<option value="1">収入</option>
+
+			</select>
+		</div>
+
+		<br>
+
+		<button type="submit">登録</button>
+
+	</form>
+
+	<div th:replace="~{footer :: footer}"></div>
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/category-list.html b/src/main/resources/templates/category-list.html
new file mode 100644
index 0000000..3b84106
--- /dev/null
+++ b/src/main/resources/templates/category-list.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org">
+
+<head>
+	<meta charset="UTF-8">
+	<title>カテゴリ一覧</title>
+	<link rel="stylesheet" th:href="@{/css/transaction_detail.css}">
+
+	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
+</head>
+
+<body class="pb-5 pt-5">
+
+	<div th:replace="~{header :: header}"></div>
+
+	<div>
+		<ul>
+			<li th:each="categoryForm : ${categoryFormList}" class="transaction-item">
+
+				<div>
+					<p>
+						カテゴリ名：
+						<span th:text="${categoryForm.categoryName}"></span>
+						<br>
+						収支区分：
+						<span th:if="${categoryForm.transactionType == 0}" th:text="|支出|"></span>
+						<span th:if="${categoryForm.transactionType == 1}" th:text="|収入|"></span>
+					</p>
+				</div>
+
+				<div class="transaction-buttons">
+
+					<form th:action="@{/category/delete}" method="post">
+						<input type="hidden" name="today" th:value="${today}">
+						<input type="hidden" name="categoryId" th:value="${categoryForm.categoryId}">
+						<button type="submit">削除</button>
+					</form>
+
+					<form th:action="@{/category/update}" method="get">
+						<input type="hidden" name="today" th:value="${today}">
+						<input type="hidden" name="categoryId" th:value="${categoryForm.categoryId}">
+						<button type="submit">編集</button>
+					</form>
+
+				</div>
+
+				<hr>
+				<hr>
+			</li>
+		</ul>
+	</div>
+
+
+
+	<form th:action="@{/category/create}" method="get">
+		<input type="hidden" name="today" id="today" th:value="${today}">
+		<button type="submit">新規登録</button>
+	</form>
+
+	<div th:replace="~{footer :: footer}"></div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/category-update.html b/src/main/resources/templates/category-update.html
new file mode 100644
index 0000000..75d817b
--- /dev/null
+++ b/src/main/resources/templates/category-update.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	<meta charset="UTF-8">
+	<title>Insert title here</title>
+	<link rel="stylesheet" th:href="@{/css/menu.css}">
+
+	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
+</head>
+
+<body class="pb-5 pt-5">
+
+	<div th:replace="~{header :: header}"></div>
+
+	<h1>カテゴリ編集</h1>
+
+	<form th:action="@{/category/update}" th:object="${categoryForm}" method="post">
+
+
+		<div>
+			<label for="categoryName">カテゴリ名</label>
+
+			<input type="text" id="categoryName" th:field="*{categoryName}">
+		</div>
+
+		<br>
+
+		<div>
+			<label for="transactionType">収入・支出</label>
+
+			<select id="transactionType" th:field="*{transactionType}">
+
+				<option value="">選択してください</option>
+				<option value="0">支出</option>
+				<option value="1">収入</option>
+
+			</select>
+		</div>
+
+		<br>
+		
+		<input type="hidden" name="categoryId" th:value="${categoryId}">
+
+		<button type="submit">登録</button>
+
+	</form>
+
+	<div th:replace="~{footer :: footer}"></div>
+
+
+</body>
+
+</html>
\ No newline at end of file