From 177b326baaa7ff624c00e412602d6e1e3ba71a7d Mon Sep 17 00:00:00 2001
From: h-seya <2026_04_00278@it-college.co.jp>
Date: Wed, 30 Sep 2026 09:50:34 +0900
Subject: [PATCH] =?UTF-8?q?[ADD]:=E3=83=88=E3=83=83=E3=83=97=E3=83=A1?=
 =?UTF-8?q?=E3=83=8B=E3=83=A5=E3=83=BC=E3=81=AB=E6=88=BB=E3=82=8B=E3=83=9C?=
 =?UTF-8?q?=E3=82=BF=E3=83=B3=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/resources/templates/bookLend.html | 13 ++--
 src/main/resources/templates/lendList.html | 78 ++++++++++++----------
 2 files changed, 50 insertions(+), 41 deletions(-)

diff --git a/src/main/resources/templates/bookLend.html b/src/main/resources/templates/bookLend.html
index 888c47d..3222b7d 100644
--- a/src/main/resources/templates/bookLend.html
+++ b/src/main/resources/templates/bookLend.html
@@ -12,6 +12,12 @@
 		図書貸出処理
 	</h1>
 
+	<div class="float-end">
+		<a th:href="@{/topmenu}">
+			トップメニューへ
+		</a>
+	</div>
+
 	<p>
 		以下の図書を貸出します。貸出先の社員IDと返却予定日を入力してください。
 	</p>
@@ -20,8 +26,7 @@
 		図書情報
 	</h2>
 
-	<form th:action="@{/bookLend/confirm}" method="POST"
-			id="lendForm">
+	<form th:action="@{/bookLend/confirm}" method="POST" id="lendForm">
 
 		<div class="card-body">
 			<table class="info-table">
@@ -36,7 +41,7 @@
 
 				<tbody>
 					<tr>
-<!--						<td th:hidden="*{book.bookId}"></td>-->
+						<!--						<td th:hidden="*{book.bookId}"></td>-->
 						<td th:text="*{book.bookManageId}"></td>
 						<td th:text="*{book.title}"></td>
 						<td th:text="*{book.author}"></td>
@@ -112,7 +117,7 @@
 		<p>
 			貸出処理を行うと、対象の図書のステータスが「貸出中」に変更されます。
 		</p>
-		
+
 		<input type="hidden" name="bookManageId" th:value="${book.bookManageId}">
 		<input type="hidden" name="bookId" th:value="${book.bookId}">
 
diff --git a/src/main/resources/templates/lendList.html b/src/main/resources/templates/lendList.html
index d000161..4405871 100644
--- a/src/main/resources/templates/lendList.html
+++ b/src/main/resources/templates/lendList.html
@@ -10,53 +10,57 @@
 <body>
 	<h1>貸出中図書一覧</h1>
 
-	
-		<table>
-
-			<thead>
-				<tr>
-					<th>社員ID</th>
-					<th>社員名</th>
-					<th>管理ID</th>
-					<th>タイトル</th>
-					<th>返却予定日</th>
-
-				</tr>
-			</thead>
+	<div class="float-end">
+		<a th:href="@{/topmenu}">トップメニューへ</a>
+	</div>
 
 
-			<tbody>
-				<tr th:each="booklist : ${list}">
+	<table>
 
-					<td th:text="*{booklist.employeeBooklend.employeeId}"></td>
-					<td th:text="*{booklist.employeeBooklend.employeeName}"></td>
-					<td th:text="*{booklist.book.bookManageId}"></td>
-					<td th:text="*{booklist.book.title}"></td>
-					<td th:text="*{booklist.bookReturnDate}"></td>
+		<thead>
+			<tr>
+				<th>社員ID</th>
+				<th>社員名</th>
+				<th>管理ID</th>
+				<th>タイトル</th>
+				<th>返却予定日</th>
+
+			</tr>
+		</thead>
 
 
-					<td>
-						<form th:action="@{/return-book}" method="get">
-							<button type="submit" name="lendId" th:value="${booklist.lendId}"
-								onclick="return MoveCheck();">返却
-							</button>
-						</form>
-					</td>
+		<tbody>
+			<tr th:each="booklist : ${list}">
 
-				</tr>
-				
-			</tbody>
-			
-		</table>
+				<td th:text="*{booklist.employeeBooklend.employeeId}"></td>
+				<td th:text="*{booklist.employeeBooklend.employeeName}"></td>
+				<td th:text="*{booklist.book.bookManageId}"></td>
+				<td th:text="*{booklist.book.title}"></td>
+				<td th:text="*{booklist.bookReturnDate}"></td>
 
 
-		<script>
+				<td>
+					<form th:action="@{/return-book}" method="get">
+						<button type="submit" name="lendId" th:value="${booklist.lendId}"
+							onclick="return MoveCheck();">返却
+						</button>
+					</form>
+				</td>
 
-			function MoveCheck() {
-				return window.confirm("返却処理を実行します。よろしいですか？");
-			}
+			</tr>
 
-		</script>
+		</tbody>
+
+	</table>
+
+
+	<script>
+
+		function MoveCheck() {
+			return window.confirm("返却処理を実行します。よろしいですか？");
+		}
+
+	</script>
 
 </body>