.

src/main/webapp/WEB-INF/views/homeEducationApplication/inquiry/homeEducationApplicationInquiry.jsp

@@ -34,6 +34,52 @@
 	  return year + '-' + month + '-' + day + '(' + dayOfWeek + ')';
 	}
 	
+	function formatUnixTimestamp(unixTimestamp) {
+		  const date = new Date(unixTimestamp);
+
+		  const year = date.getFullYear();
+		  const month = date.getMonth() + 1; // getMonth()는 0부터 시작하므로 1을 더합니다.
+		  const day = date.getDate();
+		  let hours = date.getHours();
+		  const minutes = date.getMinutes();
+
+		  let ampm = "오전";
+		  if (hours >= 12) {
+		    ampm = "오후";
+		    hours = hours - 12;
+		  }
+		  if (hours === 0) {
+		    hours = 12; // 자정은 12시로 표시
+		  }
+
+		  return year+"년 " + month +"월 " + day + "일 " + ampm + " " + hours + "시";
+	}
+	
+	function unixTimestampToFormattedDateTime(unixTimestamp) {
+		  const date = new Date(unixTimestamp);
+		
+		  const year = date.getFullYear();
+		  const month = ('0' + (date.getMonth() + 1)).slice(-2); // 월은 0부터 시작하므로 1을 더하고, 두 자리로 만들기 위해 0을 앞에 붙인 후 마지막 두 자리만 취함
+		  const day = ('0' + date.getDate()).slice(-2); // 일도 두 자리로 만들기 위해 0을 앞에 붙인 후 마지막 두 자리만 취함
+		
+		  const daysOfWeek = ['일', '월', '화', '수', '목', '금', '토'];
+		  const dayOfWeek = daysOfWeek[date.getDay()];
+			
+		  let hours = date.getHours();
+		  const minutes = date.getMinutes();
+
+		  let ampm = "오전";
+		  if (hours >= 12) {
+		    ampm = "오후";
+		    hours = hours - 12;
+		  }
+		  if (hours === 0) {
+		    hours = 12; // 자정은 12시로 표시
+		  }
+
+		  return year+"년 " + month +"월 " + day + "일 " + '(' + dayOfWeek + ') ' + ampm + " " + hours + "시";
+	}
+	
 	function setDisplayEle(EleId, display) {
 		var myEle = document.getElementById(EleId);
 		if (myEle) {
@@ -69,7 +115,41 @@
 			
 		}
 		
-		
+		let dataRegistryCompanyName = e.getAttribute('data-registry-company-name');
+		if (dataRegistryCompanyName) {
+			var companyNameEle = document.getElementById('company-name');
+			if (companyNameEle) {
+				companyNameEle.value = dataRegistryCompanyName;
+			}
+		}
+		let dataRegistryReqDept = e.getAttribute('data-registry-req-dept');
+		if (dataRegistryReqDept) {
+			var reqDeptEle = document.getElementById('req-dept');
+			if (reqDeptEle) {
+				reqDeptEle.value = dataRegistryReqDept;
+			}
+		}
+		let dataRegistryReqName = e.getAttribute('data-registry-req-name');
+		if (dataRegistryReqName) {
+			var reqNameEle = document.getElementById('req-name');
+			if (reqNameEle) {
+				reqNameEle.value = dataRegistryReqName;
+			}
+		}
+		let dataRegistryReqTel = e.getAttribute('data-registry-req-tel');
+		if (dataRegistryReqTel) {
+			var reqTelEle = document.getElementById('req-tel');
+			if (reqTelEle) {
+				reqTelEle.value = dataRegistryReqTel;
+			}
+		}
+		let dataRegistryReqEmail = e.getAttribute('data-registry-req-email');
+		if (dataRegistryReqEmail) {
+			var reqEmailEle = document.getElementById('req-email');
+			if (reqEmailEle) {
+				reqEmailEle.value = dataRegistryReqEmail;
+			}
+		}
 		let dataRegistryReqPosition = e.getAttribute('data-registry-req-position');
 		if (dataRegistryReqPosition) {
 			var reqPositionEle = document.getElementById('req-position');
@@ -77,15 +157,6 @@
 				reqPositionEle.value = dataRegistryReqPosition;
 			}
 		}
