[ADD] 貸出中図書一覧の返却処理を追加しました。

src/main/resources/templates/bookLendResult.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org">
+
+<head>
+	<meta charset="UTF-8">
+	<title>貸出中図書、返却処理結果画面</title>
+	<link rel="stylesheet" th:href="@{/css/style.css}">
+</head>
+
+<body>
+	<h1>返却処理が完了しました。</h1>
+
+	<td>
+		<form th:action="@{/lendList}" method="get">
+			<button type="submit" th:value="貸出">貸出中図書一覧に戻る</button>
+	</td>
+	
+</body>
+
+</html>

src/main/resources/templates/lendList.html

@@ -10,69 +10,53 @@
 <body>
 	<h1>貸出中図書一覧</h1>
 
-	<!-- action先要修正 -->
-	<form action="/lendList" method="GET">
-		<input type="submit" value="返却" class="btn">
-
-
+	
 		<table>
+
+			<thead>
+				<tr>
+					<th>社員ID</th>
+					<th>社員名</th>
+					<th>管理ID</th>
+					<th>タイトル</th>
+					<th>返却予定日</th>
+
+				</tr>
+			</thead>
+
+
+			<tbody>
+				<tr th:each="booklist : ${list}">
+
+					<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>
+
+
+					<td>
+						<form th:action="@{/return-book}" method="get">
+							<button type="submit" name="lendId" th:value="${booklist.lendId}"
+								onclick="return MoveCheck();">返却
+							</button>
+						</form>
+					</td>
+
+				</tr>
+				
+			</tbody>
 			
-		<thead>
-			<tr>
-				<th>社員ID</th>
-				<th>社員名</th>
-				<th>管理ID</th>
-				<th>タイトル</th>
-				<th>返却予定日</th>
-				<th>超過日数</th>
-			</tr>
-		</thead>
-
-
-		<tbody>
-			<tr th:each="booklist : ${list}">
-
-				<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>
-<!--				<td th:text="*{booklist.}"></td>-->
-			</tr>
-		</tbody>
 		</table>
-		
-		
-	</form>
-
-	<!-- 以下ポップアップ -->
-	<div id="registerModal" class="modal-overlay">
-
-		<div class="modal">
-
-			<div class="modal-message">
-				返却処理が完了しました！
-			</div>
-
-			<div class="modal-buttons">
-
-				<!-- OK -->
-				<form method="get" action="/lendList">
-
-					<button type="submit" class="modal-btn">
-						OK
-					</button>
-
-				</form>
 
 
+		<script>
 
-			</div>
-
-		</div>
-
-	</div>
+			function MoveCheck() {
+				return window.confirm("返却処理を実行します。よろしいですか？");
+			}
 
+		</script>
 
 </body>