소스충돌 조정

This commit is contained in:
KNKIM 2021-11-12 15:11:58 +09:00
parent 8193cfbff2
commit f470947000
2 changed files with 842 additions and 758 deletions

View File

@ -1,455 +1,459 @@
<%
/**
* <pre>
* @Class Name : searchList.jsp
*
* @Description : 소장 자료를 조회한다.
*
*
* @프로젝트명: 지방문화원 통합자료관리시스템 구축사업 (2021)
*
* </pre>
*
* @ ------------ -------- ---------------------------
* @ 수정일 수정자 수정내용
* @ ------------ -------- ---------------------------
* @ 2021. 10. 13. JSYOO 최초 생성
*
*
* @author 이씨플라자 * DIGITALSHIP JSYOO
* @since 2021. 10. 13.
* @version 1.0
*
*/
%>
<%@ page language="java" 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"%>
<%@ taglib prefix="validator"
uri="http://www.springmodules.org/tags/commons-validator"%>
<c:set var="pageTitle">소장 자료</c:set>
<!DOCTYPE html>
<html>
<head>
<style>
</style>
<title>${pageTitle}</title>
<!-- GRID -->
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/js/jsgrid/nlib-jsgrid.css" />
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/js/jsgrid/nlib-jsgrid-theme.css" />
<script src="${pageContext.request.contextPath}/js/jquery-ui/jquery-ui.js"></script>
<script src="${pageContext.request.contextPath}/js/jsgrid/nlib-jsgrid.js"></script>
<script src="${pageContext.request.contextPath}/js/search/util.js"></script>
<script src="${pageContext.request.contextPath}/js/search/reference.js"></script>
<script type="text/javaScript" language="javascript">
window.onload = function() {
<%//상단 검색바 셋팅%>
$("#top_query").val('${searchVO.query}');
if(sfield == "TITLE")
{
$("#sfield").val(sfield);
}
var sfield = '${searchVO.sfield}';
if(sfield == "TITLE")
{
$("#sfield").val(sfield);
}
// 페이지 크기 변경시 재조회
$("#pageSize").on("change", function(e) {
fnFilterSch();
});
// 검색 버튼 클릭
$("#btnSearch").on("click", function(e) {
fn_search_article(1);
});
$("#referencelistForm input:checkbox[name='reQueryChk']").on('change', function() {
if ( $(this).prop('checked') )
{
$("#query").css("display","none");
$("#reQuery").css("display","inline-block");
$("#reQueryChk").val("reQuery");
}else{
$("#reQuery").css("display","none");
$("#query").css("display","inline-block");
$("#reQueryChk").val("query");
}
});
//초기값
fnSetInitialValue();
//생산년도적용버튼
filter_creatYyyyAply();
//필터클릭체크
reference_filterClk();
//필터삭제
reference_filterDel();
fnLabel_reference();
//초기화
reference_filterReset();
}; // window.onload
//페이지 로드시 초기값셋팅
function fnSetInitialValue()
{
//탭
$("#"+"${searchVO.collection}").parent().addClass('current');
//페이징
pageLoad("fn_search_article",'${pageVO.pageIndex}','${pageVO.totRecordCount}','${pageVO.startPage}','${pageVO.endPage}','${pageVO.lastPage}');
//생산년도
var filter_creatYyyy = '${searchVO.filter_creatYyyy}';
var creatYyyyYn = '${searchVO.creatYyyyYn}';
if(filter_creatYyyy == "date")
{
$("#m-year-2").prop('checked',true);
$("#creatYyyyStart").val("${searchVO.creatYyyyStart}");
$("#creatYyyyEnd").val("${searchVO.creatYyyyEnd}");
if(creatYyyyYn == "Y")
{
$("#creatYyyyYn").prop('checked',true);
}
}else{
$("#m-year-1").prop('checked',true);
}
}
//탭 이동
function fnTabMoveSch(collection){
$("#collection").val(collection);
fnFilterSch();
}
function fnFilterSch(){
document.referencelistForm.action="/search/searchList.do";
document.referencelistForm.submit();
}
//상세보기
function goDetail(masterId){
$("#masterId").val(masterId);
document.referencelistForm.action="/search/searchItemDetail.do";
document.referencelistForm.submit();
}
// 페이징 검색
function fn_search_article(pageIndex) {
$("#pageIndex").val(pageIndex);
fnFilterSch();
}
</script>
</head>
<body>
<!-- 소장자료 섹션 -->
<form name="referencelistForm" id="referencelistForm" method="post" action="/search/searchList.do">
<input type="hidden" name="collection" id="collection" value="<c:out value='${searchVO.collection}'/>" />
<input type="hidden" id="pageIndex" name="pageIndex" title="페이지번호" value="<c:out value='${searchVO.pageIndex }' />"/>
<input type="hidden" id="masterId" name="masterId" value="" />
<input type="hidden" id="filter_creatYyyy" name="filter_creatYyyy" value="<c:out value='${searchVO.filter_creatYyyy}'/>" />
<input type="hidden" name="filter_class" value="<c:out value='${searchVO.filter_class}'/>" />
<input type="hidden" name="filter_category" value="<c:out value='${searchVO.filter_category}'/>"/>
<input type="hidden" id="filter_agency" name="filter_agency" value="<c:out value='${searchVO.filter_agency}'/>"/>
<input type="hidden" id="filter_mylist" name="filter_mylist" value="<c:out value='${searchVO.filter_mylist}'/>"/>
<input type="hidden" id="bookIndex" name="bookIndex" value="<c:out value='${searchVO.bookIndex}'/>"/>
<input type="hidden" id="mngtNo" name="mngtNo" value="<c:out value='${searchVO.mngtNo}'/>"/>
<input type="hidden" id="createStartDate" name="createStartDate" value="<c:out value='${searchVO.createStartDate}'/>"/>
<input type="hidden" id="createEndDate" name="createEndDate" value="<c:out value='${searchVO.createEndDate}'/>"/>
<input type="hidden" id="ageCode" name="ageCode" value="<c:out value='${searchVO.ageCode}'/>"/>
<input type="hidden" id="collectionList" name="collectionList" value="<c:out value='${searchVO.collectionList}'/>"/>
<div class="location data">
<h2 class="blind">소장자료 섹션영역</h2>
<div class="inner">
<div class="row-top">
<div class="location-box">
<ul class="loc">
<li>HOME</li>
<li class="on">소장자료</li>
</ul>
<ul class="tit">
<li><span>소장</span>자료</li>
</ul>
</div>
<div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
</div>
<div class="contents row-bottom">
<div class="data-box">
<div class="article-side">
<section class="filter-wrap">
<div class="filter-head">
<h2>검색필터</h2>
<button type="button" class="btn-filter-reset">초기화</button>
</div>
<div class="choice-condition">
<ul id="reference_fillter_append">
</ul>
</div>
<div class="filter-condition">
<div class="filter">
<div class="filter-tit">
<h3>자료유형</h3>
</div>
<div class="filter-list">
<ul id="ul_category1List">
<li>
<c:forEach var="firstClassList" items="${firstClassList}" varStatus="fcStatus">
<li>
<div class="depth-1 <c:if test="${fn:contains(searchVO.filter_class, firstClassList.column1) }"> on</c:if>">
<div class="check">
<input type="checkbox" value="${firstClassList.column1}" name="first_class" id="data-type-chk${fcStatus.index+1}" <c:if test="${fn:contains(searchVO.filter_class, firstClassList.column1) }">checked="checked"</c:if> />
<label for="data-type-chk${fcStatus.index+1}">${firstClassList.sCodeNm}(<span>${firstClassList.cnt }</span>) </label>
</div>
</div>
<ul class="depth-2">
<c:forEach var="secondClassList" items="${secondClassList}" varStatus="seStatus">
<c:if test="${firstClassList.column1 eq secondClassList.column2 }">
<li>
<div class="check"><input type="checkbox" value="${secondClassList.sCodeId}" name="second_class" id="data-type-chk${fcStatus.index+1}-${seStatus.index+1}" <c:if test="${fn:contains(searchVO.second_class, secondClassList.sCodeId) }">checked="checked"</c:if> />
<label for="data-type-chk${fcStatus.index+1}-${seStatus.index+1}">${secondClassList.sCodeNm}(<span>${secondClassList.cnt }</span>)</label>
</div>
</li>
</c:if>
</c:forEach>
</ul>
</li>
</c:forEach>
</li>
</ul>
</div>
<button type="button" class="btn-toggle-more">더보기</button>
</div>
<div class="filter">
<div class="filter-tit">
<h3>주제분야</h3>
<button type="button" class="btn-toggle">닫기</button>
</div>
<div class="filter-list">
<ul id="ul_category2List">
<c:set var="count" value="0" />
<c:forEach var="firstCategoryInfo" items="${firstCategoryList}" varStatus="status">
<c:if test="${firstCategoryInfo.upClsfId eq '2' }">
<li>
<div class="depth-1 <c:if test="${fn:contains(searchVO.filter_category, firstCategoryInfo.clsfId) }"> on</c:if>">
<div class="check"><input type="checkbox" value="${firstCategoryInfo.clsfId}" id="theme-chk${count+1}" name="first_category" <c:if test="${fn:contains(searchVO.filter_category, firstCategoryInfo.clsfId) }">checked="checked"</c:if>/><label for="theme-chk${count+1}">${firstCategoryInfo.clsfNm}(<span>${firstCategoryInfo.cnt}</span>)</label></div>
</div>
<ul class="depth-2">
<c:forEach var="secondCategoryInfo" items="${secondCategoryList}" varStatus="seStatus">
<c:if test="${firstCategoryInfo.clsfId eq secondCategoryInfo.upClsfId }">
<li><div class="check"><input type="checkbox" value="${secondCategoryInfo.clsfId}" id="theme-chk${count+1}-${seStatus.index+1}" name="second_category" <c:if test="${fn:contains(searchVO.second_category, secondCategoryInfo.clsfId) }">checked="checked"</c:if>/><label for="theme-chk${count+1}-${seStatus.index+1}">${secondCategoryInfo.clsfNm}(<span>${secondCategoryInfo.cnt}</span>)</label></div></li>
</c:if>
</c:forEach>
</ul>
</li>
<c:set var="count" value="${count+1 }" />
</c:if>
</c:forEach>
</ul>
</div>
<button type="button" class="btn-toggle-more">더보기</button>
</div>
<div class="filter">
<div class="filter-tit">
<h3>생산년도</h3>
</div>
<div class="filter-list year">
<ul>
<li>
<label for="m-year-1"><input type="radio" id="m-year-1" name="m-year" value="all">전체</label>
</li>
<li>
<label for="m-year-2-1"><input type="radio" id="m-year-2" name="m-year" value="date">
<input type="text" id="creatYyyyStart" name="creatYyyyStart" onKeyup="this.value=this.value.replace(/[^0-9]/g,'');" maxlength='4' placeholder="예) 2017"> ~ <input type="text" id="creatYyyyEnd" name="creatYyyyEnd" onKeyup="this.value=this.value.replace(/[^0-9]/g,'');" maxlength='4' placeholder="예) 2018">
</label>
</li>
<li>
<input type="checkbox" id="creatYyyyYn" name="creatYyyyYn" value="Y">미상포함
</li>
</ul>
</div>
<button type="button" class="btn-apply">적용</button>
</div>
<div class="filter nodepth">
<div class="filter-tit">
<h3>생산기관</h3>
</div>
<div class="filter-list">
<ul id="ul_category3List">
<c:forEach var="result" items="${searchVO.orgCountList}" varStatus="status">
<li>
<div class="depth-1">
<div class="check"><input type="checkbox" id="agency-chk${status.index+1}" value="${result.org_nm}" name="first_agency" <c:if test="${fn:contains(searchVO.filter_agency,result.org_nm)}">checked="checked"</c:if>/><label for="agency-chk${status.index+1}">${result.org_nm}(${result.org_cnt})</label></div>
</div>
</li>
</c:forEach>
</ul>
</div>
<button type="button" class="btn-toggle-more">더보기</button>
</div>
</div>
</section>
</div>
<div class="list-box culture-box">
<div class="tab">
<ul class="tabs">
<li><a href="#" id="lib_total" onclick="fnTabMoveSch('lib_total');">전체<span>(<c:out value="${searchVO.lib_total_totalCount}"/>)</span></a></li>
<li><a href="#" id="lib_offline" onclick="fnTabMoveSch('lib_offline');">방문열람<span>(<c:out value="${searchVO.lib_offline_totalCount}"/>)</span></a></li>
<li><a href="#" id="lib_loan" onclick="fnTabMoveSch('lib_loan');">대출<span>(<c:out value="${searchVO.lib_loan_totalCount}"/>)</span></a></li>
<li><a href="#" id="lib_online" onclick="fnTabMoveSch('lib_online');">온라인열람<span>(<c:out value="${searchVO.lib_online_totalCount}"/>)</span></a></li>
<li><a href="#" id="lib_etc" onclick="fnTabMoveSch('lib_etc');">기타<span>(<c:out value="${searchVO.lib_etc_totalCount}"/>)</span></a></li>
</ul>
<div class="title">
<c:choose>
<c:when test="${searchVO.realQuery ne '' && (!empty searchVO.realQuery) }">
<span class="count"><strong>${searchVO.realQuery}</strong>에 대한 검색결과는 총 <em>
<fmt:formatNumber value="${searchVO.totalCount}" pattern="#,###" /></em>건 입니다.
</span>
</c:when>
<c:otherwise>
<span class="count">총<em><fmt:formatNumber value="${searchVO.totalCount}" pattern="#,###" /></em> 건</span>
</c:otherwise>
</c:choose>
<div class="list-search-wrap list-top">
<div class="re-search">
<label for="reQueryChk"><input type="checkbox" id="reQueryChk" name="reQueryChk" value="query" <c:if test="${searchVO.reQueryChk eq 'reQuery' }">checked="checked"</c:if>>결과 내 재검색</label>
</div>
<div class="list-select page-size">
<select name="pageSize" id="pageSize" title="리스트 개수 선택">
<c:forEach var="pageSizeItem" items="${pageSizeCodes}" varStatus="status">
<fmt:parseNumber var="i" value="${pageSizeItem.sCodeId}"/>
<option value="<c:out value="${i}" />" <c:if test="${i == searchVO.pageSize }">selected</c:if> ><c:out value="${pageSizeItem.sCodeNm }" /></option>
</c:forEach>
</select>
</div>
<div class="list-input">
<input type="text" name="query" id="query" title="검색어" <c:if test="${!(searchVO.reQueryChk eq 'query') }">style="display:none;"</c:if> placeholder="검색어를 입력하세요." value="${searchVO.query}" maxlength="50" />
<input type="text" name="reQuery" id="reQuery" title="재검색" <c:if test="${!(searchVO.reQueryChk eq 'reQuery') }">style="display:none;"</c:if> placeholder="결과내재검색" value="${searchVO.reQuery}" maxlength="50" />
<button type="submit">검색</button>
</div>
</div>
</div>
<div class="tab_content">
<div class="tabs_item">
<div class="inner">
<div class="list-cart-wrap">
<div class="list-data">
<div class="list t-tit-line">
<div class="t-data">자료정보</div>
<div class="t-btn nomagin">이용</div>
</div>
<c:forEach var="result" items="${searchVO.resultList}"> <!-- 리스트 출력 시작 -->
<div class="list">
<div class="t-data">
<div class="img"><a href="javascript:void(0)"><img src="${result.rprsThumbUrl }" alt="" width="60" height="91" title="상세보기" onclick="goDetail('${result.masterId}');"></a>
<sec:authorize access="isAuthenticated()">
<c:if test='${result.MUseYn == "Y"}'>
<span id="favorites_${result.masterId}" class="favorites" onclick="fn_changeInterest('${result.masterId }', 'off')" title="관심자료에서 삭제합니다.">
<img src="/images/icon/icon-cart-Favorites-on.png" class="off" alt="즐겨찾기 아이콘">
<img src="/images/icon/icon-cart-Favorites.png" class="on" alt="즐겨찾기 아이콘">
</span>
</c:if>
<c:if test='${result.MUseYn != "Y"}'>
<span id="favorites_${result.masterId}" class="favorites" onclick="fn_changeInterest('${result.masterId }', 'on')" title="관심자료로 등록합니다.">
<img src="/images/icon/icon-cart-Favorites.png" class="off" alt="즐겨찾기 아이콘">
<img src="/images/icon/icon-cart-Favorites-on.png" class="on" alt="즐겨찾기 아이콘">
</span>
</c:if>
</sec:authorize>
</div>
<div class="type">
<c:if test="${(!empty result.openDivCd) && (result.openDivCd ne '3') }">
<span class="online">온라인열람</span>
</c:if>
<c:if test="${(!empty result.operOutRangeCd) && (result.operOutRangeCd ne '02')}">
<span class="loan">대출</span>
</c:if>
<c:if test="${(!empty result.operReadRangeCd) && (result.operReadRangeCd ne '03')}">
<span class="visit">방문열람</span>
</c:if>
<c:if test="${!((!empty result.openDivCd) && (result.openDivCd ne '3')) && !((!empty result.operOutRangeCd) && (result.operOutRangeCd ne '02')) && !((!empty result.operReadRangeCd) && (result.operReadRangeCd ne '03')) }">
<span class="etc">기타</span>
</c:if>
</div>
<div class="title"><a href="javascript:void(0)" onclick="goDetail('${result.masterId}');"><c:out value="${result.title}"/></a></div>
<div class="code"><c:out value="${result.mngtNo}"/></div>
<div class="subject">
<c:if test="${!empty result.typeCodeNm}">
<span>자료유형 : ${result.typeCodeNm} &#62; ${result.dtlsTypeDivNm}</span>
</c:if>
<c:if test="${!empty result.subjectNmUp}">
<span>주제분야 : ${result.subjectNmUp} &#62; ${result.subjectNm }</span>
</c:if>
<c:if test="${!empty result.orgNm }">
<span>생산기관 : ${result.orgNm }</span>
</c:if>
<c:if test="${!empty result.creatYyyy}">
<span>생산년도 : ${result.creatYyyy }</span>
</c:if>
</div>
</div>
<div class="t-btn nomagin">
<c:choose>
<c:when test="${(!empty result.operOutRangeNm) && (!empty result.operReadRangeNm)}">
<p>${result.operOutRangeNm}<br>${result.operReadRangeNm}</p>
</c:when>
<c:otherwise>
<c:if test="${(!empty result.operOutRangeNm) || (!empty result.operReadRangeNm) }">
<p>${result.operOutRangeNm}${result.operReadRangeNm}</p>
</c:if>
</c:otherwise>
</c:choose>
<c:if test="${(!empty result.openDivCd) && (result.openDivCd ne '3') && (!empty result.interfaceId)}">
<button type="button" class="btn-color" onclick="docView('${pdfUri }','${result.interfaceId}')";>원문보기</button>
</c:if>
<button type="button" class="btn-gray" onclick="risShow('${result.masterId}')";>RIS</button>
</div>
</div>
</c:forEach> <!-- 리스트 출력 끝부분 -->
<c:if test = "${fn:length(searchVO.resultList) < 1}">
<li class="no-result">
<span>검색결과가 없습니다.</span>
</li>
</c:if>
</div>
</div>
<ul id="paging" class="paging">
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</body>
</html>
<%
/**
* <pre>
* @Class Name : searchList.jsp
*
* @Description : 소장 자료를 조회한다.
*
*
* @프로젝트명: 지방문화원 통합자료관리시스템 구축사업 (2021)
*
* </pre>
*
* @ ------------ -------- ---------------------------
* @ 수정일 수정자 수정내용
* @ ------------ -------- ---------------------------
* @ 2021. 10. 13. JSYOO 최초 생성
*
*
* @author 이씨플라자 * DIGITALSHIP JSYOO
* @since 2021. 10. 13.
* @version 1.0
*
*/
%>
<%@ page language="java" 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"%>
<%@ taglib prefix="validator"
uri="http://www.springmodules.org/tags/commons-validator"%>
<c:set var="pageTitle">소장 자료</c:set>
<!DOCTYPE html>
<html>
<head>
<style>
</style>
<title>${pageTitle}</title>
<!-- GRID -->
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/js/jsgrid/nlib-jsgrid.css" />
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/js/jsgrid/nlib-jsgrid-theme.css" />
<script src="${pageContext.request.contextPath}/js/jquery-ui/jquery-ui.js"></script>
<script src="${pageContext.request.contextPath}/js/jsgrid/nlib-jsgrid.js"></script>
<script src="${pageContext.request.contextPath}/js/search/util.js"></script>
<script src="${pageContext.request.contextPath}/js/search/reference.js"></script>
<script type="text/javaScript" language="javascript">
window.onload = function() {
<%//상단 검색바 셋팅%>
$("#top_query").val('${searchVO.query}');
if(sfield == "TITLE")
{
$("#sfield").val(sfield);
}
var sfield = '${searchVO.sfield}';
if(sfield == "TITLE")
{
$("#sfield").val(sfield);
}
// 페이지 크기 변경시 재조회
$("#pageSize").on("change", function(e) {
fnFilterSch();
});
// 검색 버튼 클릭
$("#btnSearch").on("click", function(e) {
fn_search_article(1);
});
$("#referencelistForm input:checkbox[name='reQueryChk']").on('change', function() {
if ( $(this).prop('checked') )
{
$("#query").css("display","none");
$("#reQuery").css("display","inline-block");
$("#reQueryChk").val("reQuery");
}else{
$("#reQuery").css("display","none");
$("#query").css("display","inline-block");
$("#reQueryChk").val("query");
}
});
//초기값
fnSetInitialValue();
//생산년도적용버튼
filter_creatYyyyAply();
//필터클릭체크
reference_filterClk();
//필터삭제
reference_filterDel();
//필터삭제(상세검색에 추가된부분)
reference_detailFilterDel();
fnLabel_reference();
//초기화
reference_filterReset();
}; // window.onload
//페이지 로드시 초기값셋팅
function fnSetInitialValue()
{
//탭
$("#"+"${searchVO.collection}").parent().addClass('current');
//페이징
pageLoad("fn_search_article",'${pageVO.pageIndex}','${pageVO.totRecordCount}','${pageVO.startPage}','${pageVO.endPage}','${pageVO.lastPage}');
//생산년도
var filter_creatYyyy = '${searchVO.filter_creatYyyy}';
var creatYyyyYn = '${searchVO.creatYyyyYn}';
if(filter_creatYyyy == "date")
{
$("#m-year-2").prop('checked',true);
$("#creatYyyyStart").val("${searchVO.creatYyyyStart}");
$("#creatYyyyEnd").val("${searchVO.creatYyyyEnd}");
if(creatYyyyYn == "Y")
{
$("#creatYyyyYn").prop('checked',true);
}
}else{
$("#m-year-1").prop('checked',true);
}
}
//탭 이동
function fnTabMoveSch(collection){
$("#collection").val(collection);
fnFilterSch();
}
function fnFilterSch(){
document.referencelistForm.action="/search/searchList.do";
document.referencelistForm.submit();
}
//상세보기
function goDetail(masterId){
$("#masterId").val(masterId);
document.referencelistForm.action="/search/searchItemDetail.do";
document.referencelistForm.submit();
}
// 페이징 검색
function fn_search_article(pageIndex) {
$("#pageIndex").val(pageIndex);
fnFilterSch();
}
</script>
</head>
<body>
<!-- 소장자료 섹션 -->
<form name="referencelistForm" id="referencelistForm" method="post" action="/search/searchList.do">
<input type="hidden" name="collection" id="collection" value="<c:out value='${searchVO.collection}'/>" />
<input type="hidden" id="pageIndex" name="pageIndex" title="페이지번호" value="<c:out value='${searchVO.pageIndex }' />"/>
<input type="hidden" id="masterId" name="masterId" value="" />
<input type="hidden" id="filter_creatYyyy" name="filter_creatYyyy" value="<c:out value='${searchVO.filter_creatYyyy}'/>" />
<input type="hidden" name="filter_class" value="<c:out value='${searchVO.filter_class}'/>" />
<input type="hidden" name="filter_category" value="<c:out value='${searchVO.filter_category}'/>"/>
<input type="hidden" id="filter_agency" name="filter_agency" value="<c:out value='${searchVO.filter_agency}'/>"/>
<input type="hidden" id="filter_mylist" name="filter_mylist" value="<c:out value='${searchVO.filter_mylist}'/>"/>
<input type="hidden" id="bookIndex" name="bookIndex" value="<c:out value='${searchVO.bookIndex}'/>"/>
<input type="hidden" id="mngtNo" name="mngtNo" value="<c:out value='${searchVO.mngtNo}'/>"/>
<input type="hidden" id="createStartDate" name="createStartDate" value="<c:out value='${searchVO.createStartDate}'/>"/>
<input type="hidden" id="createEndDate" name="createEndDate" value="<c:out value='${searchVO.createEndDate}'/>"/>
<input type="hidden" id="ageCode" name="ageCode" value="<c:out value='${searchVO.ageCode}'/>"/>
<input type="hidden" id="collectionList" name="collectionList" value="<c:out value='${searchVO.collectionList}'/>"/>
<input type="hidden" id="realQuery" name="realQuery" value="<c:out value='${searchVO.realQuery}'/>"/>
<div class="location data">
<h2 class="blind">소장자료 섹션영역</h2>
<div class="inner">
<div class="row-top">
<div class="location-box">
<ul class="loc">
<li>HOME</li>
<li class="on">소장자료</li>
</ul>
<ul class="tit">
<li><span>소장</span>자료</li>
</ul>
</div>
<div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
</div>
<div class="contents row-bottom">
<div class="data-box">
<div class="article-side">
<section class="filter-wrap">
<div class="filter-head">
<h2>검색필터</h2>
<button type="button" class="btn-filter-reset">초기화</button>
</div>
<div class="choice-condition">
<ul id="reference_fillter_append">
</ul>
</div>
<div class="filter-condition">
<div class="filter">
<div class="filter-tit">
<h3>자료유형</h3>
</div>
<div class="filter-list">
<ul id="ul_category1List">
<li>
<c:forEach var="firstClassList" items="${firstClassList}" varStatus="fcStatus">
<li>
<div class="depth-1 <c:if test="${fn:contains(searchVO.filter_class, firstClassList.column1) }"> on</c:if>">
<div class="check">
<input type="checkbox" value="${firstClassList.column1}" name="first_class" id="data-type-chk${fcStatus.index+1}" <c:if test="${fn:contains(searchVO.filter_class, firstClassList.column1) }">checked="checked"</c:if> />
<label for="data-type-chk${fcStatus.index+1}">${firstClassList.sCodeNm}(<span>${firstClassList.cnt }</span>) </label>
</div>
</div>
<ul class="depth-2">
<c:forEach var="secondClassList" items="${secondClassList}" varStatus="seStatus">
<c:if test="${firstClassList.column1 eq secondClassList.column2 }">
<li>
<div class="check"><input type="checkbox" value="${secondClassList.sCodeId}" name="second_class" id="data-type-chk${fcStatus.index+1}-${seStatus.index+1}" <c:if test="${fn:contains(searchVO.second_class, secondClassList.sCodeId) }">checked="checked"</c:if> />
<label for="data-type-chk${fcStatus.index+1}-${seStatus.index+1}">${secondClassList.sCodeNm}(<span>${secondClassList.cnt }</span>)</label>
</div>
</li>
</c:if>
</c:forEach>
</ul>
</li>
</c:forEach>
</li>
</ul>
</div>
<button type="button" class="btn-toggle-more">더보기</button>
</div>
<div class="filter">
<div class="filter-tit">
<h3>주제분야</h3>
<button type="button" class="btn-toggle">닫기</button>
</div>
<div class="filter-list">
<ul id="ul_category2List">
<c:set var="count" value="0" />
<c:forEach var="firstCategoryInfo" items="${firstCategoryList}" varStatus="status">
<c:if test="${firstCategoryInfo.upClsfId eq '2' }">
<li>
<div class="depth-1 <c:if test="${fn:contains(searchVO.filter_category, firstCategoryInfo.clsfId) }"> on</c:if>">
<div class="check"><input type="checkbox" value="${firstCategoryInfo.clsfId}" id="theme-chk${count+1}" name="first_category" <c:if test="${fn:contains(searchVO.filter_category, firstCategoryInfo.clsfId) }">checked="checked"</c:if>/><label for="theme-chk${count+1}">${firstCategoryInfo.clsfNm}(<span>${firstCategoryInfo.cnt}</span>)</label></div>
</div>
<ul class="depth-2">
<c:forEach var="secondCategoryInfo" items="${secondCategoryList}" varStatus="seStatus">
<c:if test="${firstCategoryInfo.clsfId eq secondCategoryInfo.upClsfId }">
<li><div class="check"><input type="checkbox" value="${secondCategoryInfo.clsfId}" id="theme-chk${count+1}-${seStatus.index+1}" name="second_category" <c:if test="${fn:contains(searchVO.second_category, secondCategoryInfo.clsfId) }">checked="checked"</c:if>/><label for="theme-chk${count+1}-${seStatus.index+1}">${secondCategoryInfo.clsfNm}(<span>${secondCategoryInfo.cnt}</span>)</label></div></li>
</c:if>
</c:forEach>
</ul>
</li>
<c:set var="count" value="${count+1 }" />
</c:if>
</c:forEach>
</ul>
</div>
<button type="button" class="btn-toggle-more">더보기</button>
</div>
<div class="filter">
<div class="filter-tit">
<h3>생산년도</h3>
</div>
<div class="filter-list year">
<ul>
<li>
<label for="m-year-1"><input type="radio" id="m-year-1" name="m-year" value="all">전체</label>
</li>
<li>
<label for="m-year-2-1"><input type="radio" id="m-year-2" name="m-year" value="date">
<input type="text" id="creatYyyyStart" name="creatYyyyStart" onKeyup="this.value=this.value.replace(/[^0-9]/g,'');" maxlength='4' placeholder="예) 2017"> ~ <input type="text" id="creatYyyyEnd" name="creatYyyyEnd" onKeyup="this.value=this.value.replace(/[^0-9]/g,'');" maxlength='4' placeholder="예) 2018">
</label>
</li>
<li>
<input type="checkbox" id="creatYyyyYn" name="creatYyyyYn" value="Y">미상포함
</li>
</ul>
</div>
<button type="button" class="btn-apply">적용</button>
</div>
<div class="filter nodepth">
<div class="filter-tit">
<h3>생산기관</h3>
</div>
<div class="filter-list">
<ul id="ul_category3List">
<c:forEach var="result" items="${searchVO.orgCountList}" varStatus="status">
<li>
<div class="depth-1">
<div class="check"><input type="checkbox" id="agency-chk${status.index+1}" value="${result.org_nm}" name="first_agency" <c:if test="${fn:contains(searchVO.filter_agency,result.org_nm)}">checked="checked"</c:if>/><label for="agency-chk${status.index+1}">${result.org_nm}(${result.org_cnt})</label></div>
</div>
</li>
</c:forEach>
</ul>
</div>
<button type="button" class="btn-toggle-more">더보기</button>
</div>
</div>
</section>
</div>
<div class="list-box culture-box">
<div class="tab">
<ul class="tabs">
<li><a href="#" id="lib_total" onclick="fnTabMoveSch('lib_total');">전체<span>(<c:out value="${searchVO.lib_total_totalCount}"/>)</span></a></li>
<li><a href="#" id="lib_offline" onclick="fnTabMoveSch('lib_offline');">방문열람<span>(<c:out value="${searchVO.lib_offline_totalCount}"/>)</span></a></li>
<li><a href="#" id="lib_loan" onclick="fnTabMoveSch('lib_loan');">대출<span>(<c:out value="${searchVO.lib_loan_totalCount}"/>)</span></a></li>
<li><a href="#" id="lib_online" onclick="fnTabMoveSch('lib_online');">온라인열람<span>(<c:out value="${searchVO.lib_online_totalCount}"/>)</span></a></li>
<li><a href="#" id="lib_etc" onclick="fnTabMoveSch('lib_etc');">기타<span>(<c:out value="${searchVO.lib_etc_totalCount}"/>)</span></a></li>
</ul>
<div class="title">
<c:choose>
<c:when test="${searchVO.realQuery ne '' && (!empty searchVO.realQuery) }">
<span class="count"><strong>${searchVO.realQuery}</strong>에 대한 검색결과는 총 <em>
<fmt:formatNumber value="${searchVO.totalCount}" pattern="#,###" /></em>건 입니다.
</span>
</c:when>
<c:otherwise>
<span class="count">총<em><fmt:formatNumber value="${searchVO.totalCount}" pattern="#,###" /></em> 건</span>
</c:otherwise>
</c:choose>
<div class="list-search-wrap list-top">
<div class="re-search">
<label for="reQueryChk"><input type="checkbox" id="reQueryChk" name="reQueryChk" value="query" <c:if test="${searchVO.reQueryChk eq 'reQuery' }">checked="checked"</c:if>>결과 내 재검색</label>
</div>
<div class="list-select page-size">
<select name="pageSize" id="pageSize" title="리스트 개수 선택">
<c:forEach var="pageSizeItem" items="${pageSizeCodes}" varStatus="status">
<fmt:parseNumber var="i" value="${pageSizeItem.sCodeId}"/>
<option value="<c:out value="${i}" />" <c:if test="${i == searchVO.pageSize }">selected</c:if> ><c:out value="${pageSizeItem.sCodeNm }" /></option>
</c:forEach>
</select>
</div>
<div class="list-input">
<input type="text" name="query" id="query" title="검색어" <c:if test="${!(searchVO.reQueryChk eq 'query') }">style="display:none;"</c:if> placeholder="검색어를 입력하세요." value="${searchVO.query}" maxlength="50" />
<input type="text" name="reQuery" id="reQuery" title="재검색" <c:if test="${!(searchVO.reQueryChk eq 'reQuery') }">style="display:none;"</c:if> placeholder="결과내재검색" value="${searchVO.reQuery}" maxlength="50" />
<button type="submit">검색</button>
</div>
</div>
</div>
<div class="tab_content">
<div class="tabs_item">
<div class="inner">
<div class="list-cart-wrap">
<div class="list-data">
<div class="list t-tit-line">
<div class="t-data">자료정보</div>
<div class="t-btn nomagin">이용</div>
</div>
<c:forEach var="result" items="${searchVO.resultList}"> <!-- 리스트 출력 시작 -->
<div class="list">
<div class="t-data">
<div class="img"><a href="javascript:void(0)"><img src="${result.rprsThumbUrlWithDefault }" alt="" width="60" height="91" title="상세보기" onclick="goDetail('${result.masterId}');"></a>
<sec:authorize access="isAuthenticated()">
<c:if test='${result.MUseYn == "Y"}'>
<span id="favorites_${result.masterId}" class="favorites" onclick="fn_changeInterest('${result.masterId }', 'off')" title="관심자료에서 삭제합니다.">
<img src="/images/icon/icon-cart-Favorites-on.png" class="off" alt="즐겨찾기 아이콘">
<img src="/images/icon/icon-cart-Favorites.png" class="on" alt="즐겨찾기 아이콘">
</span>
</c:if>
<c:if test='${result.MUseYn != "Y"}'>
<span id="favorites_${result.masterId}" class="favorites" onclick="fn_changeInterest('${result.masterId }', 'on')" title="관심자료로 등록합니다.">
<img src="/images/icon/icon-cart-Favorites.png" class="off" alt="즐겨찾기 아이콘">
<img src="/images/icon/icon-cart-Favorites-on.png" class="on" alt="즐겨찾기 아이콘">
</span>
</c:if>
</sec:authorize>
</div>
<div class="type">
<c:if test="${(!empty result.openDivCd) && (result.openDivCd ne '3') }">
<span class="online">온라인열람</span>
</c:if>
<c:if test="${(!empty result.operOutRangeCd) && (result.operOutRangeCd ne '02')}">
<span class="loan">대출</span>
</c:if>
<c:if test="${(!empty result.operReadRangeCd) && (result.operReadRangeCd ne '03')}">
<span class="visit">방문열람</span>
</c:if>
<c:if test="${!((!empty result.openDivCd) && (result.openDivCd ne '3')) && !((!empty result.operOutRangeCd) && (result.operOutRangeCd ne '02')) && !((!empty result.operReadRangeCd) && (result.operReadRangeCd ne '03')) }">
<span class="etc">기타</span>
</c:if>
</div>
<div class="title"><a href="javascript:void(0)" onclick="goDetail('${result.masterId}');"><c:out value="${result.title}"/></a></div>
<div class="code"><c:out value="${result.mngtNo}"/></div>
<div class="subject">
<c:if test="${!empty result.typeCodeNm}">
<span>자료유형 : ${result.typeCodeNm} &#62; ${result.dtlsTypeDivNm}</span>
</c:if>
<c:if test="${!empty result.subjectNmUp}">
<span>주제분야 : ${result.subjectNmUp} &#62; ${result.subjectNm }</span>
</c:if>
<c:if test="${!empty result.orgNm }">
<span>생산기관 : ${result.orgNm }</span>
</c:if>
<c:if test="${!empty result.creatYyyy}">
<span>생산년도 : ${result.creatYyyy }</span>
</c:if>
</div>
</div>
<div class="t-btn nomagin">
<c:choose>
<c:when test="${(!empty result.operOutRangeNm) && (!empty result.operReadRangeNm)}">
<p>${result.operOutRangeNm}<br>${result.operReadRangeNm}</p>
</c:when>
<c:otherwise>
<c:if test="${(!empty result.operOutRangeNm) || (!empty result.operReadRangeNm) }">
<p>${result.operOutRangeNm}${result.operReadRangeNm}</p>
</c:if>
</c:otherwise>
</c:choose>
<c:if test="${(!empty result.openDivCd) && (result.openDivCd ne '3') && (!empty result.interfaceId)}">
<button type="button" class="btn-color" onclick="gfn_showDocPdf('${result.interfaceId}')";>원문보기</button>
</c:if>
<button type="button" class="btn-gray" onclick="risShow('${result.masterId}')";>RIS</button>
</div>
</div>
</c:forEach> <!-- 리스트 출력 끝부분 -->
<c:if test = "${fn:length(searchVO.resultList) < 1}">
<li class="no-result">
<span>검색결과가 없습니다.</span>
</li>
</c:if>
</div>
</div>
<ul id="paging" class="paging">
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</body>
</html>

