From 10182adc6df1f95c6fc040101bc94372f718bff7 Mon Sep 17 00:00:00 2001
From: "h.hein" <26-h-kyaw-sakuracommunication@it-college.co.jp>
Date: Thu, 22 Oct 2026 09:29:36 +0900
Subject: [PATCH] layout Edit

---
 .../templates/employeeRegistConfirm.html      |  15 +-
 .../templates/employeeRegistInput.html        | 180 +++++++++---------
 2 files changed, 96 insertions(+), 99 deletions(-)

diff --git a/book-rent/src/main/resources/templates/employeeRegistConfirm.html b/book-rent/src/main/resources/templates/employeeRegistConfirm.html
index 84cd239..e6c8711 100644
--- a/book-rent/src/main/resources/templates/employeeRegistConfirm.html
+++ b/book-rent/src/main/resources/templates/employeeRegistConfirm.html
@@ -72,13 +72,14 @@
                 <input type="hidden" th:field="*{flgAdmin}">
 
                 <!-- ボタン：左に戻る、右に登録 -->
-                <div style="display: flex;
-                            justify-content: space-between;
-                            align-items: center;
-                            width: 100%;
-                            margin-top: 20px;">
+<!--                <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}">
                         社員情報入力に戻る
@@ -88,8 +89,8 @@
                     <button type="submit" class="btn">
                         登録
                     </button>
-
-                </div>
+					</p>
+			
 
             </form>
 
diff --git a/book-rent/src/main/resources/templates/employeeRegistInput.html b/book-rent/src/main/resources/templates/employeeRegistInput.html
index 6a0d209..d1ab577 100644
--- a/book-rent/src/main/resources/templates/employeeRegistInput.html
+++ b/book-rent/src/main/resources/templates/employeeRegistInput.html
@@ -1,121 +1,117 @@
-
 <!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}">
+	<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>
+	<!-- 共通ヘッダー -->
+	<div th:replace="~{fragments/header :: header}"></div>
 
-    <main>
-        <h2>社員登録</h2>
+	<main>
+		<h2>社員登録</h2>
 
-        <!-- 入力エラー表示 -->
-        <div class="error"
-             th:if="${errors != null and !errors.isEmpty()}">
-            <p th:each="error : ${errors}"
-               th:text="${error}">
-            </p>
-        </div>
+		<!-- 入力エラー表示 -->
+		<div class="error" th:if="${errors != null and !errors.isEmpty()}">
+			<p th:each="error : ${errors}" th:text="${error}">
+			</p>
+		</div>
 
-        <!-- 社員登録フォーム -->
-        <div class="card">
+		<!-- 社員登録フォーム -->
+		<div class="card">
 
-            <form th:action="@{/admin/employees/new/confirm}"
-                  th:object="${form}"
-                  method="post">
+			<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="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="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="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>
+				<!-- パスワード -->
+				<div>
+					<label for="password">パスワード</label>
+					<input type="password" id="password" th:field="*{password}">
+				</div>
+				<label for="flgAdmin">管理者フラグ</label>
+				<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;
-                            display: flex;
-                            flex-direction: row;
-                            align-items: center;
-                            gap: 25px;
-                            margin: 15px 0 25px;">
+				<!-- 権限：枠線なし・横並び -->
+				<!--                <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>
+				<!--                    <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>
+				<!--                    <label style="display: inline-flex;-->
+				<!--                                  align-items: center;-->
+				<!--                                  gap: 5px;-->
+				<!--                                  white-space: nowrap;">-->
+				<!--                        <input type="radio"-->
+				<!--                               th:field="*{flgAdmin}"-->
+				<!--                               value="0">-->
+				<!--                        一般ユーザー-->
+				<!--                    </label>-->
 
-                </div>
+				<!--                </div>-->
 
-                <!-- ボタン：左に戻る・右に確認 -->
-                <div style="display: flex;
-                            justify-content: space-between;
-                            align-items: center;
-                            width: 100%;
-                            margin-top: 20px;">
+				<!--                 ボタン：左に戻る・右に確認 -->
+				<!--                <div style="display: flex;-->
+				<!--                            justify-content: space-between;-->
+				<!--                            align-items: center;-->
+				<!--                            width: 100%;-->
+				<!--                            margin-top: 20px;">-->
 
-                    <a class="btn sub"
-                       th:href="@{/menu}">
-                        メニューに戻る
-                    </a>
+				<!--                    <a class="btn sub"-->
+				<!--                       th:href="@{/menu}">-->
+				<!--                        メニューに戻る-->
+				<!--                    </a>-->
 
-                    <button type="submit" class="btn">
-                        確認
-                    </button>
+				<!--                    <button type="submit" class="btn">-->
+				<!--                        確認-->
+				<!--                    </button>-->
 
-                </div>
+				<!--                </div>-->
 
-            </form>
+			</form>
 
-        </div>
-    </main>
+		</div>
+	</main>
 
 </body>
+
 </html>
\ No newline at end of file