5 Commits

7 changed files with 181 additions and 196 deletions

View File

@@ -9,6 +9,7 @@
<body> <body>
<div th:replace="~{fragments/header :: header}"></div> <div th:replace="~{fragments/header :: header}"></div>
<main class="complete-container">
<h1>完了</h1> <h1>完了</h1>
<div class="info" th:text="${message} ?:'書籍貸出申請を承認しました。'"></div> <div class="info" th:text="${message} ?:'書籍貸出申請を承認しました。'"></div>
@@ -16,7 +17,7 @@
<a class="btn" th:href="@{/admin/applications}">承認待ち一覧に戻る</a> <a class="btn" th:href="@{/admin/applications}">承認待ち一覧に戻る</a>
<a class="btn sub" th:href="@{/menu}">メニューに戻る</a> <a class="btn sub" th:href="@{/menu}">メニューに戻る</a>
</p> </p>
</main>
</body> </body>
</html> </html>

View File

@@ -9,74 +9,77 @@
<body> <body>
<div th:replace="~{fragments/header :: header}"></div> <div th:replace="~{fragments/header :: header}"></div>
<h1> <main>
書籍貸出承認確認    <h1>書籍貸出承認確認</h1>
<div class="card">
<table>
<tr>
<th>申請ID</th>
<td th:text="${r.idRequest}"></td>
</tr>
<tr>
<th>申請者名</th>
<td th:text="${r.nmApplicant}"></td>
</tr>
<tr>
<th>申請日</th>
<td th:text="${r.dateRequest}"></td>
</tr>
<tr>
<th>ISBN</th>
<td th:text="${r.isbn}"></td>
</tr>
<tr>
<th>書籍名</th>
<td th:text="${r.nmBook}" style="width: 700px;"></td>
</tr>
<tr>
<th>出版社</th>
<td th:text="${r.publisher}"></td>
</tr>
<tr>
<th>特記事項</th>
<td th:text="${r.note}"></td>
</tr>
<tr>
<th>貸出日</th>
<td th:text="${r.dateBorrow}"></td>
</tr>
<tr>
<th>返却予定日</th>
<td th:text="${r.dateScheduledReturn}"></td>
</tr>
</table>
</h1> <div class="buttonSection" style="margin-top: 20px;">
<form th:action="@{/admin/applications/{id}/approve(id=${r.idRequest})}" method="post"
style="display: inline;">
<button type="submit">承認</button>
</form>
<table> <form th:action="@{/admin/applications/{id}/reject(id=${r.idRequest})}" method="post"
<tr> style="display: inline; margin-left: 10px;">
<th class="header">申請ID</th> <button type="submit" class="sub">却下</button>
<td><input type="text" readonly="readonly" th:value="${r.idRequest}" /></td> </form>
</tr> <a th:href="@{/admin/applications}" style="text-decoration: none; margin-left: 10px;">
<tr> <button type="button" class="sub">承認待ち一覧に戻る</button>
<th class="header">申請者名</th> </a>
<td><input type="text" readonly="readonly" th:value="${r.nmApplicant}" /></td> </div>
</tr>
<tr>
<th class="header">申請日</th>
<td><input type="text" readonly="readonly" th:value="${r.dateRequest}" /></td>
</tr>
<tr>
<th class="header">ISBN</th>
<td><input type="text" readonly="readonly" th:value="${r.isbn}" /></td>
</tr>
<tr>
<th class="header">書籍名</th>
<td><input type="text" readonly="readonly" th:value="${r.nmBook}" style="width: 300px;" /></td>
</tr>
<tr>
<th class="header">出版社</th>
<td><input type="text" readonly="readonly" th:value="${r.publisher}" /></td>
</tr>
<tr>
<th class="header">特記事項</th>
<td><input type="text" readonly="readonly" th:value="${r.note}" /></td>
</tr>
<tr>
<th class="header">貸出日</th>
<td><input type="text" readonly="readonly" th:value="${r.dateBorrow}" /></td>
</tr>
<tr>
<th class="header">返却予定日</th>
<td><input type="text" readonly="readonly" th:value="${r.dateScheduledReturn}" /></td>
</tr>
</table>
<div class="buttonSection" style="margin-top: 20px;">
<form th:action="@{/admin/applications/{id}/approve(id=${r.idRequest})}" method="post" style="display: inline;">
<button type="submit">承認</button>
</form>
<form th:action="@{/admin/applications/{id}/reject(id=${r.idRequest})}" method="post"
style="display: inline; margin-left: 10px;">
<button type="submit">却下</button>
</form>
</div>
<br>
<a th:href="@{/admin/applications}">承認待ち一覧へ戻る</a>
<script> <script>
function logoutSubmit() { function logoutSubmit() {
if (confirm("ログアウトしますか?")) { if (confirm("ログアウトしますか?")) {
window.location.href = "/logout"; window.location.href = "/logout";
} }
} }
</script> </script>
</div>
</main>
</body> </body>
</html> </html>

