layout Edit

This commit is contained in:
2026-10-22 09:29:36 +09:00
parent e73b98e76d
commit 10182adc6d
2 changed files with 96 additions and 99 deletions

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,4 +1,3 @@
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"> <html xmlns:th="http://www.thymeleaf.org">
@@ -18,99 +17,95 @@
<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}"
th:text="${error}">
</p> </p>
</div> </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"
th:field="*{nmEmployee}">
</div> </div>
<!-- 社員名よみ --> <!-- 社員名よみ -->
<div> <div>
<label for="knEmployee">社員名よみ</label> <label for="knEmployee">社員名よみ</label>
<input type="text" <input type="text" id="knEmployee" th:field="*{knEmployee}">
id="knEmployee"
th:field="*{knEmployee}">
</div> </div>
<!-- メールアドレス --> <!-- メールアドレス -->
<div> <div>
<label for="mailAddress">メールアドレス</label> <label for="mailAddress">メールアドレス</label>
<input type="email" <input type="email" id="mailAddress" th:field="*{mailAddress}">
id="mailAddress"
th:field="*{mailAddress}">
</div> </div>
<!-- パスワード --> <!-- パスワード -->
<div> <div>
<label for="password">パスワード</label> <label for="password">パスワード</label>
<input type="password" <input type="password" id="password" th:field="*{password}">
id="password"
th:field="*{password}">
</div> </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; <!-- <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>
@@ -118,4 +113,5 @@
</main> </main>
</body> </body>
</html> </html>