From 4e3477af77d60204e34b233881f962caf87405fd Mon Sep 17 00:00:00 2001
From: n-kawahito <n-kawahito@iij.ad.jp>
Date: Thu, 17 Sep 2026 16:07:35 +0900
Subject: [PATCH] =?UTF-8?q?[EDIT]=E5=88=86=E6=9E=90=E5=80=A4=E3=81=AE+-?=
 =?UTF-8?q?=E8=A1=A8=E8=A8=98=E3=81=A8=E8=89=B2=E5=88=86=E3=81=91=E3=81=AB?=
 =?UTF-8?q?=E3=81=A4=E3=81=84=E3=81=A6=E8=A8=98=E8=BF=B0=E3=81=97=E3=81=BE?=
 =?UTF-8?q?=E3=81=97=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/resources/templates/analysis.html | 31 +++++++++++++++++-----
 1 file changed, 25 insertions(+), 6 deletions(-)

diff --git a/src/main/resources/templates/analysis.html b/src/main/resources/templates/analysis.html
index 9415ae2..55201dd 100644
--- a/src/main/resources/templates/analysis.html
+++ b/src/main/resources/templates/analysis.html
@@ -12,7 +12,7 @@
 	<table class="table text-center">
         <thead>
 	        <tr>
-                <th scope="col">カテゴリ別</th>
+                <th scope="col"></th>
 			    <th scope="col">支出</th>
 			    <th scope="col">前月比</th>
 			</tr>
@@ -20,8 +20,17 @@
         <tbody>
 			<tr>
 		      <th scope="row">総支出</th>
-			      <td th:text="'￥' + ${analysisForm.currentMonthTotalAmount}">0</td>
-			      <td th:text="'￥' + ${analysisForm.totalDifferenceAmount}">0</td>
+			      <td th:text="'￥' + ${analysisForm.currentMonthTotalAmount}">
+					0
+				  </td>
+			      <td th:text="${analysisForm.totalDifferenceAmount >= 0}
+					      ? '+' + ${analysisForm.totalDifferenceAmount}
+						  : '-' + ${analysisForm.totalDifferenceAmount}"
+				      th:class="${analysisForm.totalDifferenceAmount >= 0}
+					      ? 'color-danger;'
+						  : 'color-primary;'">
+					0
+				  </td>
 		      </tr>
 		</tbody>
 	</table>
@@ -44,7 +53,7 @@
 		<tr th:each="category : ${analysisForm.categoryAnalysisFormList}">
 			
 	      <th scope="row"
-		      th;text="${category.categoryName}">
+		      th:text="${category.categoryName}">
 			  食費
 		  </th>
 		  
@@ -53,10 +62,20 @@
 		  </td>
 		  
 	      <td>
-			<span th:text="'￥' + ${category.monthDifferenceAmount}">
+			<span th:text="${category.monthDifferenceAmount >= 0}
+			          ? '+' + ${category.monthDifferenceAmount}
+				      : '-' + ${category.monthDifferenceAmount}"
+			      th:class="${category.monthDifferenceAmount >= 0}
+				      ? 'color-danger;'
+				  	  : 'color-primary;'">
 			</span>
 			<br>
-			<span th:text="'￥' + ${category.courseDifferenceAmount}">
+			<span th:text="${category.courseDifferenceAmount >= 0}
+				      ? '+' + ${category.courseDifferenceAmount}
+					  : '-' + ${category.courseDifferenceAmount}"
+			      th:class="${category.courseDifferenceAmount >= 0}
+				      ? 'color-danger;'
+				      : 'color-primary;'">
 			</span>
 		  </td>
 	    </tr>