<%--
  Class Name : researchList.jsp
  Description : 만족도(조회,삭제) JSP
  Modification Information
 
      수정일         수정자                   수정내용
    -------    --------    ---------------------------
     2009.03.03   JJY              최초 생성
     2011.08.31   JJY       경량환경 버전 생성
 
    author   : 공통서비스 개발팀 JJY
    since    : 2009.03.03
--%>
<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="double-submit" uri="http://www.egovframe.go.kr/tags/double-submit/jsp" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<meta http-equiv="content-language" content="ko">
<title>사용자 목록</title>
<script type="text/javaScript" language="javascript" defer="defer">
function fn_research_year(){	
	var searchForm = document.searchForm ;
	searchForm.yearSearch.value = $('#yearSearch').val();
	searchForm.submit();
}

function fn_board_link_page(pageNo){
	document.listForm.pageIndex.value = pageNo;
	document.listForm.action = "<c:url value='/uss/research/researchList.do'/>";
   	document.listForm.submit();
}

function fnList() {
	document.searchForm.submit(); 
}

</script>
<style>
.researchGraph { padding:0 0 20px 55px; margin-top:30px;}
.researchGraph ul{ width:670px; margin:0 2px; padding:0; height:350px; border:1px solid #ddd; border-left:0; border-top:0; border-right:0;  list-style:none;}
.researchGraph ul:after{ content:""; display:block; clear:both;}
.researchGraph li{ float:left; display:inline; width:8%; height:100%; margin:0 40px; position:relative; text-align:center; white-space:nowrap; }
.researchGraph .researchTerm{ position:relative; display:inline-block; width:112%; height:20px; line-height:20px; margin:0 -100% -20px 0; padding:350px 0 0 0; vertical-align:bottom; color:#767676; font-weight:bold;}
.researchGraph .researchBar{ position:relative; display:inline-block; width:100%; margin:-1px 0 0 0; border:1px solid #ccc; border-bottom:0; background:#e9e9e9; vertical-align:bottom;}
.researchGraph .researchBar span{ position:absolute; width:100%; top:-20px; left:0; color:#767676;}

.survey_title { margin: 0 auto;width: 670px; background: #f7f7f7; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; vertical-align: middle; line-height: 16px; }
.survey_title .survey_state { display:inline-block; width: 65%; padding: 10px 0 10px 8px; font-weight: 700;}
.survey_title .survey_count { display:inline-block; text-align:right; width: 30%; padding: 10px 0 10px 0px;}  
.main2_div3 span {    float: none; }

</style>
</head>
<body>
<form:form commandName="researchVO" name="listForm" method="post">
	<form:hidden path="pageIndex" />
	<form:hidden path="mcTitle" />
	<form:hidden path="mcIdx" />
	
	<div class="ad_content">
	<div class="ad_con_head">
		<div class="ad_head_text">
			<p class="today_txt">만족도 결과</p>
			<div class="ad_head_ment">
				<p class="today_last_txt"><span id="cnt_cate_list"></span></p>
			</div>
		</div>
	</div>
	<div class="ad_subcon">
		<div class="ad_con_body">
			<div class="ad_bo_h3">
				<div class="board1_div1">
					연도조회 : <form:select path="yearSearch" cssClass="use">
						<c:set var="year_s" value="${yearMax+1}" />
								<form:option value="0" label="전체" />
							<c:forEach var="i" begin="${yearMin}" end="${yearMax}" step="1">
							<c:set var="year_s" value="${year_s-1}" />
								<form:option value="${year_s}" label="${year_s}" />
							</c:forEach>
					</form:select>
					<!-- <input type="popre_div1 text"> -->
					<ul class="popre_div2_ul" style="width: 163px;">
						<li><button class="popre_search_btn" onclick="fn_research_year(); return false;" >검 색</button></li>
						<li><button class="main1_btn" onclick="location.href='/uss/research/researchList.do'; return false;" >목 록</button></li>
					</ul>
				</div>
			</div>
		</div>
		<p class="popre_count"><c:out value='${researchVO.mcTitle}' /> 만족도<br>평가인원: <c:out value="${researchResultCnt.sfCnt}"/>명</p>
		<c:set var="research_text" value="(매우만족)" />
		<c:set var="research_text2" value="(만족)" />
		<c:set var="research_text3" value="(보통)" />
		<c:set var="research_text4" value="(불만족)" />
		<c:set var="research_text5" value="(매우불만족)" />
		<c:set var="i" value="0" />
		<div class="popre_body">
			<div class="popre_inbox">
				<div class="vGraph">
					<ul>
						<c:forEach var="researchResult" items="${researchResult}" varStatus="status">		
						<li>
							<c:set var="i" value="${i+1}" />
								<c:if test="${i == 1}">
									<c:set var="research_text" value="&nbsp;(매우만족)" />
									<span class="gTerm"><p class="star_v"><span class="starRating"><span style="width:100%;">5점</span></span></p>(매우만족)</span><span class="gBar" style="height:<c:out value='${researchResult.sfRat}' />%"><span><c:out value='${researchResult.sfCnt }' />명(<c:out value='${researchResult.sfRat}' />%) </span></span>
								</c:if>
								<c:if test="${i == 2}">
									<c:set var="research_text" value="&nbsp;&nbsp;&nbsp;&nbsp;(만족)" />
									<span class="gTerm"><p><span class="starRating"><span style="width:80%">4점</span></span></p>(만족)</span><span class="gBar" style="height:<c:out value='${researchResult.sfRat}' />%"><span><c:out value='${researchResult.sfCnt }' />명(<c:out value='${researchResult.sfRat}' />%) </span></span>
								</c:if>
								<c:if test="${i == 3}">
									<c:set var="research_text" value="&nbsp;&nbsp;&nbsp;&nbsp;(보통)" />
									<span class="gTerm"><p><span class="starRating"><span style="width:60%">3점</span></span></p>(보통)</span><span class="gBar" style="height:<c:out value='${researchResult.sfRat}' />%"><span><c:out value='${researchResult.sfCnt }' />명(<c:out value='${researchResult.sfRat}' />%) </span></span>
								</c:if>
								<c:if test="${i == 4}">
									<c:set var="research_text" value="&nbsp;&nbsp;&nbsp;(불만족)" />
									<span class="gTerm"><p><span class="starRating"><span style="width:40%">2점</span></span></p>(불만족)</span><span class="gBar" style="height:<c:out value='${researchResult.sfRat}' />%"><span><c:out value='${researchResult.sfCnt }' />명(<c:out value='${researchResult.sfRat}' />%) </span></span>
								</c:if>
								<c:if test="${i == 5}">
									<c:set var="research_text" value="(매우불만족)" />
									<span class="gTerm2"><p><span class="starRating"><span style="width:20%">1점</span></span></p>(매우불만족)</span><span class="gBar" style="height:<c:out value='${researchResult.sfRat}' />%"><span><c:out value='${researchResult.sfCnt }' />명(<c:out value='${researchResult.sfRat}' />%) </span></span>
								</c:if>
						</li>
					</c:forEach>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
</form:form>
<form name="searchForm" method="get" action="<c:url value='/uss/research/researchResult.do'/>">
	<input name="yearSearch" type="hidden" />
	<input name="mcTitle" type="hidden"  value="<c:out value='${researchVO.mcTitle}' />" />
	<input name="mcIdx" type="hidden" value="<c:out value='${researchVO.mcIdx}' />" />
</form>
</body>
</html>