sake/src/main/webapp/WEB-INF/views/mngr/setup/family/FamilySiteUpdtU.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="ui" uri="http://www.winbit.kr/ctl/ui" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%--
	Class Name : FamilySiteUpdtU.jsp
	Description : 패밀리사이트 설정 상세
	Modification Information

	수정일 수정자 수정내용
	------- -------- ---------------------------
	2026-04-27 이대환 최초 생성
--%>
<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<%-- 공통 include --%>
	<%@include file ="/WEB-INF/views/comm/mngr/Include.jsp" %>
</head>
<script>
	$(document).ready(function () {
	});

	/* ********************************************************
	 * 입력창 추가
	 ******************************************************** */
	const fn_add_emptyBox = function() {

		stplatChk = false;
		let trClone = '';

        trClone = '<tr>'
            + '		<td>'
            + '			<label class="b-checkbox checkbox is-medium">'
            + '				<input type="checkbox" name="siteChk" value=""><span class="check"></span>'
            + '			</label>'
            + '		</td>'
            + '		<td>'
            + '			<div class="td-inner">'
            + '				<input type="text" class="input-text xl" name="familySiteNmArr" title="패밀리 사이트명" maxlength="20">'
            + '			</div>'
            + '		</td>'
            + '		<td>'
            + '			<div class="td-inner">'
            + '				<input type="text" class="input-text full" name="familySiteUrlArr" title="URL" maxlength="30">'
            + '			</div>'
            + '		</td>'
            + '</tr>';

        $('#tableSiteSorting').append(trClone);
        $('#noData').hide();



	}

	/* ********************************************************
	* 입력창 삭제
	******************************************************** */
	const fn_remove_box = function() {

		const target = $('[name=siteChk]:checked');

		if (target.length === 0) {
			alert('항목을 선택해 주세요.');
		} else {
			target.each(function() {
				$(this).parents('tr').remove();
			});
		}

		$('#siteAll').prop('checked', false);
		const total = $('#tableSiteSorting').find('tr').length;

		if (total === 1) {

			$('#noData').show();

		} else {

			$('#noData').hide();
		}

	}

	/* ********************************************************
	 * 패밀리사이트 설정 저장
	 ******************************************************** */
	const fn_update_family = function () {
		if (confirm('패밀리사이트 설정을 <spring:message code="confirm.common.save"/>')) {
			$.ajax({
				type: 'post',
				url: '<c:url value="/mngr/setup/family/updateFamilySiteSetup"/>',
				data: $('#updtForm').serialize(),
				success: function () {
					alert("<spring:message code="success.common.save"/>");
					location.reload();
				}
			});
		}
	}
</script>
<body>
<%-- 상단메뉴 공통화 적용 : 2023-11-30 / 박철민 추가 --%>
<%@include file ="/WEB-INF/views/comm/mngr/Header.jsp" %>
<main class="main">
	<%-- 좌측메뉴 공통화 적용 : 2023-11-30 / 박철민 추가 --%>
	<%@include file ="/WEB-INF/views/comm/mngr/Left.jsp" %>
	<div class="content">
		<div class="content__inner">
			<button class="side-nav__fold"><span class="visually-hidden">좌측메뉴 펼치기/닫기</span></button>
			<div class="page-title">
				<h2 class="page-title__title">패밀리사이트 설정</h2>
				<div class="page-title__btn-container">
					<button class="btn primary" onclick="fn_update_family()">저장하기
					</button>
				</div>
			</div>
			<form id="updtForm">
				<section class="content-section">
					<div class="form-control-container mb-8">
						<div class="left">
							<h3 class="content-section__inner-title">패밀리사이트 설정</h3>
						</div>
						<div class="center"></div>
						<div class="right">
							<button type="button" class="btn primary outline xsm" onclick="fn_add_emptyBox();"><spring:message code="button.add"/></button>
							<button type="button" class="btn dark xsm" onclick="fn_remove_box();"><spring:message code="button.delete"/></button>
						</div>
					</div>
					<div class="table-wrapper">
						<table class="table vertical">
							<caption>패밀리사이트 설정</caption>
							<colgroup>
								<col style="width: 6%;">
								<col style="width: 25%;">
								<col style="width: auto;">
							</colgroup>
							<thead>
								<tr>
									<th>
										<label class="b-checkbox checkbox is-medium check-all">
											<input type="checkbox" value=""  id="siteAll"><span class="check"></span>
										</label>
									</th>
									<th>패밀리 사이트명</th>
									<th>URL</th>
								</tr>
							</thead>
							<tbody id="tableSiteSorting">
								<c:if test="${not empty resultMap.siteList}">
									<c:forEach var="site" items="${resultMap.siteList}" varStatus="status">
										<tr>
											<td>
												<label class="b-checkbox checkbox is-medium">
													<input type="checkbox" name="siteChk" value=""><span class="check"></span>
												</label>
											</td>
											<td>
												<div class="td-inner">
													<input type="text" class="input-text xl" name="familySiteNmArr" title="패밀리 사이트명" maxlength="25" value="${site.familySiteNm}">
												</div>
											</td>
											<td>
												<div class="td-inner">
													<input type="text" class="input-text full" name="familySiteUrlArr" title="URL" maxlength="60" value="${site.familySiteUrl}">
												</div>
											</td>
										</tr>
									</c:forEach>
									<tr id="noData" style="display: none;"><td class="row-no-data" colspan="3">패밀리사이트를 설정해 주세요.</td></tr>
								</c:if>
								<c:if test="${empty resultMap.siteList}">
									<tr id="noData"><td class="row-no-data" colspan="3">패밀리사이트를 설정해 주세요.</td></tr>
								</c:if>
							</tbody>
						</table>
					</div>
				</section>
			</form>
			<button class="scroll-to-top"><span class="visually-hidden">위로가기</span></button>
		</div>
	</div>
</main>
</body>

</html>