[ADD]部署名更新機能の実施

src/main/webapp/updateDepartmentInput.html

@@ -0,0 +1,87 @@
+<!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="/updateDepartmentResult"
+	      method="post"
+	      onsubmit="return confirm('本当によろしいですか？');"
+	      th:object="${updateDepartmentInfoForm}"
+	>
+	
+		<div class="msgBox error" th:if="${messageError != null}">
+	        <span class="error" th:each="message : ${messageError.message}" th:text="${message}"></span>
+	    </div>
+		
+		<table>
+		    <tr>
+		        <th class="header">部署ID</th>
+				<td>
+		        	<label>
+		                <input class="readOnly"
+		                       readonly="readonly"
+		                       th:field="*{idDepartment}"
+		                       type="text"
+		                />
+		            </label>
+		        </td>
+		    </tr>
+		    <tr>
+		        <th class="header">部署名</th>
+ 	            <td>
+		            <label>
+		                <input maxlength="50"
+		                       placeholder="部署名"
+		                       required="required"
+		                       th:field="*{nmDepartment}"
+		                       type="text"
+	                 	/>
+		             </label>
+		        </td>
+		    </tr>
+		        
+		</table>
+	</form>
+
+	<a href="javascript:selectSubmit()">一覧に戻る</a>
+</body>
+
+<script>
+    function selectSubmit() {
+        const form = document.createElement('form');
+        form.setAttribute('method', 'post');
+        form.setAttribute('action', 'selectAll');
+
+        // 動的送信用のHidden
+        // 動的にFormを作成する場合は何かしら送信しないと、正しく動作しない
+        const inputField = document.createElement("input");
+        inputField.setAttribute("type", "hidden");
+        inputField.setAttribute("value", "selectAll");
+
+        form.appendChild(inputField);
+
+        // フォームをDOMに追加
+        document.body.appendChild(form);
+
+        form.submit();
+    }
+
+</script>
+
+</html>