114 lines
3.9 KiB
HTML
114 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns:th="http://www.thymeleaf.org">
|
|
|
|
<head>
|
|
|
|
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
|
|
<!-- 外部のスクリプトファイルを読み込む -->
|
|
<script th:src="@{/js/common.js}"></script>
|
|
<!-- CSSの読み込み -->
|
|
<link rel="stylesheet" th:href="@{/css/all.css}">
|
|
<link rel=stylesheet th:href="@{/css/style.css}" type="text/css">
|
|
<title>検索</title>
|
|
|
|
</head>
|
|
<body>
|
|
<h1>
|
|
検索条件入力
|
|
<div class="rightSection">
|
|
<span class="loginInfo">ログイン者名：<span th:text="${session.loginUser.nmEmployee}"></span></span>
|
|
<button class="logoutButton" onclick="logoutSubmit()">ログアウト</button>
|
|
</div>
|
|
</h1>
|
|
<form action="selectDepartmentInfo"
|
|
method="post"
|
|
th:object="${searchConditionDepartmentForm}">
|
|
|
|
<div class="msgBox error" th:if="${messageError} != null">
|
|
<span class="error" th:text="${messageError.message}"></span>
|
|
</div>
|
|
<table>
|
|
<tr>
|
|
<th class="header">部署ID</th>
|
|
<td>
|
|
<input placeholder="部署ID"
|
|
th:field="*{idDepartment}"
|
|
type="number"/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th class="header">部署名</th>
|
|
<td>
|
|
<input placeholder="部署名"
|
|
th:field="*{nmDepartment}"
|
|
type="text"/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="btnArea" colspan="2">
|
|
<input type="submit" value="検索"/>
|
|
</td>
|
|
<td class="btnArea" colspan="2">
|
|
<button onclick="clearInput()">クリア</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
<div class="header-spacing"></div>
|
|
<a href="showMenu">メニューに戻る</a>
|
|
<div class="header-spacing"></div>
|
|
<h1><span>検索結果</span></h1>
|
|
<div class="header-spacing"></div>
|
|
<th:block th:if="${messageInfo != null}">
|
|
<script th:inline="javascript">
|
|
alert([[${messageInfo.message}]]);
|
|
</script>
|
|
</th:block>
|
|
<div class="header-spacing"></div>
|
|
<th:block th:if="${departmentInfoFormList != null and departmentInfoFormList.size() > 0}">
|
|
<!-- 検索結果が1件以上ある場合 -->
|
|
<table class="table-grid table-striped table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th style="width: 60px;">部署ID</th>
|
|
<th style="width: 100px;">部署名</th>
|
|
<th style="width: 150px;">操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr th:each="departmentInfoForm : ${departmentInfoFormList}">
|
|
<td th:text="${departmentInfoForm.idDepartment}"></td>
|
|
<td th:text="${departmentInfoForm.nmDepartment}"></td>
|
|
<td>
|
|
<!-- 更新フォーム -->
|
|
<form action="showUpdateDepartment" method="post" style="display: inline;">
|
|
<input name="idDepartment" th:value="${departmentInfoForm.idDepartment}" type="hidden">
|
|
<input type="submit" value="更新">
|
|
</form>
|
|
<!-- 削除フォーム -->
|
|
<form action="deleteDepartment" method="post" onsubmit="return confirm('本当に削除しますか？');"
|
|
style="display: inline;">
|
|
<input name="idDepartment" th:value="${departmentInfoForm.idDepartment}" type="hidden">
|
|
<input type="submit" value="削除">
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</th:block>
|
|
<th:block th:if="${departmentInfoFormList == null or departmentInfoFormList.size() == 0}">
|
|
<!-- 検索結果が0件の場合 -->
|
|
検索結果はありません。
|
|
</th:block>
|
|
|
|
</body>
|
|
<script type="text/javascript">
|
|
|
|
function clearInput() {
|
|
document.getElementById('idDepartment').value = '';
|
|
document.getElementById('nmDepartment').value = '';
|
|
}
|
|
|
|
|
|
</script>
|
|
</html> |