6 Commits

Author SHA1 Message Date
m-shimizu
9c591c9ff2 登録確認ボタン_配置修正 2026-10-22 09:56:34 +09:00
61e89fc36f 承認画面のレイアウト変更しました 2026-10-22 09:54:49 +09:00
10182adc6d layout Edit 2026-10-22 09:29:36 +09:00
m-shimizu
e73b98e76d Merge branch 't-eguchi' of https://gitea.it-college.co.jp/2026_0910_AI_5G_Java_MUN/last-group-delevelopment-team2 into m_shimizu 2026-10-21 16:27:14 +09:00
m-shimizu
b36bce38e1 FR-09 2026-10-21 16:26:55 +09:00
da41c781df レイアウト変更を行いました 2026-10-21 16:22:56 +09:00
8 changed files with 258 additions and 200 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

@@ -12,7 +12,7 @@
<div class="info" th:text="${message} ?: '処理が完了しました。'"></div> <div class="info" th:text="${message} ?: '処理が完了しました。'"></div>
<p> <p>
<a class="btn" th:href="@{${backUrl}}" th:text="${backLabel}">戻る</a> <a class="btn" th:href="@{${backUrl}}" th:text="${backLabel}">戻る</a>
<a class="btn sub" th:href="@{/menu}">メニューに戻る</a> <!-- <a class="btn sub" th:href="@{/menu}">メニューに戻る</a>-->
</p> </p>
</main> </main>
</body> </body>

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

@@ -1,16 +1,22 @@
<!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>
<h1>社員登録確認</h1> <h2>社員登録確認</h2>
<!-- エラーメッセージ --> <!-- エラーメッセージ -->
<div class="error" <div class="error"
th:if="${errors != null and !errors.isEmpty()}"> th:if="${errors != null and !errors.isEmpty()}">
@@ -18,62 +24,78 @@
th:text="${error}"> th:text="${error}">
</p> </p>
</div> </div>
<!-- 登録内容確認 -->
<div class="card"> <div class="card">
<p>以下の内容で登録します。内容を確認してください。</p> <p>以下の内容で登録します。内容を確認してください。</p>
<!-- 登録ボタン -->
<form th:action="@{/admin/employees/new/execute}" <form th:action="@{/admin/employees/new/execute}"
th:object="${form}" th:object="${form}"
method="post"> method="post">
<!-- 登録内容一覧 -->
<table> <table>
<tr> <tbody>
<th>社員名</th> <tr>
<td th:text="*{nmEmployee}"></td> <th>社員名</th>
</tr> <td th:text="*{nmEmployee}"></td>
<tr> </tr>
<th>社員名よみ</th>
<td th:text="*{knEmployee}"></td> <tr>
</tr> <th>社員名よみ</th>
<tr> <td th:text="*{knEmployee}"></td>
<th>メールアドレス</th> </tr>
<td th:text="*{mailAddress}"></td>
</tr> <tr>
<tr> <th>メールアドレス</th>
<th>パスワード</th> <td th:text="*{mailAddress}"></td>
<td>********</td> </tr>
</tr>
<tr> <tr>
<th>権限</th> <th>パスワード</th>
<td th:text="*{flgAdmin == '1' ? '管理者' : '一般'}"></td> <td>********</td>
</tr> </tr>
<tr>
<th>権限</th>
<td th:text="*{flgAdmin == '1' ? '管理者' : '一般'}"></td>
</tr>
</tbody>
</table> </table>
<!-- 登録処理に必要な値を引き継ぐ --> <!-- 登録処理に必要な値を引き継ぐ -->
<input type="hidden" th:field="*{nmEmployee}"> <input type="hidden" th:field="*{nmEmployee}">
<input type="hidden" th:field="*{knEmployee}"> <input type="hidden" th:field="*{knEmployee}">
<input type="hidden" th:field="*{mailAddress}"> <input type="hidden" th:field="*{mailAddress}">
<input type="hidden" th:field="*{password}"> <input type="hidden" th:field="*{password}">
<input type="hidden" th:field="*{flgAdmin}"> <input type="hidden" th:field="*{flgAdmin}">
<div class="actions">
<!-- ボタン:左に戻る、右に登録 -->
<!-- <div style="display: flex;-->
<!-- justify-content: space-between;-->
<!-- align-items: center;-->
<!-- width: 100%;-->
<!-- margin-top: 20px;">-->
<!-- 社員情報入力に戻る -->
<p>
<a class="btn sub"
th:href="@{/admin/employees/new}">
社員情報入力に戻る
</a>
<!-- 登録 -->
<button type="submit" class="btn"> <button type="submit" class="btn">
登録 登録
</button> </button>
</div> </p>
</form>
<!-- 入力画面へ戻る -->
<form th:action="@{/admin/employees/new/input}"
th:object="${form}"
method="post">
<input type="hidden" th:field="*{nmEmployee}">
<input type="hidden" th:field="*{knEmployee}">
<input type="hidden" th:field="*{mailAddress}">
<input type="hidden" th:field="*{password}">
<input type="hidden" th:field="*{flgAdmin}">
<div class="back-link">
<button type="submit" class="sub">
社員情報入力に戻る
</button>
</div>
</form> </form>
</div> </div>
</main> </main>
</body> </body>
</html> </html>

