<%--
  Class Name : EgovQustnrRespondInfoRegist.jsp
  Description : 설문조사 등록 페이지
  Modification Information
 
      수정일         수정자                   수정내용
    -------    --------    ---------------------------
     2008.03.09    장동한          최초 생성
     2011.08.31  JJY       경량환경 버전 생성
 
    author   : 공통서비스 개발팀 장동한
    since    : 2009.03.09
   
--%>
<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<!DOCTYPE html>
<html>
<head>
<title>설문조사</title>

<meta http-equiv="content-language" content="ko">
<script src="<c:url value="/validator.do"/>"></script>
<link href="/css/research.css" rel="stylesheet">
<script>
/* ********************************************************
 * 목록 으로 가기
 ******************************************************** */
function fn_egov_list_QustnrRespondInfo(){
	location.href = "<c:url value='/uss/olp/qnn/EgovQustnrRespondInfoManageList.do'/>";
}
/* ********************************************************
 * 저장처리화면
 ******************************************************** */
function fn_egov_save_QustnrRespondInfo(){
	var varFrom = document.qustnrRespondInfoManage;

	
	//설문정보 Validtation
	<c:forEach items="${Comtnqustnrqesitm}" var="QestmInfo" varStatus="status1">
	<c:if test="${QestmInfo.qestnTyCode ==  '1'}">	
	if((!fn_egov_selectBoxChecking("${QestmInfo.qestnrQesitmId}"))){
		alert('${status1.count}번 설문문항을 작성해 주세요!');
		document.getElementsByName("${QestmInfo.qestnrQesitmId}")[0].focus();
		return;
	}

		<c:forEach items="${Comtnqustnriem}" var="QestmItem" varStatus="status01">
		<c:if test="${QestmInfo.qestnrTmplatId eq QestmItem.qestnrTmplatId && QestmInfo.qestnrId eq QestmItem.qestnrId && QestmInfo.qestnrQesitmId eq QestmItem.qestnrQesitmId}">
		
			<c:if test="${QestmItem.etcAnswerAt eq  'Y'}">
			//기타답변을 선택했는체크
			if(fn_egov_RadioBoxValue("${QestmInfo.qestnrQesitmId}") == "${QestmItem.qustnrIemId}"){
				if(document.getElementById("ETC_${QestmItem.qustnrIemId}").value == ""){
					alert('${status1.count}번 설문문항 기타답변을 작성해주세요!');
					document.getElementById("ETC_${QestmItem.qustnrIemId}").focus();
					return;
				}
			}
			</c:if>
		</c:if>
		</c:forEach>
	</c:if>

	<c:if test="${QestmInfo.qestnTyCode ==  '2'}">
	if( document.getElementById("${QestmInfo.qestnrQesitmId}").value == "" ){ 
		//alert('${status1.count}. ${QestmInfo.qestnCn}       \n\n설문문항을 작성해 주세요!');
		alert('${status1.count}번 설문문항을 작성해 주세요!');
		document.getElementById("${QestmInfo.qestnrQesitmId}").focus();
		return;
	}
	</c:if>
	</c:forEach>
	
	if(confirm("<spring:message code="common.save.msg" />")){
		varFrom.action =  "<c:url value='/web/survey/surveyRegisterProc.do'/>";
		varFrom.submit();
	}
}
/************************************************************************
//라디오박스 : 몇개선택했는데 체크해주는함수 
************************************************************************/
function fn_egov_checkbox_amout_max( sbName){
	var FLength= document.getElementsByName(sbName).length;

	var reuslt = false;
	var reusltCount = 0;
	for(var i=0; i < FLength; i++)
	{
		if(document.getElementsByName(sbName)[i].checked == true){
			reusltCount++;
		}
	}

	return reusltCount;
	
}
/************************************************************************
//라디오박스 : 최대선택건수 체크
************************************************************************/
function fn_egov_checkbox_amout( sbName, sbCount, sbObj){

	var FLength= document.getElementsByName(sbName).length;

	var reuslt = false;
	var reusltCount = 0;
	for(var i=0; i < FLength; i++)
	{
		if(document.getElementsByName(sbName)[i].checked == true){
			reusltCount++;
		}
	}

	if(reusltCount > sbCount){
	 	alert("최대선택건수 [" + sbCount + "]건을  초과하였습니다!" );
	 	sbObj.checked=false;
	 	return;
	}
}