-		/*
-		
-					item.put("registryCompanyName
-					item.put("registryReqDept
-					item.put("registryReqName
-					item.put("registryReqTel
-					item.put("registryReqEmail
-					*/
-		
 		
 		var whtRegIdEle = document.getElementById('wht-reg-id');
 		if (whtRegIdEle) {
@@ -106,7 +177,13 @@
 			return '<button type="button" class="deadline-button" disabled="disabled" data-seq="' + item.whtRegId + '">예정</button>';
 		}  else if( item.stateCode === 'T' ) {
 			// 이미 신청이 완료된 교육
-			return '<a href="#request-button" class="approved-button open-popup-link" data-seq="' + item.whtRegId + '" data-mode="modification" onClick="onClickOpenPopupLink(this)" data-registry-crt-dt="' + item.registryCrtDt + '" data-registry-req-position="' + item.registryReqPosition + '">수정</a>';
+			return '<a href="#request-button" class="approved-button open-popup-link" data-seq="' + item.whtRegId + '" data-mode="modification" onClick="onClickOpenPopupLink(this)" data-registry-crt-dt="' + item.registryCrtDt +
+           	'" data-registry-company-name="' + item.registryCompanyName +
+           	'" data-registry-req-dept="' + item.registryReqDept +
+           	'" data-registry-req-name="' + item.registryReqName +
+			'" data-registry-req-tel="' + item.registryReqTel +
+			'" data-registry-req-email="' + item.registryReqEmail +
+			'" data-registry-req-position="' + item.registryReqPosition + '">수정</a>';
 		}   else if( item.stateCode === 'D' ) {
 			// 삭제된 교육
 			return '<button type="button" class="deadline-button" disabled="disabled" data-seq="' + item.whtRegId + '">불가</button>';
@@ -126,6 +203,7 @@
 			
 			const homeVisitListEle = document.getElementById('home-visit-list');
 			let homeVisitListHTML = '';
+			let validCnt = 0;
 			for( idx in data ) {						
 				
 				if( data[idx].stateCode === 'D' ) {
@@ -134,16 +212,17 @@
 				homeVisitListHTML +=
 					`
 	        <tr>
-	            <td>` + data[idx].whtRegId + `</td>
+	            <td>` + (validCnt+1) + `</td>
 	            <td>` + data[idx].trainingName + `</td>
-	            <td>` + unixTimestampToFormattedDate(data[idx].trainingDatetime) + `</td>
+	            <td>` + unixTimestampToFormattedDateTime(data[idx].trainingDatetime) + `</td>
 	            <td>` + data[idx].trainingLocation + `</td>
 	            <td>` + unixTimestampToFormattedDate(data[idx].regStartDate) + `~` + unixTimestampToFormattedDate(data[idx].regEndDate) + `</td>
 	            <td>` + getButtonHTML(data[idx]) + `</td>
 	        </tr>
 	        		`;
+				validCnt ++;
 			}
-			if( data.length === 0 ) {
+			if( validCnt === 0 ) {
 				homeVisitListHTML =
 					`
 	        <tr>
@@ -407,7 +486,7 @@
 	}
 	
 	
-	document.addEventListener('DOMContentLoaded', function () {		
+	document.addEventListener('DOMContentLoaded', function () {
 	    init();
 	});
 
@@ -439,67 +518,8 @@
 				</thead>
 				<tbody id="home-visit-list">
 				</tbody>
-				<!--
-
-		                <tr>
-		                    <td>3</td>
-		                    <td>24 제2차 국토지반정보 집합교육</td>
-		                    <td>2024-10-23(수) 14:00</td>
-		                    <td>한국건설기술연구원</td>
-		                    <td>2024-09-23(월) ~ 2024-10-18(금)</td>
-		                    <td><button type="button" class="edit-button">수정</button></td>
-		                </tr>
-		                <tr>
-		                    <td>2</td>
-		                    <td>24 제2차 국토지반정보 집합교육</td>
-		                    <td>2024-10-23(수) 14:00</td>
-		                    <td>한국건설기술연구원</td>
-		                    <td>2024-09-23(월) ~ 2024-10-18(금)</td>
-		                    <td><button type="button" class="request-button">신청</button></td>
-		                </tr>
-		                <tr>
-		                    <td>1</td>
-		                    <td>24 제2차 국토지반정보 집합교육</td>
-		                    <td>2024-10-23(수) 14:00</td>
-		                    <td>한국건설기술연구원</td>
-		                    <td>2024-09-23(월) ~ 2024-10-18(금)</td>
-		                    <td><button type="button" class="deadline-button" disabled="disabled">마감</button></td>
-		                </tr> 
- -->
 			</table>
 		</div>
-		<!-- 
-            <div>
-                <table>
-				    <tr>
-				        <th>순번</th>
-				        <th>교육 일시</th>
-				        <th>위치</th>
-				        <th>신청</th>
-				    </tr>
-				    <tr>
-				        <td>1</td>
-				        <td>2024-09-15 10:00 ~ 12:00</td>
-				        <td>대전광역시청 3층 대강당</td>
-				        <td>
-				        	<div class="form-group">
-								<button type="button" class="btn btn-primary" onClick="gourl('homeEducationApplicationInput')">신청 하기</button>
-							</div>
-						</td>
-				    </tr>
-				    <tr>
-				        <td>2</td>
-				        <td>2024-09-20 13:00 ~ 17:00</td>
-				        <td>일산서구청 4층 대강당</td>
-				        <td>
-				        	<div class="form-group">
-								<button type="button" class="btn btn-primary" onClick="gourl('homeEducationApplicationInput')">신청 하기</button>
-							</div>
-						</td>
-				    </tr>
-			    </table>
-            </div>
-             -->
 	</div>
 	<!-- 그리드 끝 -->