Merge branch 't-eguchi' of https://gitea.it-college.co.jp/2026_0910_AI_5G_Java_MUN/last-group-delevelopment-team2 into m_shimizu

book-rent/src/main/resources/templates/employeeRegistConfirm.html

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

book-rent/src/main/resources/templates/employeeRegistInput.html

@@ -1,69 +1,121 @@
+
 <!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>
+    <title>社員登録</title>
     <link rel="stylesheet" th:href="@{/css/style.css}">
 </head>
+
 <body>
+
     <!-- 共通ヘッダー -->
     <div th:replace="~{fragments/header :: header}"></div>
-    <!-- 社員登録入力画面 -->
+
     <main>
         <h2>社員登録</h2>
+
         <!-- 入力エラー表示 -->
-        <div th:if="${errors != null and !errors.isEmpty()}">
+        <div class="error"
+             th:if="${errors != null and !errors.isEmpty()}">
             <p th:each="error : ${errors}"
-               th:text="${error}"
-               class="error">
+               th:text="${error}">
             </p>
         </div>
+
+        <!-- 社員登録フォーム -->
+        <div class="card">
+
             <form th:action="@{/admin/employees/new/confirm}"
                   th:object="${form}"
                   method="post">
+
+                <!-- 社員名 -->
                 <div>
                     <label for="nmEmployee">社員名</label>
                     <input type="text"
                            id="nmEmployee"
                            th:field="*{nmEmployee}">
                 </div>
+
+                <!-- 社員名よみ -->
                 <div>
                     <label for="knEmployee">社員名よみ</label>
                     <input type="text"
                            id="knEmployee"
                            th:field="*{knEmployee}">
                 </div>
+
+                <!-- メールアドレス -->
                 <div>
                     <label for="mailAddress">メールアドレス</label>
                     <input type="email"
                            id="mailAddress"
                            th:field="*{mailAddress}">
                 </div>
+
+                <!-- パスワード -->
                 <div>
                     <label for="password">パスワード</label>
                     <input type="password"
                            id="password"
                            th:field="*{password}">
                 </div>
-            <fieldset>
-                <legend>権限</legend>
-                <label>
-                    <input type="radio"
-                           th:field="*{flgAdmin}"
-                           value="0">
-                    一般
-                </label>
-                <label>
+
+                <!-- 権限：枠線なし・横並び -->
+                <div style="border: none;
+                            display: flex;
+                            flex-direction: row;
+                            align-items: center;
+                            gap: 25px;
+                            margin: 15px 0 25px;">
+
+                    <label style="display: inline-flex;
+                                  align-items: center;
+                                  gap: 5px;
+                                  white-space: nowrap;">
                         <input type="radio"
                                th:field="*{flgAdmin}"
                                value="1">
                         管理者
                     </label>
-            </fieldset>
-            <button type="submit">登録確認</button>
+
+                    <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>
-        <a th:href="@{/menu}">メニューへ戻る</a>
+
+        </div>
     </main>
+
 </body>
 </html>