Merge remote-tracking branch 'origin/master'

Conflicts:
	src/main/webapp/css/media.css
This commit is contained in:
KNKIM 2021-11-19 15:13:15 +09:00
commit 773e0c37bd
7 changed files with 4066 additions and 2984 deletions

View File

@ -161,7 +161,40 @@ public class CollectionVO extends PagingVO {
//--------------------------------------------- //---------------------------------------------
protected String deptNm; /* 관리부서이름 */ protected String deptNm; /* 관리부서이름 */
protected String domainHostNm; /* 관리부서 호스트주소 */ protected String domainHostNm; /* 관리부서 호스트주소 */
// 생성자
//---------------------------------------------
// 각종 상태 제공 서비스
//---------------------------------------------
public boolean canRead() {
return true;
}
public boolean canRent() {
return true;
}
public boolean canOnline() {
return true;
}
public boolean canReadNow() {
return true;
}
public boolean canRentNow() {
return canRentAppNow() || canRentResNow();
}
public boolean canRentAppNow() {
return true;
}
public boolean canRentResNow() {
return true;
}
public boolean canOnlineNow() {
return true;
}
//---------------------------------------------
// 생성자
//---------------------------------------------
public CollectionVO() { public CollectionVO() {
super(); super();
} }

View File

@ -30,7 +30,7 @@ Globals.DbType = maria
# > grant all privileges on uac_cltr_db.* to 'uac_cltr'; # > grant all privileges on uac_cltr_db.* to 'uac_cltr';
# > flush privileges; # > flush privileges;
Globals.maria.DriverClassName=org.mariadb.jdbc.Driver Globals.maria.DriverClassName=org.mariadb.jdbc.Driver
Globals.maria.Url=jdbc:mariadb://nlib-db.nculture.org:3306/uac_cltr_db Globals.maria.Url=jdbc:mariadb://210.181.197.70:3306/uac_cltr_db
Globals.maria.UserName = uac_cltr Globals.maria.UserName = uac_cltr
Globals.maria.Password = uac_cltr Globals.maria.Password = uac_cltr

View File

@ -1,451 +1,451 @@
<% <%
/** /**
* <pre> * <pre>
* @Class Name : selectItemInfo.jsp * @Class Name : selectItemInfo.jsp
* *
* @Description : 소장자료 상세내용을 조회한다. * @Description : 소장자료 상세내용을 조회한다.
* *
* *
* @프로젝트명: 지방문화원 통합자료관리시스템 구축사업 (2021) * @프로젝트명: 지방문화원 통합자료관리시스템 구축사업 (2021)
* *
* </pre> * </pre>
* *
* @ ------------ -------- --------------------------- * @ ------------ -------- ---------------------------
* @ 수정일 수정자 수정내용 * @ 수정일 수정자 수정내용
* @ ------------ -------- --------------------------- * @ ------------ -------- ---------------------------
* @ 2021. 7. 30. JSYOO 최초 생성 * @ 2021. 7. 30. JSYOO 최초 생성
* @ 2021.10. 28. KNKIM 대출예약, 방문열람신청, 카트담기 연결 처리 * @ 2021.10. 28. KNKIM 대출예약, 방문열람신청, 카트담기 연결 처리
* *
* *
* @author 이씨플라자 * DIGITALSHIP JSYOO * @author 이씨플라자 * DIGITALSHIP JSYOO
* @since 2021. 7. 30. * @since 2021. 7. 30.
* @version 1.0 * @version 1.0
* *
*/ */
%> %>
<%@ page language="java" contentType="text/html; charset=UTF-8" %> <%@ page language="java" contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui" %> <%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %> <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %> <%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
<script src="/js/qrcode.js"></script> <script src="/js/qrcode.js"></script>
<c:set var="pageTitle">자료 상세</c:set> <c:set var="pageTitle">자료 상세</c:set>
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ko"> <html lang="ko">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no" /> <meta name="format-detection" content="telephone=no" />
<title>소장자료관 - 소장자료 상세페이지</title> <title>소장자료관 - 소장자료 상세페이지</title>
</head> </head>
<body> <body>
<script> <script>
$(document).ready(function(){ $(document).ready(function(){
//로그 //로그
$.ajax({ $.ajax({
type: "post", type: "post",
url: "/search/InsertDataInquiryLog.ajax", url: "/search/InsertDataInquiryLog.ajax",
data: {"masterId" : '<c:out value="${result.masterId}"/>'} data: {"masterId" : '<c:out value="${result.masterId}"/>'}
}).done(function(response){ }).done(function(response){
}); });
}) })
//다른자료 상세보기 //다른자료 상세보기
function goDetail(masterId){ function goDetail(masterId){
$("#masterId").val(masterId); $("#masterId").val(masterId);
document.referenceDetailForm.action="/search/searchItemDetail.do"; document.referenceDetailForm.action="/search/searchItemDetail.do";
document.referenceDetailForm.submit(); document.referenceDetailForm.submit();
} }
function goList(){ function goList(){
document.referenceDetailForm.action="/search/searchList.do"; document.referenceDetailForm.action="/search/searchList.do";
document.referenceDetailForm.submit(); document.referenceDetailForm.submit();
} }
</script> </script>
<div class="wrap"> <div class="wrap">
<!-- 소장자료 상세페이지 섹션 --> <!-- 소장자료 상세페이지 섹션 -->
<div class="data detail"> <div class="data detail">
<form id="referenceDetailForm" name="referenceDetailForm" method="post"> <form id="referenceDetailForm" name="referenceDetailForm" method="post">
<input type="hidden" name="collection" id="collection" value="<c:out value='${searchVO.collection}'/>" /> <input type="hidden" name="collection" id="collection" value="<c:out value='${searchVO.collection}'/>" />
<input type="hidden" name="pageIndex" title="페이지번호" value="${searchVO.pageIndex }" /> <input type="hidden" name="pageIndex" title="페이지번호" value="${searchVO.pageIndex }" />
<input type="hidden" name="pageSize" value="${searchVO.pageSize }" /> <input type="hidden" name="pageSize" value="${searchVO.pageSize }" />
<input type="hidden" name="filter_creatYyyy" value='${searchVO.filter_creatYyyy}' /> <input type="hidden" name="filter_creatYyyy" value='${searchVO.filter_creatYyyy}' />
<input type="hidden" name="creatYyyyYn" value='${searchVO.creatYyyyYn}' /> <input type="hidden" name="creatYyyyYn" value='${searchVO.creatYyyyYn}' />
<input type="hidden" name="filter_class" value="<c:out value='${searchVO.filter_class}'/>" /> <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" name="filter_category" value="<c:out value='${searchVO.filter_category}'/>"/>
<input type="hidden" name="filter_agency" value="<c:out value='${searchVO.filter_agency}'/>"/> <input type="hidden" name="filter_agency" value="<c:out value='${searchVO.filter_agency}'/>"/>
<input type="hidden" name="filter_mylist" value="<c:out value='${searchVO.filter_mylist}'/>"/> <input type="hidden" name="filter_mylist" value="<c:out value='${searchVO.filter_mylist}'/>"/>
<input type="hidden" name="reQueryChk" value="<c:out value='${searchVO.reQueryChk}'/>"/> <input type="hidden" name="reQueryChk" value="<c:out value='${searchVO.reQueryChk}'/>"/>
<input type="hidden" name="query" value="<c:out value='${searchVO.query}'/>"/> <input type="hidden" name="query" value="<c:out value='${searchVO.query}'/>"/>
<input type="hidden" name="reQuery" value="<c:out value='${searchVO.reQuery}'/>"/> <input type="hidden" name="reQuery" value="<c:out value='${searchVO.reQuery}'/>"/>
<input type="hidden" name="bookIndex" value="<c:out value='${searchVO.bookIndex}'/>"/> <input type="hidden" name="bookIndex" value="<c:out value='${searchVO.bookIndex}'/>"/>
<input type="hidden" name="mngtNo" value="<c:out value='${searchVO.mngtNo}'/>"/> <input type="hidden" name="mngtNo" value="<c:out value='${searchVO.mngtNo}'/>"/>
<input type="hidden" name="createStartDate" value="<c:out value='${searchVO.createStartDate}'/>"/> <input type="hidden" name="createStartDate" value="<c:out value='${searchVO.createStartDate}'/>"/>
<input type="hidden" name="createEndDate" value="<c:out value='${searchVO.createEndDate}'/>"/> <input type="hidden" name="createEndDate" value="<c:out value='${searchVO.createEndDate}'/>"/>
<input type="hidden" name="ageCode" value="<c:out value='${searchVO.ageCode}'/>"/> <input type="hidden" name="ageCode" value="<c:out value='${searchVO.ageCode}'/>"/>
<input type="hidden" name="collectionList" value="<c:out value='${searchVO.collectionList}'/>"/> <input type="hidden" name="collectionList" value="<c:out value='${searchVO.collectionList}'/>"/>
<input type="hidden" name="realQuery" value="<c:out value='${searchVO.realQuery}'/>"/> <input type="hidden" name="realQuery" value="<c:out value='${searchVO.realQuery}'/>"/>
<input type="hidden" id="masterId" name="masterId" value="" /> <input type="hidden" id="masterId" name="masterId" value="" />
<h2 class="blind">소장자료 상세페이지 섹션영역</h2> <h2 class="blind">소장자료 상세페이지 섹션영역</h2>
<div class="inner"> <div class="inner">
<div class="row-top"> <div class="row-top">
<div class="center"> <div class="center">
<div class="left"> <div class="left">
<div class="cla"> <div class="cla">
<div class="con-1"> <div class="con-1">
<c:if test="${!empty result.openDivCd && result.openDivCd ne '3' && result.operReadRangeCd eq '01' && result.digitalReadYn eq 'Y'}"> <c:if test="${!empty result.openDivCd && result.openDivCd ne '3' && result.operReadRangeCd eq '01' && result.digitalReadYn eq 'Y'}">
<span class="online">온라인열람</span> <span class="online">온라인열람</span>
</c:if> </c:if>
<c:if test="${!empty result.openDivCd && result.openDivCd ne '3' && !empty result.operOutRangeCd && result.operOutRangeCd ne '02'}"> <c:if test="${!empty result.openDivCd && result.openDivCd ne '3' && !empty result.operOutRangeCd && result.operOutRangeCd ne '02'}">
<span class="loan">대출</span> <span class="loan">대출</span>
</c:if> </c:if>
<c:if test="${!empty result.openDivCd && result.openDivCd ne '3' && !empty result.operReadRangeCd && result.operReadRangeCd ne '03'}"> <c:if test="${!empty result.openDivCd && result.openDivCd ne '3' && !empty result.operReadRangeCd && result.operReadRangeCd ne '03'}">
<span class="visit">방문열람</span> <span class="visit">방문열람</span>
</c:if> </c:if>
<c:if test="${!(!empty result.openDivCd && result.openDivCd ne '3') && !(result.operReadRangeCd eq '01' && result.digitalReadYn eq 'Y') && !(!empty result.operOutRangeCd && result.operOutRangeCd ne '02') && !(!empty result.operReadRangeCd && result.operReadRangeCd ne '03') }"> <c:if test="${!(!empty result.openDivCd && result.openDivCd ne '3') && !(result.operReadRangeCd eq '01' && result.digitalReadYn eq 'Y') && !(!empty result.operOutRangeCd && result.operOutRangeCd ne '02') && !(!empty result.operReadRangeCd && result.operReadRangeCd ne '03') }">
<span class="etc">기타</span> <span class="etc">기타</span>
</c:if> </c:if>
</div> </div>
<div class="con-2"> <div class="con-2">
<span class="code"><c:out value="${result.mngtNo}"/></span> <span class="code"><c:out value="${result.mngtNo}"/></span>
</div> </div>
</div> </div>
<div class="tit"><c:out value="${result.title}"/></div> <div class="tit"><c:out value="${result.title}"/></div>
<div class="img"><img src="<c:out value="${result.rprsThumbUrlWithDefaultBig}"/>" alt="썸네일"></div> <div class="img"><img src="<c:out value="${result.rprsThumbUrlWithDefaultBig}"/>" alt="썸네일"></div>
</div> </div>
<div class="right"> <div class="right">
<div class="con-1"> <div class="con-1">
<c:if test="${(!empty result.openDivCd) && (result.openDivCd ne '3') && (!empty result.interfaceId) && result.digitalReadYn eq 'Y'}"> <c:if test="${(!empty result.openDivCd) && (result.openDivCd ne '3') && (!empty result.interfaceId) && result.digitalReadYn eq 'Y'}">
<button type="button" class="view" onclick="gfn_showDocPdf('<c:out value="${result.interfaceId}"/>','<c:out value="${result.masterId}"/>','<c:out value="${result.typeDivCd}"/>','<c:out value="${result.dtlsTypeDivCd}"/>')";>원문보기</button> <button type="button" class="view" onclick="gfn_showDocPdf('<c:out value="${result.interfaceId}"/>','<c:out value="${result.masterId}"/>','<c:out value="${result.typeDivCd}"/>','<c:out value="${result.dtlsTypeDivCd}"/>')";>원문보기</button>
</c:if> </c:if>
<button type="button" class="ris" onclick="risShow('<c:out value="${result.masterId}"/>')";>RIS</button> <button type="button" class="ris" onclick="risShow('<c:out value="${result.masterId}"/>')";>RIS</button>
<c:if test='${result.MUseYn == "Y"}'> <c:if test='${result.MUseYn == "Y"}'>
<button type="button" class="favorit" onclick="fn_changeInterestBtn('${result.masterId }', 'off');">즐겨찾기</button> <button type="button" class="favorit" onclick="fn_changeInterestBtn('${result.masterId }', 'off');">즐겨찾기</button>
</c:if> </c:if>
<c:if test='${result.MUseYn != "Y"}'> <c:if test='${result.MUseYn != "Y"}'>
<button type="button" class="favorit" onclick="fn_changeInterestBtn('${result.masterId }', 'on');">즐겨찾기</button> <button type="button" class="favorit" onclick="fn_changeInterestBtn('${result.masterId }', 'on');">즐겨찾기</button>
</c:if> </c:if>
<c:if test="${(!empty result.openDivCd) && (result.openDivCd ne '3') && (!empty result.interfaceId) && result.digitalReadYn eq 'Y'}"> <c:if test="${(!empty result.openDivCd) && (result.openDivCd ne '3') && (!empty result.interfaceId) && result.digitalReadYn eq 'Y'}">
<button type="button" class="share" data-curl="${pdfUri}<c:out value="${result.interfaceId}"/>">공유</button> <button type="button" class="share" data-curl="${pdfUri}<c:out value="${result.interfaceId}"/>">공유</button>
</c:if> </c:if>
</div> </div>
<div class="con-2"> <div class="con-2">
<div class="de-data"> <div class="de-data">
<ul> <ul>
<li> <li>
<span>자료유형</span> <span>자료유형</span>
<span> <span>
<c:out value="${result.typeCodeNm}"/> <c:out value="${result.typeCodeNm}"/>
<c:choose> <c:choose>
<c:when test="${!empty result.typeCodeNm or !empty result.dtlsTypeDivNm}"> <c:when test="${!empty result.typeCodeNm or !empty result.dtlsTypeDivNm}">
<c:choose> <c:choose>
<c:when test="${!empty result.typeCodeNm and !empty result.dtlsTypeDivNm}"> <c:when test="${!empty result.typeCodeNm and !empty result.dtlsTypeDivNm}">
&#62; &#62;
</c:when> </c:when>
</c:choose> </c:choose>
</c:when> </c:when>
<c:otherwise> <c:otherwise>
- -
</c:otherwise> </c:otherwise>
</c:choose> </c:choose>
<c:out value="${result.dtlsTypeDivNm}"/> <c:out value="${result.dtlsTypeDivNm}"/>
</span> </span>
</li> </li>
<li> <li>
<span>연대</span> <span>연대</span>
<span> <span>
<c:if test="${!empty result.chronologicalCodeStartNm}"><c:out value="${result.chronologicalCodeStartNm}"/>년부터 </c:if> <c:if test="${!empty result.chronologicalCodeStartNm}"><c:out value="${result.chronologicalCodeStartNm}"/>년부터 </c:if>
<c:if test="${!empty result.chronologicalCodeEndNm}"><c:out value="${result.chronologicalCodeEndNm}"/>까지</c:if> <c:if test="${!empty result.chronologicalCodeEndNm}"><c:out value="${result.chronologicalCodeEndNm}"/>까지</c:if>
<c:if test="${empty result.chronologicalCodeStartNm and empty result.chronologicalCodeEndNm }">-</c:if> <c:if test="${empty result.chronologicalCodeStartNm and empty result.chronologicalCodeEndNm }">-</c:if>
</span> </span>
</li> </li>
<li> <li>
<span>주제분야</span> <span>주제분야</span>
<span> <span>
<c:out value="${result.subjectNmUp}"/> <c:out value="${result.subjectNmUp}"/>
<c:choose> <c:choose>
<c:when test="${!empty result.subjectNmUp or !empty result.subjectNm}"> <c:when test="${!empty result.subjectNmUp or !empty result.subjectNm}">
<c:choose> <c:choose>
<c:when test="${!empty result.subjectNmUp and !empty result.subjectNm}"> <c:when test="${!empty result.subjectNmUp and !empty result.subjectNm}">
&#62; &#62;
</c:when> </c:when>
</c:choose> </c:choose>
</c:when> </c:when>
<c:otherwise> <c:otherwise>
- -
</c:otherwise> </c:otherwise>
</c:choose> </c:choose>
<c:out value="${result.subjectNm}"/> <c:out value="${result.subjectNm}"/>
</span> </span>
</li> </li>
<li> <li>
<span>저자</span> <span>저자</span>
<span><c:if test="${empty result.bookAuthor}">-</c:if><c:out value="${result.bookAuthor}"/></span> <span><c:if test="${empty result.bookAuthor}">-</c:if><c:out value="${result.bookAuthor}"/></span>
</li> </li>
<li> <li>
<span>생산기관</span> <span>생산기관</span>
<span><c:if test="${empty result.orgNm}">-</c:if><c:out value="${result.orgNm}"/></span> <span><c:if test="${empty result.orgNm}">-</c:if><c:out value="${result.orgNm}"/></span>
</li> </li>
<li> <li>
<span>출판사</span> <span>출판사</span>
<span><c:if test="${empty result.bookPublisher}">-</c:if><c:out value="${result.bookPublisher}"/></span> <span><c:if test="${empty result.bookPublisher}">-</c:if><c:out value="${result.bookPublisher}"/></span>
</li> </li>
<li> <li>
<span>생산년도</span> <span>생산년도</span>
<span><c:if test="${empty result.creatYyyy}">-</c:if><c:out value="${result.creatYyyy}"/></span> <span><c:if test="${empty result.creatYyyy}">-</c:if><c:out value="${result.creatYyyy}"/></span>
</li> </li>
<li> <li>
<span>발간유형</span> <span>발간유형</span>
<span><c:if test="${empty result.bookPlbcTypeNm}">-</c:if><c:out value="${result.bookPlbcTypeNm}"/></span> <span><c:if test="${empty result.bookPlbcTypeNm}">-</c:if><c:out value="${result.bookPlbcTypeNm}"/></span>
</li> </li>
<li> <li>
<span>테마</span> <span>테마</span>
<span><c:if test="${empty result.themeCodeNm}">-</c:if><c:out value="${result.themeCodeNm}"/></span> <span><c:if test="${empty result.themeCodeNm}">-</c:if><c:out value="${result.themeCodeNm}"/></span>
</li> </li>
<li> <li>
<span>발간매체</span> <span>발간매체</span>
<span><c:if test="${empty result.bookPlbcMda}">-</c:if><c:out value="${result.bookPlbcMda}"/></span> <span><c:if test="${empty result.bookPlbcMda}">-</c:if><c:out value="${result.bookPlbcMda}"/></span>
</li> </li>
<li> <li>
<span>시대</span> <span>시대</span>
<span><c:if test="${empty result.ageCodeNm}">-</c:if><c:out value="${result.ageCodeNm}"/></span> <span><c:if test="${empty result.ageCodeNm}">-</c:if><c:out value="${result.ageCodeNm}"/></span>
</li> </li>
<li> <li>
<span>청구기호</span> <span>청구기호</span>
<span><c:if test="${empty result.bookCallNo}">-</c:if><c:out value="${result.bookCallNo}"/></span> <span><c:if test="${empty result.bookCallNo}">-</c:if><c:out value="${result.bookCallNo}"/></span>
</li> </li>
</ul> </ul>
</div> </div>
<div class="b-btn"> <div class="b-btn">
<button type="button" class="btn btn-color" onclick="gfn_rentItem('${result.mngOrgCd}', '${result.masterId}')">대출예약</button> <button type="button" class="btn btn-color" onclick="gfn_rentItem('${result.mngOrgCd}', '${result.masterId}')">대출예약</button>
<button type="button" class="btn btn-green" onclick="gfn_reserveReadItem('${result.mngOrgCd}', '${result.masterId}')">방문열람신청</button> <button type="button" class="btn btn-green" onclick="gfn_reserveReadItem('${result.mngOrgCd}', '${result.masterId}')">방문열람신청</button>
<button type="button" class="btn btn-orange" onclick="fn_addRentCart('${result.masterId}', '${result.useStatus}')">카트담기</button> <button type="button" class="btn btn-orange" onclick="fn_addRentCart('${result.masterId}', '${result.useStatus}')">카트담기</button>
</div> </div>
<c:if test="${fn:length(keywordList) > 0 }"> <c:if test="${fn:length(keywordList) > 0 }">
<div class="keyword"> <div class="keyword">
<span class="first">키워드</span> <span class="first">키워드</span>
<c:forEach var="keyword" items="${keywordList }"> <c:forEach var="keyword" items="${keywordList }">
<span><c:out value="${keyword}"/></span> <span><c:out value="${keyword}"/></span>
</c:forEach> </c:forEach>
</div> </div>
</c:if> </c:if>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="contents row-bottom"> <div class="contents row-bottom">
<div class="con-1"> <div class="con-1">
<div class="list-box"> <div class="list-box">
<div class="list"> <div class="list">
<div class="icon"><img src="/images/icon/icon-data-use.png" alt="이용상태 아이콘"></div> <div class="icon"><img src="/images/icon/icon-data-use.png" alt="이용상태 아이콘"></div>
<div class="title">이용상태</div> <div class="title">이용상태</div>
<div class="con"><c:out value="${result.useStatusNm}"/> <span>(대기자 <c:out value="${result.awaiterCnt}"/>명)</span></div> <div class="con"><c:out value="${result.useStatusNm}"/> <span>(대기자 <c:out value="${result.awaiterCnt}"/>명)</span></div>
</div> </div>
<div class="list"> <div class="list">
<div class="icon"><img src="/images/icon/icon-data-return.png" alt="달력 아이콘"></div> <div class="icon"><img src="/images/icon/icon-data-return.png" alt="달력 아이콘"></div>
<div class="title">반납예정일</div> <div class="title">반납예정일</div>
<div class="con"><span><c:out value="${result.rtnExpctDd}"/></span></div> <div class="con"><span><c:out value="${result.rtnExpctDd}"/></span></div>
</div> </div>
<div class="list"> <div class="list">
<div class="icon"><img src="/images/icon/icon-data-loan.png" alt="대출 아이콘"></div> <div class="icon"><img src="/images/icon/icon-data-loan.png" alt="대출 아이콘"></div>
<div class="title">대출</div> <div class="title">대출</div>
<div class="con"> <div class="con">
<c:if test="${result.bookLentPsblYn eq 'Y' && result.rsrvPsblYn eq 'Y'}"><span class="poss">신청가능</span></c:if> <c:if test="${result.bookLentPsblYn eq 'Y' && result.rsrvPsblYn eq 'Y'}"><span class="poss">신청가능</span></c:if>
<c:if test="${result.bookLentPsblYn eq 'N' && result.rsrvPsblYn eq 'Y' }"><span class="poss">예약가능</span></c:if> <c:if test="${result.bookLentPsblYn eq 'N' && result.rsrvPsblYn eq 'Y' }"><span class="poss">예약가능</span></c:if>
<c:if test="${result.bookLentPsblYn ne 'Y' && result.rsrvPsblYn ne 'Y'}"><span class="imposs">신청/예약불가</span></c:if> <c:if test="${result.bookLentPsblYn ne 'Y' && result.rsrvPsblYn ne 'Y'}"><span class="imposs">신청/예약불가</span></c:if>
</div> </div>
</div> </div>
<div class="list"> <div class="list">
<div class="icon"><img src="/images/icon/icon-data-visit.png" alt="방문 아이콘"></div> <div class="icon"><img src="/images/icon/icon-data-visit.png" alt="방문 아이콘"></div>
<div class="title">방문열람</div> <div class="title">방문열람</div>
<div class="con"> <div class="con">
<c:if test="${result.reqPsblYn eq 'Y' }"><span class="poss">신청가능</span></c:if> <c:if test="${result.reqPsblYn eq 'Y' }"><span class="poss">신청가능</span></c:if>
<c:if test="${result.reqPsblYn ne 'Y' }"><span class="imposs">신청불가</span></c:if> <c:if test="${result.reqPsblYn ne 'Y' }"><span class="imposs">신청불가</span></c:if>
</div> </div>
</div> </div>
</div> </div>
<div class="text-box"> <div class="text-box">
<p>- 자료의 이용상태, 대출가능여부, 방문열람가능여부를 꼭 확인하신 후 이용해주시길 바랍니다.</p> <p>- 자료의 이용상태, 대출가능여부, 방문열람가능여부를 꼭 확인하신 후 이용해주시길 바랍니다.</p>
<p>- 다른 지방문화원 소장자료관 이용자들을 위해 꼭 필요한 자료만 예약한 후, 가능한 날짜에 예약 및 이용 부탁드립니다.</p> <p>- 다른 지방문화원 소장자료관 이용자들을 위해 꼭 필요한 자료만 예약한 후, 가능한 날짜에 예약 및 이용 부탁드립니다.</p>
</div> </div>
</div> </div>
<div class="con-2"> <div class="con-2">
<div class="top"> <div class="top">
<h3><span>목차</span>정보</h3> <h3><span>목차</span>정보</h3>
<button type="button" class="down-btn">down-btn</button> <button type="button" class="down-btn">down-btn</button>
</div> </div>
<div class="bottom h-down"> <div class="bottom h-down">
<p><c:if test="${empty result.bookIndex }">없음</c:if><c:out value="${result.bookIndex }"/></p> <p><c:if test="${empty result.bookIndex }">없음</c:if><c:out value="${result.bookIndex }"/></p>
</div> </div>
</div> </div>
<c:if test="${fn:length(seeTogetherListVO) > 0 }"> <c:if test="${fn:length(seeTogetherListVO) > 0 }">
<div class="con-3"> <div class="con-3">
<div class="bottom"> <div class="bottom">
<!-- Swiper --> <!-- Swiper -->
<div class="swiper DetailSwiper1"> <div class="swiper DetailSwiper1">
<div class="top"> <div class="top">
<h3><span>함께 볼만한</span>자료</h3> <h3><span>함께 볼만한</span>자료</h3>
</div> </div>
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<c:forEach var="result" items="${seeTogetherListVO}" varStatus="status"> <c:forEach var="result" items="${seeTogetherListVO}" varStatus="status">
<div class="swiper-slide"> <div class="swiper-slide">
<div class="List" onclick="goDetail('${result.masterId}');"> <div class="List" onclick="goDetail('${result.masterId}');">
<div class="con-1"> <div class="con-1">
<div class="tit underline pink">${result.title }</div> <div class="tit underline pink">${result.title }</div>
</div> </div>
<div class="con-2"> <div class="con-2">
<p class="typ"><span>자료유형</span><span><c:if test="${empty result.typeDivNm and empty result.dtlsTypeDivNm}">-</c:if> ${result.typeDivNm } <c:if test="${!empty result.typeDivNm and !empty result.dtlsTypeDivNm}">&gt;</c:if>${result.dtlsTypeDivNm}</span></p> <p class="typ"><span>자료유형</span><span><c:if test="${empty result.typeDivNm and empty result.dtlsTypeDivNm}">-</c:if> ${result.typeDivNm } <c:if test="${!empty result.typeDivNm and !empty result.dtlsTypeDivNm}">&gt;</c:if>${result.dtlsTypeDivNm}</span></p>
<p class="sub"><span>주제분야</span><span><c:if test="${empty result.subjectNmUp and empty result.subjectNm}">-</c:if> ${result.subjectNm } <c:if test="${!empty result.subjectNmUp and !empty result.subjectNm}">&gt;</c:if>${result.subjectNm}</span></span></p> <p class="sub"><span>주제분야</span><span><c:if test="${empty result.subjectNmUp and empty result.subjectNm}">-</c:if> ${result.subjectNm } <c:if test="${!empty result.subjectNmUp and !empty result.subjectNm}">&gt;</c:if>${result.subjectNm}</span></span></p>
<p class="age"><span>생산기관</span><span><c:if test="${empty result.orgNm }">-</c:if>${result.orgNm }</span></p> <p class="age"><span>생산기관</span><span><c:if test="${empty result.orgNm }">-</c:if>${result.orgNm }</span></p>
<p class="yea"><span>생산년도</span><span><c:if test="${empty result.creatYyyy }">-</c:if>${result.creatYyyy }</span></p> <p class="yea"><span>생산년도</span><span><c:if test="${empty result.creatYyyy }">-</c:if>${result.creatYyyy }</span></p>
</div> </div>
</div> </div>
</div> </div>
</c:forEach> </c:forEach>
</div> </div>
<div class="swiper-button-next"></div> <div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div> <div class="swiper-button-prev"></div>
<div class="swiper-pagination"></div> <div class="swiper-pagination"></div>
</div> </div>
<!-- Swiper end --> <!-- Swiper end -->
</div> </div>
</div> </div>
</c:if> </c:if>
</div> </div>
<div class="row-bottom"> <div class="row-bottom">
<c:if test="${fn:length(similarListVO) > 0 }"> <c:if test="${fn:length(similarListVO) > 0 }">
<div class="con-4"> <div class="con-4">
<div class="top"> <div class="top">
<h3><span>이 자료와 유사한</span>자료</h3> <h3><span>이 자료와 유사한</span>자료</h3>
<p><strong>“ <c:forEach items="${mngOrgList }" var="list" varStatus="status"><c:if test="${status.count ne 1}"> ,</c:if>${list }</c:forEach> ”</strong> 에 있습니다</p> <p><strong>“ <c:forEach items="${mngOrgList }" var="list" varStatus="status"><c:if test="${status.count ne 1}"> ,</c:if>${list }</c:forEach> ”</strong> 에 있습니다</p>
</div> </div>
<div class="bottom"> <div class="bottom">
<!-- Swiper --> <!-- Swiper -->
<div class="swiper DetailSwiper2"> <div class="swiper DetailSwiper2">
<div class="swiper-wrapper items cover"> <div class="swiper-wrapper items cover">
<c:forEach var="result" items="${similarListVO}" varStatus="status"> <c:forEach var="result" items="${similarListVO}" varStatus="status">
<div class="swiper-slide"> <div class="swiper-slide">
<div class="List" onclick="gfn_getDetail('${result.masterId}','${result.domainHostNm }');"> <div class="List" onclick="gfn_getDetail('${result.masterId}','${result.domainHostNm }');">
<div class="inner"> <div class="inner">
<div class="thumbnail"> <div class="thumbnail">
<span class="image-frame"><img src="${result.rprsThumbUrlWithDefaultMiddle }" alt=""/></span> <span class="image-frame"><img src="${result.rprsThumbUrlWithDefaultMiddle }" alt=""/></span>
<div class="detail-cover"> <div class="detail-cover">
<strong>${result.title }</strong> <strong>${result.title }</strong>
<ul> <ul>
<li><em>주제유형</em><c:if test="${empty result.typeDivNm}">-</c:if>${result.typeDivNm }</li> <li><em>주제유형</em><c:if test="${empty result.typeDivNm}">-</c:if>${result.typeDivNm }</li>
<li><em>주제분야</em><c:if test="${empty result.subjectNmUp}">-</c:if>${result.subjectNmUp }</li> <li><em>주제분야</em><c:if test="${empty result.subjectNmUp}">-</c:if>${result.subjectNmUp }</li>
<li><em>생산기관</em><c:if test="${empty result.orgNm }">-</c:if>${result.orgNm }</li> <li><em>생산기관</em><c:if test="${empty result.orgNm }">-</c:if>${result.orgNm }</li>
<li><em>생산년도</em><c:if test="${empty result.creatYyyy }">-</c:if>${result.creatYyyy }</li> <li><em>생산년도</em><c:if test="${empty result.creatYyyy }">-</c:if>${result.creatYyyy }</li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</c:forEach> </c:forEach>
</div> </div>
<div class="swiper-button-next"></div> <div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div> <div class="swiper-button-prev"></div>
<div class="swiper-pagination"></div> <div class="swiper-pagination"></div>
</div> </div>
<!-- Swiper end --> <!-- Swiper end -->
</div> </div>
</div> </div>
</c:if> </c:if>
<div class="btn-box"> <div class="btn-box">
<button type="button" class="btn btn-black" onclick="goList();">목록으로</button> <button type="button" class="btn btn-black" onclick="goList();">목록으로</button>
</div> </div>
</div> </div>
</div> </div>
</form> </form>
</div> </div>
</div> </div>
<div class="popup pop-sharing" id="div_pop-sharing" style="display:none;"> <div class="popup pop-sharing" id="div_pop-sharing" style="display:none;">
<div class="pop-wrap"> <div class="pop-wrap">
<div class="sharing-bg"> <div class="sharing-bg">
<p>자료를 <strong>SNS</strong>에 공유해보세요.</p> <p>자료를 <strong>SNS</strong>에 공유해보세요.</p>
<button class="btn-close-pop">닫기</button> <button class="btn-close-pop">닫기</button>
<ul class="sns-list"> <ul class="sns-list">
<li class="kstory-icon"><img src="/images/icon/icon-sharing-kstory-big.svg" data-sType="4" alt="카카오스토리 공유하기" class="sns-pop" /><p>카카오스토리</p></li> <li class="kstory-icon"><img src="/images/icon/icon-sharing-kstory-big.svg" data-sType="4" alt="카카오스토리 공유하기" class="sns-pop" /><p>카카오스토리</p></li>
<li class="nblog-icon"><img src="/images/icon/icon-sharing-nblog-big.svg" data-sType="3" alt="네이버블로그 공유하기" class="sns-pop" /><p>블로그</p></li> <li class="nblog-icon"><img src="/images/icon/icon-sharing-nblog-big.svg" data-sType="3" alt="네이버블로그 공유하기" class="sns-pop" /><p>블로그</p></li>
<li class="fb-icon"><img src="/images/icon/icon-sharing-fb-big.svg" data-sType="1" alt="페이스북 공유하기" class="sns-pop" /><p>페이스북</p></li> <li class="fb-icon"><img src="/images/icon/icon-sharing-fb-big.svg" data-sType="1" alt="페이스북 공유하기" class="sns-pop" /><p>페이스북</p></li>
<li class="tw-icon"><img src="/images/icon/icon-sharing-tw-big.svg" data-sType="2" alt="트위터 공유하기" class="sns-pop" /><p>트위터</p></li> <li class="tw-icon"><img src="/images/icon/icon-sharing-tw-big.svg" data-sType="2" alt="트위터 공유하기" class="sns-pop" /><p>트위터</p></li>
</ul> </ul>
<div class="link-copy"> <div class="link-copy">
<input type="text" class="link-txt" id="p_link-copy" value="http://www.nculture.org"/> <input type="text" class="link-txt" id="p_link-copy" value="http://www.nculture.org"/>
<button type="button" style="margin-top:1px" class="btn btn-white">URL복사</button> <button type="button" style="margin-top:1px" class="btn btn-white">URL복사</button>
</div> </div>
</div> </div>
<div class="Qr"> <div class="Qr">
<div class="inner"> <div class="inner">
<div id="qrcode" class="Qrimg"><img src="/images/img/img-QR.jpg" alt="QR코드 이미지"></div> <div id="qrcode" class="Qrimg"><img src="/images/img/img-QR.jpg" alt="QR코드 이미지"></div>
<div class="Qrtext"><p><strong>QR코드</strong>를 스캔해주세요.</p></div> <div class="Qrtext"><p><strong>QR코드</strong>를 스캔해주세요.</p></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<script> <script>
/* 함께 볼만한자료 슬라이드 */ /* 함께 볼만한자료 슬라이드 */
var swiper = new Swiper(".DetailSwiper1", { var swiper = new Swiper(".DetailSwiper1", {
loop: true, loop: true,
slidesPerView: 4, slidesPerView: 4,
spaceBetween: 30, spaceBetween: 30,
centeredSlides: false, centeredSlides: false,
autoplay: { autoplay: {
delay: 2500, delay: 2500,
disableOnInteraction: false, disableOnInteraction: false,
}, },
navigation: { navigation: {
nextEl: ".swiper-button-next", nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev", prevEl: ".swiper-button-prev",
}, },
/* /*
pagination: { pagination: {
el: ".swiper-pagination", el: ".swiper-pagination",
clickable: true, clickable: true,
}, },
*/ */
}); });
/* 유사한 자료 슬라이드 */ /* 유사한 자료 슬라이드 */
var swiper = new Swiper(".DetailSwiper2", { var swiper = new Swiper(".DetailSwiper2", {
loop: true, loop: true,
slidesPerView: 5, slidesPerView: 5,
spaceBetween: 30, spaceBetween: 30,
centeredSlides: true, centeredSlides: true,
autoplay: { autoplay: {
delay: 1112500, delay: 1112500,
disableOnInteraction: false, disableOnInteraction: false,
}, },
navigation: { navigation: {
nextEl: ".swiper-button-next", nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev", prevEl: ".swiper-button-prev",
}, },
/* /*
pagination: { pagination: {
el: ".swiper-pagination", el: ".swiper-pagination",
clickable: true, clickable: true,
}, },
*/ */
}); });
</script> </script>
</body> </body>
</html> </html>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -185,12 +185,21 @@ $(document).ready(function(){
$('.pop-change').fadeOut(); $('.pop-change').fadeOut();
}); });
// 필터 팝업
$('.filter-btn').click(function(){
$('.article-side').fadeIn();
});
// 닫기
$('.filter-close').on('click', function () {
$('.article-side').fadeOut();
});
// 검색 닫기 // 검색 닫기
$('.search-close').on('click', function () { $('.search-close').on('click', function () {
$('.search-wrap').hide(); $('.search-wrap').hide();
$('.nav-wrap').show(); $('.nav-wrap').show();
}); });
/* 메인 메뉴 반응형 */ /* 메인 메뉴 반응형 */
jQuery(function ($) { jQuery(function ($) {
$.fn.responsivenav = function (args) { $.fn.responsivenav = function (args) {