/************************************************************************
//셀렉트 박스 선택했는 찾는 함수
************************************************************************/

function fn_egov_selectBoxChecking(sbName){

	var FLength= document.getElementsByName(sbName).length;

	var reuslt = false;
	for(var i=0; i < FLength; i++)
	{
		if(document.getElementsByName(sbName)[i].checked == true){
			reuslt=true;
		}
	}
	
	return reuslt;
}
/************************************************************************
//셀렉트박스 값 컨트롤 함수
************************************************************************/
function fn_egov_SelectBoxValue(sbName)
{
	var FValue = "";
	for(var i=0; i < document.getElementById(sbName).length; i++)
	{
	if(document.getElementById(sbName).options[i].selected == true){
	
	FValue=document.getElementById(sbName).options[i].value;
	}
}

return  FValue;
}

/************************************************************************
//라디오박스 체크 박스
************************************************************************/
function fn_egov_RadioBoxValue(sbName)
{
	var FLength = document.getElementsByName(sbName).length;
	var FValue = "";
	for(var i=0; i < FLength; i++)
	{
		if(document.getElementsByName(sbName)[i].checked == true){
			FValue = document.getElementsByName(sbName)[i].value;
		}
	}
	
	return FValue;
}
</script>
</head>
<form name="qustnrRespondInfoManage" method="post" action="#LINK">
<input name="brth" id="brth" type="hidden" value="">
<input name="qestnrTmplatId" id="qestnrTmplatId" type="hidden" value="${qestnrTmplatId}">
<input name="qestnrId" id="qestnrId" type="hidden" value="${qestnrId}">
<input name="cmd" type="hidden" value="<c:out value='save'/>">
<section class="sub">
		<div class="s_visual s_visual_img02">
			<div class="textbar">
				<h2 class="s_tit">설문조사</h2> 
				<div class="sub_navi">
					<ul>
						<li class="home"><img src="/img/s_navi_home.png" alt="집 아이콘">&ensp;&gt;</li>
						<li>참여마당 > </li>
						<li><span>설문조사</span></li>
					</ul>
				</div>
			</div>
		</div>

		<!--내용s-->
		<div id="container">
			<div class="research_box">
				<div class="research_head"> 
					<p>${Comtnqestnrinfo[0].qestnrSj}<br><span> 
						<c:if test="${preview == 'Y'}">
							진행상태 : 
							<c:forEach items="${qustnrManageSttusList}" var="result" varStatus="status">
								<c:if test="${result.code eq qustnrManageDetail[0].sttus}">  
									${result.codeNm}
								</c:if>
							</c:forEach> 
							/ 참여인원 : ${qustnrManageDetail[0].rrspnsResultCnt} 명
						</c:if>
					</span></p>
				</div>
				<c:forEach items="${Comtnqustnrqesitm}" var="QestmInfo" varStatus="status1">
					<div class="research_form1">
						<div class="research_fhead">
							<p>${status1.count}) <c:out value="${fn:replace(QestmInfo.qestnCn , crlf , '<br/>')}" escapeXml="false" />
							<c:if test="${QestmInfo.mxmmChoiseCo >  1}"><font color="red"><b>(최대선택건수 ${QestmInfo.mxmmChoiseCo})</b></font></c:if>
							</p>
						</div>
						<div class="research_fbody">
							<c:if test="${QestmInfo.qestnTyCode ==  '1'}"><%-- 객관식 --%>	
							<ul>
								<c:forEach items="${Comtnqustnriem}" var="QestmItem" varStatus="status01">
			    				<c:if test="${QestmInfo.qestnrTmplatId eq QestmItem.qestnrTmplatId && QestmInfo.qestnrId eq QestmItem.qestnrId && QestmInfo.qestnrQesitmId eq QestmItem.qestnrQesitmId}">
			    					<c:if test="${QestmInfo.mxmmChoiseCo ==  '1'}"><!-- 단일체크 -->
				    					<li>
				    						<label for = "radio${QestmItem.qestnrQesitmId}"><c:out value="${fn:replace(QestmItem.iemCn , crlf , '<br/>')}" escapeXml="false" /></label>
				    						<input type="radio" id="radio${QestmItem.qestnrQesitmId}" name="${QestmItem.qestnrQesitmId}" value="${QestmItem.qustnrIemId}"> <c:out value="${fn:replace(QestmItem.iemCn , crlf , '<br/>')}" escapeXml="false" />
				    					</li>
				    				</c:if>
				    				<c:if test="${QestmInfo.mxmmChoiseCo >  1}"><%-- 다중체크구현 로직 --%>	
				    					<li>
				    						<label for = "check${QestmItem.qestnrQesitmId}"><c:out value="${fn:replace(QestmItem.iemCn , crlf , '<br/>')}" escapeXml="false" /></label>
				    						<input type="checkbox" id="check${QestmItem.qestnrQesitmId}" name="${QestmItem.qestnrQesitmId}" value="${QestmItem.qustnrIemId}" onClick="fn_egov_checkbox_amout('${QestmItem.qestnrQesitmId}', ${QestmInfo.mxmmChoiseCo}, this)">
				    						<c:out value="${fn:replace(QestmItem.iemCn , crlf , '<br/>')}" escapeXml="false" />
				    					</li>
				    				</c:if>
				    				<c:if test="${QestmItem.etcAnswerAt eq  'Y'}"><%-- 기타답변여부 --%>
				    					<label for = "ETC_${QestmItem.qustnrIemId}">답변내용</label>
				    					<input name="ETC_${QestmItem.qustnrIemId}" id="ETC_${QestmItem.qustnrIemId}" type="text" size="73" value="" maxlength="1000" style="width:150px;">
				    				</c:if>
				    				<c:if test="${QestmItem.etcAnswerAt eq  'N' || QestmItem.etcAnswerAt eq ''}">
				    					<label for = "ETC_${QestmItem.qustnrIemId}">답변내용</label>
						    			<input name="ETC_${QestmItem.qustnrIemId}" id="ETC_${QestmItem.qustnrIemId}" type="hidden" size="73" value="" maxlength="1000">
						    		</c:if>
								</c:if>
			    				</c:forEach>	
							</ul>
							</c:if>
				    		<c:if test="${QestmInfo.qestnTyCode ==  '2'}"><%-- 주관식 --%>
				    			<label for="${QestmInfo.qestnrQesitmId}">주관식 답변 내용</label>
				    			<textarea name="${QestmInfo.qestnrQesitmId}" id="${QestmInfo.qestnrQesitmId}" class="textarea"  cols="75" rows="4"  style="width:99%;" ></textarea>
				    		</c:if>
						</div>
					</div>
					<%-- 최대선택 건수 --%>
					<input type="hidden" name="MXMM_${QestmInfo.qestnrQesitmId}" value="${QestmInfo.mxmmChoiseCo}">
					<%-- 객관식/주관식  타입 --%>
					<input type="hidden" name="TY_${QestmInfo.qestnrQesitmId}" value="${QestmInfo.qestnTyCode}">
					</c:forEach>
				<ul class="research_btn">
					<li><button class="research_btn1" onclick="location.href='/web/survey/surveyList.do'; return false;"><img alt="목록" src="/img/listIcon.png" style="width:18px; padding-right:5px;">목록</button></li>
					<li><button class="research_btn2" onclick="fn_egov_save_QustnrRespondInfo(document.qustnrRespondInfoManage); return false;"><img alt="저장" src="/img/saveIcon.png" style="width:18px; padding-right:5px;">저장</button></li>
				</ul>
			</div>
			</div>
		<!--내용e-->
	</section>
	</form>
</html>