<%--
  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">
<link href="<c:url value='/'/>css/common.css" rel="stylesheet" type="text/css" >
<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();
}

</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">
					<select name="popre_div1 val">
						<option value="val1">2017</option>
						<option value="val2">값2</option>
						<option value="val3">값3</option>
					</select>
					<input type="popre_div1 text">
					<ul class="popre_div2_ul">
						<li><button class="popre_search_btn">검 색</button></li>
					</ul>
				</div>
			</div>
		</div>
		<p class="popre_count">이용안내 만족도<br>평가인원: 3명</p>
		<div class="popre_body">
			<div class="popre_inbox">
				<div class="vGraph">
					<ul>
						<li><span class="gTerm"><p class="star_v"><span class="starRating"><span style="width:100%;">5점</span></span></p>(매우만족)</span><span class="gBar" style="height:0%"><span>0%</span></span></li>
						<li><span class="gTerm"><p><span class="starRating"><span style="width:80%">4점</span></span></p>(만족)</span><span class="gBar" style="height:33%"><span>33%</span></span></li>
						<li><span class="gTerm"><p><span class="starRating"><span style="width:60%">3점</span></span></p>(보통)</span><span class="gBar" style="height:0%"><span>0%</span></span></li>
						<li><span class="gTerm"><p><span class="starRating"><span style="width:40%">2점</span></span></p>(불만족)</span><span class="gBar" style="height:33%"><span>33%</span></span></li>
						<li><span class="gTerm2"><p><span class="starRating"><span style="width:20%">1점</span></span></p>(매우불만족)</span><span class="gBar" style="height:33%"><span>33%</span></span></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
</form:form>
<form name="modiForm" method="get" action="<c:url value='/sec/ram/EgovAuthorRoleList.do'/>" >
	<input name="authorCode" type="hidden" />
	<input name="searchKeyword" type="hidden" />
</form>
<form name="searchForm" method="get" action="<c:url value='/sec/ram/EgovAuthorList.do'/>">
	<input name="pageIndex" type="hidden" value="1" />
	<input name="searchCondition" type="hidden"  value="1" />
	<input name="searchKeyword" type="hidden" />
</form>	










<form:form commandName="researchVO" name="listForm" method="post">
	<form:hidden path="pageIndex" />
	<form:hidden path="mcTitle" />
	<form:hidden path="mcIdx" />
				
	<div class="post_main2_div">
		<div class="main2_div1">
			<span class="sub_title1">만족도 결과</span><span class="title_path">HOME&gt; 내부서비스관리&gt; 만족도관리</span>
		</div>
		<div class="main2_div2">
		<div class="main2_div2_1">
			<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>
			<div class="main2_div2_1_btn">
				<button id="main2_list_btn" onclick="fn_research_year(); return false;" >검 색</button>
			</div>
		</div>
		</div>
		<div class="main2_div3">
			<span>${researchVO.mcTitle} 만족도<br/>평가인원: <c:out value="${researchResultCnt.sfCnt}"/> 명</span>
			<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="researchGraph">
				<ul>
					<c:forEach var="researchResult" items="${researchResult}" varStatus="status">		
						<li>
							<c:set var="i" value="${i+1}" />
							<span class="researchTerm" >
								<c:if test="${i == 1}">
									<c:set var="research_text" value="&nbsp;(매우만족)" />
								</c:if>
								<c:if test="${i == 2}">
									<c:set var="research_text" value="&nbsp;&nbsp;&nbsp;&nbsp;(만족)" />
								</c:if>
								<c:if test="${i == 3}">
									<c:set var="research_text" value="&nbsp;&nbsp;&nbsp;&nbsp;(보통)" />
								</c:if>
								<c:if test="${i == 4}">
									<c:set var="research_text" value="&nbsp;&nbsp;&nbsp;(불만족)" />
								</c:if>
								<c:if test="${i == 5}">
									<c:set var="research_text" value="(매우불만족)" />
								</c:if>
								<img src="/images/common/rs-${i}.png" style="margin:10px 0 0 1px;" alt="${research_text}" border="0" />
								<br/>&nbsp;&nbsp;${research_text}
							</span>
							<span class="researchBar" style="height:${researchResult.sfRat}%">					
								<span> ${researchResult.sfCnt }명(${researchResult.sfRat}%)   </span>
							</span>				
						</li>
					</c:forEach>
				</ul>
			</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="${researchVO.mcTitle}" />
		<input name="mcIdx" type="hidden" value="${researchVO.mcIdx}" />
	</form>	
</body>
</html>