Merge branch 'y-kumaki' of https://gitea.it-college.co.jp/2026_09_5H_Spring_KIZAKI/ShareBooks_new into h-seya
# Conflicts: # src/main/java/com/example/demo/repository/BookLendRepository.java # src/main/java/com/example/demo/service/BookLendService.java
This commit is contained in:
h-seya
@@ -1,32 +1,201 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>図書貸出処理</title>
|
||||
<meta charset="UTF-8">
|
||||
<title>図書貸出処理</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
図書貸出処理
|
||||
<form id="loanForm"action="bookLendConfirmation" method="post">
|
||||
<div class="button-area">
|
||||
|
||||
<div class="right-buttons">
|
||||
<button type="button" class="btn btn-primary"
|
||||
onclick="submitLoan()">貸出する</button>
|
||||
</div>
|
||||
</div>
|
||||
<h1>
|
||||
図書貸出処理
|
||||
</h1>
|
||||
|
||||
</form>
|
||||
|
||||
<script>
|
||||
|
||||
function submitLoan() {
|
||||
<p>
|
||||
以下の図書を貸出します。貸出先と貸出日・返却予定日を入力してください。
|
||||
</p>
|
||||
|
||||
if (confirm('この図書を貸出しますか？')) {
|
||||
// OK選択時にフォーム送信を実行し、BookLendReturnControllerに処理を投げる
|
||||
document.getElementById('loanForm').submit();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<h2>
|
||||
図書情報
|
||||
</h2>
|
||||
|
||||
<div class="card-body">
|
||||
<table class="info-table">
|
||||
<tr>
|
||||
<th>
|
||||
図書管理ID
|
||||
</th>
|
||||
|
||||
<td>
|
||||
（図書管理IDをここに表示させる）
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
図書タイトル
|
||||
</th>
|
||||
|
||||
<td>
|
||||
（タイトルをここに表示させる）
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
著者名
|
||||
</th>
|
||||
|
||||
<td>
|
||||
（著者名をここに表示させる）
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
ISBN
|
||||
</th>
|
||||
|
||||
<td>
|
||||
（ISBNをここに表示させる）
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h2>
|
||||
社員情報
|
||||
</h2>
|
||||
|
||||
<div class="card">
|
||||
|
||||
<div class="form-row">
|
||||
|
||||
<label for="employeeSelect">
|
||||
社員ID
|
||||
</label>
|
||||
|
||||
<!-- <select th:field="*{employeeId}" onchange="this.form.action='/bookLend/employeeId';this.form.submit();">-->
|
||||
|
||||
<option value="">
|
||||
社員IDを選択してください
|
||||
</option>
|
||||
|
||||
<option th:each="employee : ${employeeList}" th:value="${employee.employeeId}">
|
||||
</option>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<label for="employeeName">
|
||||
社員名
|
||||
</label>
|
||||
|
||||
<input type="text" id="employeeName" value="" placeholder="社員名が表示されます" readonly>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<h2>
|
||||
貸出・返却日入力
|
||||
</h2>
|
||||
|
||||
<div class="date-section">
|
||||
|
||||
<div class="date-box">
|
||||
|
||||
<label>
|
||||
貸出日(自動取得)
|
||||
</label>
|
||||
|
||||
<input type="date" id="loanDate" name="loanDate" value="">
|
||||
|
||||
<div class="note">
|
||||
※ 現在の日付が自動で設定されます。
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="date-box">
|
||||
|
||||
<label>
|
||||
貸出期間日数
|
||||
</label>
|
||||
|
||||
<input type="text" id="loanDays" placeholder="日数を入力してください">
|
||||
|
||||
<div class="note">
|
||||
※ 数値（1以上）で入力してください。
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="date-box">
|
||||
|
||||
<label>
|
||||
返却予定日（必須）
|
||||
</label>
|
||||
|
||||
<input type="date" id="returnDate" name="returnDate">
|
||||
|
||||
<div class="note">
|
||||
※ カレンダーから日付を選択してください。
|
||||
</div>
|
||||
|
||||
<div class="error">
|
||||
※ 現在の日付より前は選択できません。
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="warning-area">
|
||||
|
||||
<strong>
|
||||
注意事項
|
||||
</strong>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
貸出処理を行うと、対象の図書のステータスが「貸出中」に変更されます。
|
||||
</li>
|
||||
|
||||
<li>
|
||||
返却予定日を必ず指定してください。
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<form id="lendForm" action="bookLendConfirmation" method="post">
|
||||
<div class="button-area">
|
||||
|
||||
<div class="right-buttons">
|
||||
<button type="button" class="btn btn-primary" onclick="submitLend()">
|
||||
貸出する
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
<script>
|
||||
|
||||
function submitLend() {
|
||||
|
||||
if (confirm('この図書を貸出しますか？')) {
|
||||
// OK選択時にフォーム送信を実行し、BookLendReturnControllerに処理を投げる
|
||||
document.getElementById('loanForm').submit();
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,17 +1,48 @@
|
||||
<!DOCTYPE html>
|
||||
<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>
|
||||
|
||||
|
||||
<!-- 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>
|
||||
<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>
|
||||
|
||||
<!-- 以下ポップアップ -->
|
||||
|
||||
Reference in New Issue
Block a user