129 lines
4.4 KiB
HTML
129 lines
4.4 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>
|
|
<table class="menuClass">
|
|
<tr>
|
|
<td><a class="menuClass" href="javascript:selectEmployeeSubmit()"><i class="fas fa-search"></i> 社員検索 </a>
|
|
</td>
|
|
<td class="description">登録済みのユーザ一覧表示と更新、削除を行います。</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><a class="menuClass" href="javascript:insertEmployeeSubmit()"><i class="fas fa-plus"></i> 社員登録 </a></td>
|
|
<td class="description">新規でユーザ追加を行います。</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><a class="menuClass" href="javascript:selectDepartmentSubmit()"><i class="fas fa-search"></i> 部署検索 </a>
|
|
</td>
|
|
<td class="description">登録済みの部署一覧表示と更新、削除を行います。</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><a class="menuClass" href="javascript:insertDepartmentSubmit()"><i class="fas fa-plus"></i> 部署登録 </a>
|
|
</td>
|
|
<td class="description">新規で部署追加を行います。</td>
|
|
</tr>
|
|
|
|
</table>
|
|
</body>
|
|
|
|
<script type="text/javascript">
|
|
function selectEmployeeSubmit() {
|
|
const form = document.createElement('form');
|
|
form.setAttribute('method', 'post');
|
|
form.setAttribute('action', 'selectEmployeeInfo');
|
|
|
|
// 動的送信用のHidden
|
|
// 動的にFormを作成する場合は何かしら送信しないと、正しく動作しない
|
|
const inputField = document.createElement("input");
|
|
inputField.setAttribute("type", "hidden");
|
|
inputField.setAttribute("value", "selectEmployeeInfo");
|
|
|
|
form.appendChild(inputField);
|
|
|
|
// フォームをDOMに追加
|
|
document.body.appendChild(form);
|
|
|
|
form.submit();
|
|
}
|
|
|
|
function selectDepartmentSubmit() {
|
|
const form = document.createElement('form');
|
|
form.setAttribute('method', 'post');
|
|
form.setAttribute('action', 'selectDepartment');
|
|
|
|
// 動的送信用のHidden
|
|
// 動的にFormを作成する場合は何かしら送信しないと、正しく動作しない
|
|
const inputField = document.createElement("input");
|
|
inputField.setAttribute("type", "hidden");
|
|
inputField.setAttribute("value", "selectDepartment");
|
|
|
|
form.appendChild(inputField);
|
|
|
|
// フォームをDOMに追加
|
|
document.body.appendChild(form);
|
|
|
|
form.submit();
|
|
}
|
|
|
|
function insertEmployeeSubmit() {
|
|
const form = document.createElement('form');
|
|
form.setAttribute('method', 'post');
|
|
form.setAttribute('action', 'insertEmployeeInput');
|
|
|
|
// 動的送信用のHidden
|
|
// 動的にFormを作成する場合は何かしら送信しないと、正しく動作しない
|
|
const inputField = document.createElement("input");
|
|
inputField.setAttribute("type", "hidden");
|
|
inputField.setAttribute("value", "insertEmployeeInput");
|
|
|
|
form.appendChild(inputField);
|
|
|
|
// フォームをDOMに追加
|
|
document.body.appendChild(form);
|
|
|
|
form.submit();
|
|
}
|
|
|
|
function insertDepartmentSubmit() {
|
|
const form = document.createElement('form');
|
|
form.setAttribute('method', 'post');
|
|
form.setAttribute('action', 'insertDepartmentInput');
|
|
|
|
// 動的送信用のHidden
|
|
// 動的にFormを作成する場合は何かしら送信しないと、正しく動作しない
|
|
const inputField = document.createElement("input");
|
|
inputField.setAttribute("type", "hidden");
|
|
inputField.setAttribute("value", "insertDepartmentInput");
|
|
|
|
form.appendChild(inputField);
|
|
|
|
// フォームをDOMに追加
|
|
document.body.appendChild(form);
|
|
|
|
form.submit();
|
|
}
|
|
</script>
|
|
|
|
</html> |