2 Commits

Author SHA1 Message Date
61e89fc36f 承認画面のレイアウト変更しました 2026-10-22 09:54:49 +09:00
10182adc6d layout Edit 2026-10-22 09:29:36 +09:00
3 changed files with 120 additions and 120 deletions

View File

@@ -30,8 +30,8 @@
<td th:text="${r.isbn}"></td> <td th:text="${r.isbn}"></td>
</tr> </tr>
<tr> <tr>
<th>書籍名</th> <th>書籍名</th>
<td th:text="${r.nmBook}" style="width: 700px;"></td> <td th:text="${r.nmBook}" style="width: 700px;"></td>
</tr> </tr>
<tr> <tr>
<th>出版社</th> <th>出版社</th>
@@ -50,31 +50,34 @@
<td th:text="${r.dateScheduledReturn}"></td> <td th:text="${r.dateScheduledReturn}"></td>
</tr> </tr>
</table> </table>
<div class="buttonSection" style="margin-top: 20px;">
<form th:action="@{/admin/applications/{id}/approve(id=${r.idRequest})}" method="post" <div class="buttonSection" style="margin-top: 20px;">
style="display: inline;">
<button type="submit">承認</button> <form th:action="@{/admin/applications/{id}/approve(id=${r.idRequest})}" method="post"
</form> style="display: inline;">
<button type="submit">承認</button>
</form>
<form th:action="@{/admin/applications/{id}/reject(id=${r.idRequest})}" method="post" <form th:action="@{/admin/applications/{id}/reject(id=${r.idRequest})}" method="post"
style="display: inline; margin-left: 10px;"> style="display: inline; margin-left: 10px;">
<button type="submit" class="sub">却下</button> <button type="submit" class="sub">却下</button>
</form> </form>
</div> <a th:href="@{/admin/applications}" style="text-decoration: none; margin-left: 10px;">
<button type="button" class="sub">承認待ち一覧に戻る</button>
</a>
</div>
<br>
<a th:href="@{/admin/applications}">承認待ち一覧へ戻る</a>
<script>
function logoutSubmit() {
if (confirm("ログアウトしますか?")) { <script>
window.location.href = "/logout"; function logoutSubmit() {
if (confirm("ログアウトしますか?")) {
window.location.href = "/logout";
}
} }
} </script>
</script>
</div> </div>
</main> </main>
</body> </body>

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><button type="submit">登録確認</button>
<a class="btn sub" th:href="@{/menu}">メニューへ戻る</a>
</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>