View File

@ -1,303 +1,383 @@
//filter clk evt
function reference_filterClk(){
$(document).on("click","#referencelistForm [name=second_class],#referencelistForm [name=second_category],#referencelistForm [name=first_agency]",function(){
//first chk
if( $(this).parents('.depth-2').find('input:checkbox[name="' + event.target.name + '"]:checked').length >= 1){
$(this).parents('.depth-2').siblings('.depth-1').find('input').prop("checked", true);
}else{
$(this).parents('.depth-2').siblings('.depth-1').find('input').prop("checked", false);
}
//filter_mylist clk array
var filter_mylist = "";
var filter_mylist_clk = "";
var filter_agency = "";
var filter_agency_clk = "";
filter_agency = $('#filter_agency').val();
filter_mylist = $('#filter_mylist').val();
if($(this).attr('name') == 'second_class'){
filter_mylist_clk = 'class_'+$(this).val() +',';
}else if($(this).attr('name') == 'second_category'){
filter_mylist_clk = 'category_'+$(this).val() +',';
}else if($(this).attr('name') == 'first_agency'){
filter_mylist_clk = 'agency_'+$(this).val() +',';
//생산기관은 1depth 이므로 별도처리
filter_agency_clk = $(this).val() +",";
}
//생산기관은 1depth 이므로 별도처리
if($(this).is(":checked")){
filter_mylist += filter_mylist_clk;
filter_agency += filter_agency_clk;
}else{
filter_mylist = filter_mylist.replace(filter_mylist_clk,'');
filter_agency = filter_agency.replace(filter_agency,'');
}
$('#filter_mylist').val(filter_mylist);
$('#filter_agency').val(filter_agency);
//depth-1
var on_classArr = document.querySelectorAll("div.depth-1.on");
var filter_class = "" ;
var filter_category = "" ;
for(var i=0; i<on_classArr.length; i++){
if($(on_classArr[i]).find('input').attr('name') == 'first_class') {
filter_class = $(on_classArr[i]).find('input').val();
}else{
filter_category = $(on_classArr[i]).find('input').val();
}
}
var listForm = document.forms["referencelistForm"];
listForm.pageIndex.value = 1;
listForm.filter_class.value = filter_class;
listForm.filter_category.value = filter_category;
fnFilterSch();
});
}
function filter_creatYyyyAply(){
$(document).on("click","#referencelistForm button[class^='btn-apply']",function(){
var filter_mylist = "";
filter_mylist = $('#filter_mylist').val();
//전체
if($("#m-year-1").is(':checked') == true)
{
$("#filter_creatYyyy").val("all");
filter_mylist = filter_mylist.replace("creat_all","");
filter_mylist = filter_mylist.replace("creat_date,","");
filter_mylist += "creat_all,";
$("#filter_mylist").val(filter_mylist);
}
//생산년도 검색
if($("#m-year-2").is(':checked') == true)
{
if($("#creatYyyyStart").val() == "")
{
alert("생산년도 검색 시작일자를 입력해주세요.");
return false;
}
if($("#creatYyyyEnd").val() == "")
{
alert("생산년도 검색 종료일자를 입력해주세요.");
return false;
}
$("#filter_creatYyyy").val("date");
filter_mylist = filter_mylist.replace("creat_all","");
filter_mylist = filter_mylist.replace("creat_date,","");
filter_mylist += "creat_date,";
$("#filter_mylist").val(filter_mylist);
}
fnFilterSch();
});
}
//초기화
function reference_filterReset(){
$(document).on("click","#referencelistForm button[class^='btn-filter-reset']",function(){
$("#pageIndex").val("1");
$("#filter_creatYyyy").val("");
$("#creatYyyyStart").val("");
$("#creatYyyyEnd").val("");
$("#filter_class").val("");
$("#filter_category").val("");
$("#filter_agency").val("");
$("#filter_mylist").val("");
$("#referencelistForm [name=first_class],#referencelistForm [name=second_class],#referencelistForm [name=first_category],#referencelistForm [name=second_category],#referencelistForm [name=creatYyyyYn],#referencelistForm [name=first_agency]").prop("checked", false);
fnFilterSch();
});
}
//reference 결과 필터 del 클릭
function reference_filterDel(){
$(document).on("click","#referencelistForm button[id^='c_cate_data-type-chk'],#referencelistForm button[id^='j_cate_theme-chk'],#referencelistForm button[name=first_agency_del]",function(){
var s_cate_id = $(this).attr("id");
s_cate_id = s_cate_id.substring(s_cate_id.lastIndexOf("_")+1);
var reference_gubun_name = "";
if( $(this).attr('id').indexOf("theme-chk") != -1){
reference_gubun_name = "second_category";
}else if( $(this).attr('id').indexOf("data-type-chk")!= -1){
reference_gubun_name = "second_class";
}
//first
var first_nm = $(this).attr('id').replace('c_cate_', '').replace('j_cate_', '');
first_nm = first_nm.substring(0,first_nm.indexOf("_",-2)); //data-type-chk1-4
first_nm = first_nm.substring(0,first_nm.lastIndexOf("-")) ; //data-type-chk1
if($("#referencelistForm input:checkbox[id^='"+ first_nm +"-']:checked").length ==1){
$("input:checkbox[id='" + first_nm + "']").prop("checked", false);
}
//second
$("#referencelistForm input[name='"+ reference_gubun_name+ "']:input[value='"+s_cate_id+"']").each(function () {
$(this).prop("checked",false);
});
//filter_mylist clk array remove
var filter_mylist = "";
var filter_mylist_clk = "";
var filter_agency = "";
var filter_agency_clk = "";
filter_agency = $('#filter_agency').val();
filter_mylist = $('#filter_mylist').val();
if($(this).attr('id').indexOf('c_cate_data-type') >= 0 ){
filter_mylist_clk = 'class_'+ s_cate_id +',';
}else if($(this).attr('id').indexOf('j_cate_theme')>= 0 ){
filter_mylist_clk = 'category_'+ s_cate_id +',';
}else if($(this).attr('name').indexOf('first_agency_del')>= 0 ){
filter_mylist_clk = 'agency_'+ $(this).val() +',';
filter_agency_clk = $(this).val() +',';
}
filter_agency = filter_agency.replace(filter_agency_clk,'');
filter_mylist = filter_mylist.replace(filter_mylist_clk,'');
$('#filter_agency').val(filter_agency);
$('#filter_mylist').val(filter_mylist);
//depth-1
var on_classArr = document.querySelectorAll("div.depth-1.on");
var filter_class = "" ;
var filter_category = "" ;
for(var i=0; i<on_classArr.length; i++){
if($(on_classArr[i]).find('input').attr('name') == 'first_class') {
filter_class = $(on_classArr[i]).find('input').val();
}else{
filter_category = $(on_classArr[i]).find('input').val();
}
}
var listForm = document.forms["referencelistForm"];
listForm.pageIndex.value = 1;
listForm.filter_class.value = filter_class;
listForm.filter_category.value = filter_category;
fnFilterSch();
});
}
function fnLabel_reference(){
var mylist_arr = $("#referencelistForm [name=filter_mylist]").val().split(",");
var comparisonData;
for(var j=0; j < mylist_arr.length ; j++){
if(mylist_arr[j].indexOf("class") >= 0){
var checked = document.querySelectorAll("#referencelistForm [name='second_class']:checked");
for(var i=0; i<checked.length; i++){
var checkVal = util.xssCheck($(checked[i]).val());
if(mylist_arr[j].indexOf(checkVal) >= 0 ){
var second_cate_id = "c_cate_"+ $(checked[i]).attr('id') +"_id_" +checkVal ;
var first_cate_nm =$(checked[i]).parents('.depth-2').siblings('.depth-1').find('label').text();
var second_cate_nm = $(checked[i]).next().text();
first_cate_nm = first_cate_nm.substring(0,first_cate_nm.indexOf("(",-1));
second_cate_nm = second_cate_nm.substring(0,second_cate_nm.lastIndexOf("("));
if(comparisonData != second_cate_id){
first_cate_nm = util.xssCheck(first_cate_nm);
second_cate_nm = util.xssCheck(second_cate_nm);
second_cate_id = util.xssCheck(second_cate_id);
$("#reference_fillter_append").append("<li>"+ first_cate_nm + " &#62; "+ second_cate_nm + "<button type=\"button\" name=\"first_agency_del\" class=\"btn-del-filter\" id=\""+second_cate_id+"\">삭제</button></li>").text();
comparisonData = second_cate_id;
}
}
}
}
else if(mylist_arr[j].indexOf("category") >= 0){
var checked = document.querySelectorAll("#referencelistForm [name='second_category']:checked");
var comparisonData;
//필터라벨
for(var i=0; i<checked.length; i++){
var checkVal = util.xssCheck($(checked[i]).val());
if(mylist_arr[j].indexOf(checkVal) >= 0 ){
var second_cate_id = "j_cate_"+ $(checked[i]).attr('id') +"_id_" +checkVal ;
var first_cate_nm =$(checked[i]).parents('.depth-2').siblings('.depth-1').find('input').next().text();
var second_cate_nm = $(checked[i]).next().text();
first_cate_nm = first_cate_nm.substring(0,first_cate_nm.indexOf("(",-1));
second_cate_nm = second_cate_nm.substring(0,second_cate_nm.indexOf("(",-1));
if(comparisonData != second_cate_id){
first_cate_nm = util.xssCheck(first_cate_nm);
second_cate_nm = util.xssCheck(second_cate_nm);
second_cate_id = util.xssCheck(second_cate_id);
$("#reference_fillter_append").append("<li>"+ first_cate_nm + " &#62; "+ second_cate_nm + "<button type=\"button\" class=\"btn-del-filter\" id=\""+second_cate_id+"\">삭제</button></li>").text();
comparisonData = second_cate_id;
}
}
}
}
else if(mylist_arr[j].indexOf("creat_all") >= 0){
$("#reference_fillter_append").append("<li>생산년도 &#62; 전체<button type=\"button\" class=\"btn-del-filter\" id=\""+second_cate_id+"\">삭제</button></li>").text();
}
else if(mylist_arr[j].indexOf("creat_date") >= 0){
$("#reference_fillter_append").append("<li>생산년도 &#62; " + $("#creatYyyyStart").val() + "~" + $("#creatYyyyEnd").val() +"<button type=\"button\" class=\"btn-del-filter\" id=\""+second_cate_id+"\">삭제</button></li>").text();
}else if(mylist_arr[j].indexOf("agency") >= 0){
var second_cate_nm = mylist_arr[j].substring(mylist_arr[j].indexOf("_")+1);
$("#reference_fillter_append").append("<li>생산기관 &#62; "+ second_cate_nm + "<button type=\"button\" class=\"btn-del-filter\" id=\"\" name=\"first_agency_del\" value=\""+second_cate_nm+"\">삭제</button></li>").text();
}
} //for end
}
function fnLabel_reference_detail(){
$('#referencelistForm input[name=sojang_council]').prop("checked",false);
$('#referencelistForm input[name=sido_name]').prop("checked",false);
$("#referencelistForm .cmm-list-chk").each(function (index, item) {
$(this).prop("checked",true);
});
$("#reference_council_append").empty();
var mylist_arr = $("#referencelistForm [name=filter_mylist]").val().split(",");
for(var j=0; j < mylist_arr.length ; j++){
if(mylist_arr[j].indexOf("council") >= 0){
var checked = document.querySelectorAll("#referencelistForm [name='sojang_council']:checked");
for(var i=0; i<checked.length; i++){
var checkVal = util.xssCheck($(checked[i]).val());
if(mylist_arr[j].indexOf(checkVal) >= 0 ){
var second_cate_id = $(checked[i]).attr('id')+"_id";
var second_cate_id_del = $(checked[i]).attr('id')+"_id_del";
var first_cate_nm =$(checked[i]).parents('.depth-2').siblings('.depth-1').find('input').next().text();
var second_cate_nm = $(checked[i]).next().text();
first_cate_nm = first_cate_nm.substring(0,first_cate_nm.indexOf("(",-1));
second_cate_nm = second_cate_nm.substring(0,second_cate_nm.indexOf("(",-1));
second_cate_id = util.xssCheck(second_cate_id);
second_cate_id_del = util.xssCheck(second_cate_id_del);
first_cate_nm = util.xssCheck(first_cate_nm);
second_cate_nm = util.xssCheck(second_cate_nm);
$("#reference_council_append").append("<li id=\""+second_cate_id+"\"><button type=\"button\" title=\"삭제\" id=\""+second_cate_id_del+"\"><span class=\"sign\">"+ first_cate_nm+" &gt; </span>"+ second_cate_nm+"</button></li>");
}
}
}//if end
}//for end
var checked2 = document.querySelectorAll("#referencelistForm [name='sido_name']:checked");
for(var i=0; i<checked2.length; i++){
$(checked2[i]).prop("checked", true);
}
}
function fnFilterSch(){
document.referencelistForm.action="/search/searchList.do";
document.referencelistForm.submit();
}
//filter clk evt
function reference_filterClk(){
$(document).on("click","#referencelistForm [name=second_class],#referencelistForm [name=second_category],#referencelistForm [name=first_agency]",function(){
//first chk
if( $(this).parents('.depth-2').find('input:checkbox[name="' + event.target.name + '"]:checked').length >= 1){
$(this).parents('.depth-2').siblings('.depth-1').find('input').prop("checked", true);
}else{
$(this).parents('.depth-2').siblings('.depth-1').find('input').prop("checked", false);
}
//filter_mylist clk array
var filter_mylist = "";
var filter_mylist_clk = "";
var filter_agency = "";
var filter_agency_clk = "";
filter_agency = $('#filter_agency').val();
filter_mylist = $('#filter_mylist').val();
if($(this).attr('name') == 'second_class'){
filter_mylist_clk = 'class_'+$(this).val() +',';
}else if($(this).attr('name') == 'second_category'){
filter_mylist_clk = 'category_'+$(this).val() +',';
}else if($(this).attr('name') == 'first_agency'){
filter_mylist_clk = 'agency_'+$(this).val() +',';
//생산기관은 1depth 이므로 별도처리
filter_agency_clk = $(this).val() +",";
}
//생산기관은 1depth 이므로 별도처리
if($(this).is(":checked")){
filter_mylist += filter_mylist_clk;
filter_agency += filter_agency_clk;
}else{
filter_mylist = filter_mylist.replace(filter_mylist_clk,'');
filter_agency = filter_agency.replace(filter_agency,'');
}
$('#filter_mylist').val(filter_mylist);
$('#filter_agency').val(filter_agency);
//depth-1
var on_classArr = document.querySelectorAll("div.depth-1.on");
var filter_class = "" ;
var filter_category = "" ;
for(var i=0; i<on_classArr.length; i++){
if($(on_classArr[i]).find('input').attr('name') == 'first_class') {
filter_class = $(on_classArr[i]).find('input').val();
}else{
filter_category = $(on_classArr[i]).find('input').val();
}
}
var listForm = document.forms["referencelistForm"];
listForm.pageIndex.value = 1;
listForm.filter_class.value = filter_class;
listForm.filter_category.value = filter_category;
fnFilterSch();
});
}
function filter_creatYyyyAply(){
$(document).on("click","#referencelistForm button[class^='btn-apply']",function(){
var filter_mylist = "";
filter_mylist = $('#filter_mylist').val();
//전체
if($("#m-year-1").is(':checked') == true)
{
$("#filter_creatYyyy").val("all");
filter_mylist = filter_mylist.replace("creat_all","");
filter_mylist = filter_mylist.replace("creat_date,","");
filter_mylist += "creat_all,";
$("#filter_mylist").val(filter_mylist);
}
//생산년도 검색
if($("#m-year-2").is(':checked') == true)
{
if($("#creatYyyyStart").val() == "")
{
alert("생산년도 검색 시작일자를 입력해주세요.");
return false;
}
if($("#creatYyyyEnd").val() == "")
{
alert("생산년도 검색 종료일자를 입력해주세요.");
return false;
}
$("#filter_creatYyyy").val("date");
filter_mylist = filter_mylist.replace("creat_all","");
filter_mylist = filter_mylist.replace("creat_date,","");
filter_mylist += "creat_date,";
$("#filter_mylist").val(filter_mylist);
}
fnFilterSch();
});
}
//초기화
function reference_filterReset(){
$(document).on("click","#referencelistForm button[class^='btn-filter-reset']",function(){
$("#pageIndex").val("1");
$("#filter_creatYyyy").val("");
$("#creatYyyyStart").val("");
$("#creatYyyyEnd").val("");
$("#filter_class").val("");
$("#filter_category").val("");
$("#filter_agency").val("");
$("#filter_mylist").val("");
$("#referencelistForm [name=first_class],#referencelistForm [name=second_class],#referencelistForm [name=first_category],#referencelistForm [name=second_category],#referencelistForm [name=creatYyyyYn],#referencelistForm [name=first_agency]").prop("checked", false);
fnFilterSch();
});
}
//reference 결과 필터 del 클릭
function reference_filterDel(){
$(document).on("click","#referencelistForm button[id^='c_cate_data-type-chk'],#referencelistForm button[id^='j_cate_theme-chk'],#referencelistForm button[name=first_agency_del]",function(){
var s_cate_id = $(this).attr("id");
s_cate_id = s_cate_id.substring(s_cate_id.lastIndexOf("_")+1);
var reference_gubun_name = "";
if( $(this).attr('id').indexOf("theme-chk") != -1){
reference_gubun_name = "second_category";
}else if( $(this).attr('id').indexOf("data-type-chk")!= -1){
reference_gubun_name = "second_class";
}
//first
var first_nm = $(this).attr('id').replace('c_cate_', '').replace('j_cate_', '');
first_nm = first_nm.substring(0,first_nm.indexOf("_",-2)); //data-type-chk1-4
first_nm = first_nm.substring(0,first_nm.lastIndexOf("-")) ; //data-type-chk1
if($("#referencelistForm input:checkbox[id^='"+ first_nm +"-']:checked").length ==1){
$("input:checkbox[id='" + first_nm + "']").prop("checked", false);
}
//second
$("#referencelistForm input[name='"+ reference_gubun_name+ "']:input[value='"+s_cate_id+"']").each(function () {
$(this).prop("checked",false);
});
//filter_mylist clk array remove
var filter_mylist = "";
var filter_mylist_clk = "";
var filter_agency = "";
var filter_agency_clk = "";
filter_agency = $('#filter_agency').val();
filter_mylist = $('#filter_mylist').val();
if($(this).attr('id').indexOf('c_cate_data-type') >= 0 ){
filter_mylist_clk = 'class_'+ s_cate_id +',';
}else if($(this).attr('id').indexOf('j_cate_theme')>= 0 ){
filter_mylist_clk = 'category_'+ s_cate_id +',';
}else if($(this).attr('name').indexOf('first_agency_del')>= 0 ){
filter_mylist_clk = 'agency_'+ $(this).val() +',';
filter_agency_clk = $(this).val() +',';
}
filter_agency = filter_agency.replace(filter_agency_clk,'');
filter_mylist = filter_mylist.replace(filter_mylist_clk,'');
$('#filter_agency').val(filter_agency);
$('#filter_mylist').val(filter_mylist);
//depth-1
var on_classArr = document.querySelectorAll("div.depth-1.on");
var filter_class = "" ;
var filter_category = "" ;
for(var i=0; i<on_classArr.length; i++){
if($(on_classArr[i]).find('input').attr('name') == 'first_class') {
filter_class = $(on_classArr[i]).find('input').val();
}else{
filter_category = $(on_classArr[i]).find('input').val();
}
}
var listForm = document.forms["referencelistForm"];
listForm.pageIndex.value = 1;
listForm.filter_class.value = filter_class;
listForm.filter_category.value = filter_category;
fnFilterSch();
});
}
//reference 결과 필터 del 클릭(상세검색에 추가된 부분)
function reference_detailFilterDel(){
$(document).on("click","#referencelistForm .detailFilter",function(){
var filter_mylist = "";
var deleteFilterId = "";
filter_mylist = $('#filter_mylist').val();
deleteFilterId = $(this).attr('name').substring($(this).attr('name').indexOf("_",0)+1);
if($(this).attr('name') == "search_ageCode" && $(this).attr('name') == "search_collectionList")
{
if($("input[name="+$(this).attr('name')+"]").length == 1)
{
filter_mylist = filter_mylist.replace($(this).attr('name')+",",'');
}
var deleteFilterArr = $("#" + deleteFilterId).val().split(",");
$("#" + deleteFilterId).val(deleteFilterArr[0]);
for(var i=1; i < deleteFilterArr.length ; i++){
if($(this).val() != deleteFilterArr[i])
{
$("#" + deleteFilterId).val(",",deleteFilterArr[i]);
}
}
}else
{
filter_mylist = filter_mylist.replace($(this).attr('name')+",",'');
$("#" + deleteFilterId).val($("#" + deleteFilterId).val().replace($(this).val(),''));
}
fnFilterSch();
});
}
function fnLabel_reference(){
var mylist_arr = $("#referencelistForm [name=filter_mylist]").val().split(",");
var comparisonData;
for(var j=0; j < mylist_arr.length ; j++){
if(mylist_arr[j].indexOf("class") >= 0){
var checked = document.querySelectorAll("#referencelistForm [name='second_class']:checked");
for(var i=0; i<checked.length; i++){
var checkVal = util.xssCheck($(checked[i]).val());
if(mylist_arr[j].indexOf(checkVal) >= 0 ){
var second_cate_id = "c_cate_"+ $(checked[i]).attr('id') +"_id_" +checkVal ;
var first_cate_nm =$(checked[i]).parents('.depth-2').siblings('.depth-1').find('label').text();
var second_cate_nm = $(checked[i]).next().text();
first_cate_nm = first_cate_nm.substring(0,first_cate_nm.indexOf("(",-1));
second_cate_nm = second_cate_nm.substring(0,second_cate_nm.lastIndexOf("("));
if(comparisonData != second_cate_id){
first_cate_nm = util.xssCheck(first_cate_nm);
second_cate_nm = util.xssCheck(second_cate_nm);
second_cate_id = util.xssCheck(second_cate_id);
$("#reference_fillter_append").append("<li>"+ first_cate_nm + " &#62; "+ second_cate_nm + "<button type=\"button\" name=\"first_agency_del\" class=\"btn-del-filter\" id=\""+second_cate_id+"\">삭제</button></li>").text();
comparisonData = second_cate_id;
}
}
}
}
else if(mylist_arr[j].indexOf("category") >= 0){
var checked = document.querySelectorAll("#referencelistForm [name='second_category']:checked");
var comparisonData;
//필터라벨
for(var i=0; i<checked.length; i++){
var checkVal = util.xssCheck($(checked[i]).val());
if(mylist_arr[j].indexOf(checkVal) >= 0 ){
var second_cate_id = "j_cate_"+ $(checked[i]).attr('id') +"_id_" +checkVal ;
var first_cate_nm =$(checked[i]).parents('.depth-2').siblings('.depth-1').find('input').next().text();
var second_cate_nm = $(checked[i]).next().text();
first_cate_nm = first_cate_nm.substring(0,first_cate_nm.indexOf("(",-1));
second_cate_nm = second_cate_nm.substring(0,second_cate_nm.indexOf("(",-1));
if(comparisonData != second_cate_id){
first_cate_nm = util.xssCheck(first_cate_nm);
second_cate_nm = util.xssCheck(second_cate_nm);
second_cate_id = util.xssCheck(second_cate_id);
$("#reference_fillter_append").append("<li>"+ first_cate_nm + " &#62; "+ second_cate_nm + "<button type=\"button\" class=\"btn-del-filter\" id=\""+second_cate_id+"\">삭제</button></li>").text();
comparisonData = second_cate_id;
}
}
}
}
else if(mylist_arr[j].indexOf("creat_all") >= 0){
$("#reference_fillter_append").append("<li>생산년도 &#62; 전체<button type=\"button\" class=\"btn-del-filter\" id=\""+second_cate_id+"\">삭제</button></li>").text();
}
else if(mylist_arr[j].indexOf("creat_date") >= 0){
$("#reference_fillter_append").append("<li>생산년도 &#62; " + $("#creatYyyyStart").val() + "~" + $("#creatYyyyEnd").val() +"<button type=\"button\" class=\"btn-del-filter\" id=\""+second_cate_id+"\">삭제</button></li>").text();
}else if(mylist_arr[j].indexOf("agency") >= 0){
var second_cate_nm = mylist_arr[j].substring(mylist_arr[j].indexOf("_")+1);
$("#reference_fillter_append").append("<li>생산기관 &#62; "+ second_cate_nm + "<button type=\"button\" class=\"btn-del-filter\" id=\"\" name=\"first_agency_del\" >삭제</button></li>").text();
}else if(mylist_arr[j].indexOf("search_query") >= 0){
$("#reference_fillter_append").append("<li>검색어 &#62; "+ $("#realQuery").val() + "<button type=\"button\" class=\"btn-del-filter detailFilter\" id=\"\" name=\"search_query\">삭제</button></li>").text();
}else if(mylist_arr[j].indexOf("search_bookIndex") >= 0){
$("#reference_fillter_append").append("<li>목차 &#62; "+ $("#bookIndex").val() + "<button type=\"button\" class=\"btn-del-filter detailFilter\" id=\"\" name=\"search_bookIndex\">삭제</button></li>").text();
}else if(mylist_arr[j].indexOf("search_mngtNo") >= 0){
$("#reference_fillter_append").append("<li>관리번호 &#62; "+ $("#mngtNo").val() + "<button type=\"button\" class=\"btn-del-filter detailFilter\" id=\"\" name=\"search_mngtNo\">삭제</button></li>").text();
}else if(mylist_arr[j].indexOf("search_era") >= 0){
$("#reference_fillter_append").append("<li>연대 &#62; "+ $("#createStartDate").val() + "~" + $("#createEndDate").val() + "<button type=\"button\" class=\"btn-del-filter detailFilter\" id=\"\" name=\"search_era\">삭제</button></li>").text();
}else if(mylist_arr[j].indexOf("search_ageCode") >= 0){
var ageCode_arr = $("#referencelistForm [name=ageCode]").val().split(",");
for(var i=0; i < ageCode_arr.length ; i++)
{
$("#reference_fillter_append").append("<li>시대 &#62; "+ ageCodeNm(ageCode_arr[i]) + "<button type=\"button\" class=\"btn-del-filter detailFilter\" id=\"\" name=\"search_ageCode\" value=\"" + ageCode_arr[i] + "\">삭제</button></li>").text();
}
}else if(mylist_arr[j].indexOf("search_collectionList") >= 0){
var collectionList_arr = $("#referencelistForm [name=collectionList]").val().split(",");
for(var i=0; i < collectionList_arr.length ; i++)
{
$("#reference_fillter_append").append("<li>이용구분 &#62; "+ collectionNm(collectionList_arr[i]) + "<button type=\"button\" class=\"btn-del-filter detailFilter\" id=\"\" name=\"search_collectionList\" value=\"" + collectionList_arr[i] + "\">삭제</button></li>").text();
}
}
} //for end
}
function ageCodeNm(ageCode){
if(ageCode == null)
{
return ageCode;
}
if(ageCode == "03") return "선사";
if(ageCode == "04|05|06") return "고대";
if(ageCode == "07") return "고려";
if(ageCode == "08") return "조선";
if(ageCode == "11|12") return "근대";
if(ageCode == "13|14") return "현대";
if(ageCode == "02") return "시대미상";
return ageCode;
}
function collectionNm(collection){
if(collection == null)
{
return collection;
}
if(collection == "lib_online") return "온라인열람";
if(collection == "lib_loan") return "대출";
if(collection == "lib_offline") return "열람";
if(collection == "lib_etc") return "기타";
return collection;
}
function fnLabel_reference_detail(){
$('#referencelistForm input[name=sojang_council]').prop("checked",false);
$('#referencelistForm input[name=sido_name]').prop("checked",false);
$("#referencelistForm .cmm-list-chk").each(function (index, item) {
$(this).prop("checked",true);
});
$("#reference_council_append").empty();
var mylist_arr = $("#referencelistForm [name=filter_mylist]").val().split(",");
for(var j=0; j < mylist_arr.length ; j++){
if(mylist_arr[j].indexOf("council") >= 0){
var checked = document.querySelectorAll("#referencelistForm [name='sojang_council']:checked");
for(var i=0; i<checked.length; i++){
var checkVal = util.xssCheck($(checked[i]).val());
if(mylist_arr[j].indexOf(checkVal) >= 0 ){
var second_cate_id = $(checked[i]).attr('id')+"_id";
var second_cate_id_del = $(checked[i]).attr('id')+"_id_del";
var first_cate_nm =$(checked[i]).parents('.depth-2').siblings('.depth-1').find('input').next().text();
var second_cate_nm = $(checked[i]).next().text();
first_cate_nm = first_cate_nm.substring(0,first_cate_nm.indexOf("(",-1));
second_cate_nm = second_cate_nm.substring(0,second_cate_nm.indexOf("(",-1));
second_cate_id = util.xssCheck(second_cate_id);
second_cate_id_del = util.xssCheck(second_cate_id_del);
first_cate_nm = util.xssCheck(first_cate_nm);
second_cate_nm = util.xssCheck(second_cate_nm);
$("#reference_council_append").append("<li id=\""+second_cate_id+"\"><button type=\"button\" title=\"삭제\" id=\""+second_cate_id_del+"\"><span class=\"sign\">"+ first_cate_nm+" &gt; </span>"+ second_cate_nm+"</button></li>");
}
}
}//if end
}//for end
var checked2 = document.querySelectorAll("#referencelistForm [name='sido_name']:checked");
for(var i=0; i<checked2.length; i++){
$(checked2[i]).prop("checked", true);
}
}
function fnFilterSch(){
document.referencelistForm.action="/search/searchList.do";
document.referencelistForm.submit();
}