View File

@@ -1,23 +1,25 @@
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"> <html xmlns:th="http://www.thymeleaf.org">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>書籍貸出申請</title> <title>書籍貸出申請</title>
<link rel="stylesheet" th:href="@{/css/style.css}"> <link rel="stylesheet" th:href="@{/css/style.css}">
</head> </head>
<body> <body>
<div th:replace="~{fragments/header :: header}"></div> <div th:replace="~{fragments/header :: header}"></div>
<h1>却下</h1> <main class="complete-container">
<div class="info" th:text="${message} ?: '書籍貸出申請を却下しました。'"></div> <h1>却下</h1>
<div class="info" th:text="${message} ?: '書籍貸出申請を却下しました。'"></div>
<p> <p>
<a class="btn" th:href="@{/admin/applications}">承認待ち一覧に戻る</a> <a class="btn" th:href="@{/admin/applications}">承認待ち一覧に戻る</a>
<a class="btn sub" th:href="@{/menu}">メニューに戻る</a> <a class="btn sub" th:href="@{/menu}">メニューに戻る</a>
</p> </p>
</main>
</body>
</body>
</html> </html>

View File

@@ -1,20 +0,0 @@
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>社員登録完了画面</title>
<link rel="stylesheet" th:href="@{/css/style.css}">
</head>
<body>
<!-- 共通ヘッダー -->
<div th:replace="~{fragments/header :: header}"></div>
<main class="complete-container">
<h2>社員登録完了</h2>
<p th:text="${message != null ? message : '社員登録が完了しました。'}">
社員登録が完了しました。
</p>
<a th:href="@{/menu}">メニューへ戻る</a>
</main>
</body>
</html>

View File

@@ -72,13 +72,14 @@
<input type="hidden" th:field="*{flgAdmin}"> <input type="hidden" th:field="*{flgAdmin}">
<!-- ボタン:左に戻る、右に登録 --> <!-- ボタン:左に戻る、右に登録 -->
<div style="display: flex; <!-- <div style="display: flex;-->
justify-content: space-between; <!-- justify-content: space-between;-->
align-items: center; <!-- align-items: center;-->
width: 100%; <!-- width: 100%;-->
margin-top: 20px;"> <!-- margin-top: 20px;">-->
<!-- 社員情報入力に戻る --> <!-- 社員情報入力に戻る -->
<p>
<a class="btn sub" <a class="btn sub"
th:href="@{/admin/employees/new}"> th:href="@{/admin/employees/new}">
社員情報入力に戻る 社員情報入力に戻る
@@ -88,8 +89,8 @@
<button type="submit" class="btn"> <button type="submit" class="btn">
登録 登録
</button> </button>
</p>
</div>
</form> </form>

View File

