Merge remote-tracking branch 'origin/s-ikeda' into y-nakano
This commit is contained in:
162
team1/src/main/resources/templates/applicationList.html
Normal file
162
team1/src/main/resources/templates/applicationList.html
Normal file
@@ -0,0 +1,162 @@
|
|||||||
|
<!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">
|
||||||
|
<button class="logoutButton" onclick="logoutSubmit()">ログアウト</button>
|
||||||
|
</div>
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<form action="selectEmployeeInfo"
|
||||||
|
method="post"
|
||||||
|
th:object="${searchConditionEmployeeForm}">
|
||||||
|
|
||||||
|
<div class="msgBox error" th:if="${messageError} != null">
|
||||||
|
<span class="error" th:text="${messageError.message}"></span>
|
||||||
|
</div>
|
||||||
|
<trtable>
|
||||||
|
<tr>
|
||||||
|
<th class="header">申請ID</th>
|
||||||
|
<td>
|
||||||
|
<input placeholder="申請ID"
|
||||||
|
th:field="*{idRequest}"
|
||||||
|
type="number"/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<th class="header">申請者名</th>
|
||||||
|
<td>
|
||||||
|
<select th:field="*{nmApplication}">
|
||||||
|
<option value=""></option>
|
||||||
|
<option th:each="department : ${departmentFormList}"
|
||||||
|
th:selected="${searchConditionEmployeeForm.idDepartment != null && department.idDepartment == searchConditionEmployeeForm.idDepartment}"
|
||||||
|
th:text="${department.nmDepartment}"
|
||||||
|
th:value="${department.idDepartment}">
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
<input placeholder="申請者名"
|
||||||
|
th:field="*{nmApplicant}"
|
||||||
|
type="text"/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<th class="header">書籍名</th>
|
||||||
|
<td>
|
||||||
|
<input placeholder="書籍名"
|
||||||
|
th:field="*{nmBook}"
|
||||||
|
type="text"/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<th class="header">申請日</th>
|
||||||
|
<td>
|
||||||
|
<input placeholder="申請日"
|
||||||
|
th:field="*{dateRequest}"
|
||||||
|
type="date"/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<th class="header">貸出日</th>
|
||||||
|
<td>
|
||||||
|
<input placeholder="貸出日"
|
||||||
|
th:field="*{dateBorrow}"
|
||||||
|
type="date"/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<th class="header">返却予定日</th>
|
||||||
|
<td>
|
||||||
|
<input placeholder="返却予定日"
|
||||||
|
th:field="*{dateScheduledReturn}"
|
||||||
|
type="date"/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<th class="header">操作</th>
|
||||||
|
<td>
|
||||||
|
<button class="approvalButton" onclick="approvalSubmit()">承認</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="${employeeInfoFormList != null and employeeInfoFormList.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>
|
||||||
|
<th style="width: 150px;">申請日</th>
|
||||||
|
<th style="width: 100px;">貸出日</th>
|
||||||
|
<th style="width: 70px;">返却予定日</th>
|
||||||
|
<th style="width: 150px;">操作</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr th:each="employeeInfoForm : ${employeeInfoFormList}">
|
||||||
|
<td th:text="${employeeInfoForm.idEmployee}"></td>
|
||||||
|
<td th:text="${employeeInfoForm.nmEmployee}"></td>
|
||||||
|
<td th:text="${employeeInfoForm.knEmployee}"></td>
|
||||||
|
<td th:text="${employeeInfoForm.mailAddress}"></td>
|
||||||
|
<td th:text="${employeeInfoForm.password}"></td>
|
||||||
|
<td th:text="${employeeInfoForm.adminAuth}"></td>
|
||||||
|
<td th:text="${employeeInfoForm.nmDepartment}"></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</th:block>
|
||||||
|
|
||||||
|
<th:block th:if="${employeeInfoFormList == null or employeeInfoFormList.size() == 0}">
|
||||||
|
<!-- 検索結果が0件の場合 -->
|
||||||
|
現在書籍貸出の申請はありません。
|
||||||
|
</th:block>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
function clearInput() {
|
||||||
|
document.getElementById('idRequest').value = '';
|
||||||
|
document.getElementById('idApplicant').value = '';
|
||||||
|
document.getElementById('nmBook').value = '';
|
||||||
|
document.getElementById('dateRequest').value = '';
|
||||||
|
document.getElementById('dateBorrow').value = '';
|
||||||
|
document.getElementById('dateReturn').value = '';
|
||||||
|
document.getElementById('dateRequest').selectedIndex = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user