View File

@@ -1,69 +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>
<h2>社員登録</h2> <main>
<!-- 入力エラー表示 --> <h2>社員登録</h2>
<div th:if="${errors != null and !errors.isEmpty()}">
<p th:each="error : ${errors}" <!-- 入力エラー表示 -->
th:text="${error}" <div class="error" th:if="${errors != null and !errors.isEmpty()}">
class="error"> <p th:each="error : ${errors}" th:text="${error}">
</p> </p>
</div> </div>
<form th:action="@{/admin/employees/new/confirm}"
th:object="${form}" <!-- 社員登録フォーム -->
method="post"> <div class="card">
<div>
<label for="nmEmployee">社員名</label> <form th:action="@{/admin/employees/new/confirm}" th:object="${form}" method="post">
<input type="text"
id="nmEmployee" <!-- 社員名 -->
th:field="*{nmEmployee}"> <div>
</div> <label for="nmEmployee">社員名</label>
<div> <input type="text" id="nmEmployee" th:field="*{nmEmployee}">
<label for="knEmployee">社員名よみ</label> </div>
<input type="text"
id="knEmployee" <!-- 社員名よみ -->
th:field="*{knEmployee}"> <div>
</div> <label for="knEmployee">社員名よみ</label>
<div> <input type="text" id="knEmployee" th:field="*{knEmployee}">
<label for="mailAddress">メールアドレス</label> </div>
<input type="email"
id="mailAddress" <!-- メールアドレス -->
th:field="*{mailAddress}"> <div>
</div> <label for="mailAddress">メールアドレス</label>
<div> <input type="email" id="mailAddress" th:field="*{mailAddress}">
<label for="password">パスワード</label> </div>
<input type="password"
id="password" <!-- パスワード -->
th:field="*{password}"> <div>
</div> <label for="password">パスワード</label>
<fieldset> <input type="password" id="password" th:field="*{password}">
<legend>権限</legend> </div>
<label> <label for="flgAdmin">管理者フラグ</label>
<input type="radio" <select id="flgAdmin" name="flgAdmin">
th:field="*{flgAdmin}" <option value="0" th:selected="${form.flgAdmin == '0'}">0:一般</option>
value="0"> <option value="1" th:selected="${form.flgAdmin == '1'}">1:管理者</option>
一般 </select>
</label> <p><a class="btn sub" th:href="@{/menu}">メニューへ戻る</a>
<label> <button type="submit">登録確認</button>
<input type="radio" </p>
th:field="*{flgAdmin}"
value="1"> <!-- 権限:枠線なし・横並び -->
管理者 <!-- <div style="border: none;-->
</label> <!-- display: flex;-->
</fieldset> <!-- flex-direction: row;-->
<button type="submit">登録確認</button> <!-- align-items: center;-->
</form> <!-- gap: 25px;-->
<a th:href="@{/menu}">メニューへ戻る</a> <!-- margin: 15px 0 25px;">-->
</main>
<!-- <label style="display: inline-flex;-->
<!-- align-items: center;-->
<!-- gap: 5px;-->
<!-- white-space: nowrap;">-->
<!-- <input type="radio"-->
<!-- th:field="*{flgAdmin}"-->
<!-- value="1">-->
<!-- 管理者-->
<!-- </label>-->
<!-- <label style="display: inline-flex;-->
<!-- align-items: center;-->
<!-- gap: 5px;-->
<!-- white-space: nowrap;">-->
<!-- <input type="radio"-->
<!-- th:field="*{flgAdmin}"-->
<!-- value="0">-->
<!-- 一般ユーザー-->
<!-- </label>-->
<!-- </div>-->
<!-- ボタン:左に戻る・右に確認 -->
<!-- <div style="display: flex;-->
<!-- justify-content: space-between;-->
<!-- align-items: center;-->
<!-- width: 100%;-->
<!-- margin-top: 20px;">-->
<!-- <a class="btn sub"-->
<!-- th:href="@{/menu}">-->
<!-- メニューに戻る-->
<!-- </a>-->
<!-- <button type="submit" class="btn">-->
<!-- 確認-->
<!-- </button>-->
<!-- </div>-->
</form>
</div>
</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>