@@ -1,121 +1,117 @@
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"> <html xmlns:th="http://www.thymeleaf.org">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>社員登録</title> <title>社員登録</title>
<link rel="stylesheet" th:href="@{/css/style.css}"> <link rel="stylesheet" th:href="@{/css/style.css}">
</head> </head>
<body> <body>
<!-- 共通ヘッダー --> <!-- 共通ヘッダー -->
<div th:replace="~{fragments/header :: header}"></div> <div th:replace="~{fragments/header :: header}"></div>
<main> <main>
<h2>社員登録</h2> <h2>社員登録</h2>
<!-- 入力エラー表示 --> <!-- 入力エラー表示 -->
<div class="error" <div class="error" th:if="${errors != null and !errors.isEmpty()}">
th:if="${errors != null and !errors.isEmpty()}"> <p th:each="error : ${errors}" th:text="${error}">
<p th:each="error : ${errors}" </p>
th:text="${error}"> </div>
</p>
</div>
<!-- 社員登録フォーム --> <!-- 社員登録フォーム -->
<div class="card"> <div class="card">
<form th:action="@{/admin/employees/new/confirm}" <form th:action="@{/admin/employees/new/confirm}" th:object="${form}" method="post">
th:object="${form}"
method="post">
<!-- 社員名 --> <!-- 社員名 -->
<div> <div>
<label for="nmEmployee">社員名</label> <label for="nmEmployee">社員名</label>
<input type="text" <input type="text" id="nmEmployee" th:field="*{nmEmployee}">
id="nmEmployee" </div>
th:field="*{nmEmployee}">
</div>
<!-- 社員名よみ --> <!-- 社員名よみ -->
<div> <div>
<label for="knEmployee">社員名よみ</label> <label for="knEmployee">社員名よみ</label>
<input type="text" <input type="text" id="knEmployee" th:field="*{knEmployee}">
id="knEmployee" </div>
th:field="*{knEmployee}">
</div>
<!-- メールアドレス --> <!-- メールアドレス -->
<div> <div>
<label for="mailAddress">メールアドレス</label> <label for="mailAddress">メールアドレス</label>
<input type="email" <input type="email" id="mailAddress" th:field="*{mailAddress}">
id="mailAddress" </div>
th:field="*{mailAddress}">
</div>
<!-- パスワード --> <!-- パスワード -->
<div> <div>
<label for="password">パスワード</label> <label for="password">パスワード</label>
<input type="password" <input type="password" id="password" th:field="*{password}">
id="password" </div>
th:field="*{password}"> <label for="flgAdmin">管理者フラグ</label>
</div> <select id="flgAdmin" name="flgAdmin">
<option value="0" th:selected="${form.flgAdmin == '0'}">0:一般</option>
<option value="1" th:selected="${form.flgAdmin == '1'}">1:管理者</option>
</select>
<p><a class="btn sub" th:href="@{/menu}">メニューへ戻る</a>
<button type="submit">登録確認</button>
</p>
<!-- 権限:枠線なし・横並び --> <!-- 権限:枠線なし・横並び -->
<div style="border: none; <!-- <div style="border: none;-->
display: flex; <!-- display: flex;-->
flex-direction: row; <!-- flex-direction: row;-->
align-items: center; <!-- align-items: center;-->
gap: 25px; <!-- gap: 25px;-->
margin: 15px 0 25px;"> <!-- margin: 15px 0 25px;">-->
<label style="display: inline-flex; <!-- <label style="display: inline-flex;-->
align-items: center; <!-- align-items: center;-->
gap: 5px; <!-- gap: 5px;-->
white-space: nowrap;"> <!-- white-space: nowrap;">-->
<input type="radio" <!-- <input type="radio"-->
th:field="*{flgAdmin}" <!-- th:field="*{flgAdmin}"-->
value="1"> <!-- value="1">-->
管理者 <!-- 管理者-->
</label> <!-- </label>-->
<label style="display: inline-flex; <!-- <label style="display: inline-flex;-->
align-items: center; <!-- align-items: center;-->
gap: 5px; <!-- gap: 5px;-->
white-space: nowrap;"> <!-- white-space: nowrap;">-->
<input type="radio" <!-- <input type="radio"-->
th:field="*{flgAdmin}" <!-- th:field="*{flgAdmin}"-->
value="0"> <!-- value="0">-->
一般ユーザー <!-- 一般ユーザー-->
</label> <!-- </label>-->
</div> <!-- </div>-->
<!-- ボタン:左に戻る・右に確認 --> <!-- ボタン:左に戻る・右に確認 -->
<div style="display: flex; <!-- <div style="display: flex;-->
justify-content: space-between; <!-- justify-content: space-between;-->
align-items: center; <!-- align-items: center;-->
width: 100%; <!-- width: 100%;-->
margin-top: 20px;"> <!-- margin-top: 20px;">-->
<a class="btn sub" <!-- <a class="btn sub"-->
th:href="@{/menu}"> <!-- th:href="@{/menu}">-->
メニューに戻る <!-- メニューに戻る-->
</a> <!-- </a>-->
<button type="submit" class="btn"> <!-- <button type="submit" class="btn">-->
確認 <!-- 確認-->
</button> <!-- </button>-->
</div> <!-- </div>-->
</form> </form>
</div> </div>
</main> </main>
</body> </body>
</html> </html>

View File

@@ -9,6 +9,7 @@
<body> <body>
<div th:replace="~{fragments/header :: header}"></div> <div th:replace="~{fragments/header :: header}"></div>
<main class="complete-container">
<h1>返却完了</h1> <h1>返却完了</h1>
<div class="info" th:text="${message} ?: '書籍の返却が完了しました。'"></div> <div class="info" th:text="${message} ?: '書籍の返却が完了しました。'"></div>
@@ -16,6 +17,7 @@
<a class="btn" th:href="@{/admin/lendings}">貸出中書籍一覧に戻る</a> <a class="btn" th:href="@{/admin/lendings}">貸出中書籍一覧に戻る</a>
<a class="btn sub" th:href="@{/menu}">メニューに戻る</a> <a class="btn sub" th:href="@{/menu}">メニューに戻る</a>
</p> </p>
</main>
</body> </body>
</html> </html>