somang4819/itsm_ysm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

충돌 재 작업

Browse Source
This commit is contained in:
KNKIM 2021-11-29 11:30:40 +09:00
parent f6a9221db8
commit f81f614bc3
1 changed files with 491 additions and 487 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

978
src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp
View File

@ -1,487 +1,491 @@
<%@ 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="fn" uri="http://java.sun.com/jsp/jstl/functions" %> <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui" %> <%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%> <%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
<script> <script>
$(document).ready(function() { $(document).ready(function() {
<c:if test="${fn:length(listBannerInfos) < 2 }"> <c:if test="${fn:length(listBannerInfos) < 2 }">
$("#divMainBanner").removeClass(); $("#divMainBanner").removeClass();
$("#divMainBannerPage").remove(); $("#divMainBannerPage").remove();
</c:if> </c:if>
$("#DIV_PAGE_MAIN").removeClass("sub"); $("#DIV_PAGE_MAIN").removeClass("sub");
var unreadNotiCnt = $(".noti-btn span.count").text(); var unreadNotiCnt = $(".noti-btn span.count").text();
gfn_myAlert(unreadNotiCnt); gfn_myAlert(unreadNotiCnt);
}); });
function fn_search(keyword) { function fn_search(keyword) {
var form = document.createElement("form"); var form = document.createElement("form");
form.style.display = "none"; form.style.display = "none";
$(form).attr("action", "/search/searchList.do"); $(form).attr("action", "/search/searchList.do");
$(form).attr("method", "post"); $(form).attr("method", "post");
var element = document.createElement("input"); var element = document.createElement("input");
$(element).attr("name", "query"); $(element).attr("name", "query");
$(element).attr("value", keyword); $(element).attr("value", keyword);
form.appendChild(element); form.appendChild(element);
document.body.appendChild(form); document.body.appendChild(form);
form.submit(); form.submit();
document.body.removeChild(form); document.body.removeChild(form);
return; return;
} }
function fn_viewAncmnt(articleId) { function fn_viewAncmnt(articleId) {
var form = document.createElement("form"); var form = document.createElement("form");
form.style.display = "none"; form.style.display = "none";
$(form).attr("action", "/bbs/selectAncmntArticle.do"); $(form).attr("action", "/bbs/selectAncmntArticle.do");
$(form).attr("method", "post"); $(form).attr("method", "post");
var element = document.createElement("input"); var element = document.createElement("input");
$(element).attr("name", "articleId"); $(element).attr("name", "articleId");
$(element).attr("value", articleId); $(element).attr("value", articleId);
form.appendChild(element); form.appendChild(element);
document.body.appendChild(form); document.body.appendChild(form);
form.submit(); form.submit();
document.body.removeChild(form); document.body.removeChild(form);
return; return;
} }
function fn_viewQna(articleId, secretYn, myQnaYn) { function fn_viewQna(articleId, secretYn, myQnaYn) {
// 비밀글인 경우, 본인에 한하여 조회 가능 // 비밀글인 경우, 본인에 한하여 조회 가능
if(secretYn == "Y" && myQnaYn == "N") { if(secretYn == "Y" && myQnaYn == "N") {
alert("비공개 게시물은 작성자만 확인할 수 있습니다."); alert("비공개 게시물은 작성자만 확인할 수 있습니다.");
return; return;
} }
var form = document.createElement("form"); var form = document.createElement("form");
form.style.display = "none"; form.style.display = "none";
$(form).attr("action", "/bbs/selectQnaArticle.do"); $(form).attr("action", "/bbs/selectQnaArticle.do");
$(form).attr("method", "post"); $(form).attr("method", "post");
var element = document.createElement("input"); var element = document.createElement("input");
$(element).attr("name", "articleId"); $(element).attr("name", "articleId");
$(element).attr("value", articleId); $(element).attr("value", articleId);
form.appendChild(element); form.appendChild(element);
document.body.appendChild(form); document.body.appendChild(form);
form.submit(); form.submit();
document.body.removeChild(form); document.body.removeChild(form);
return; return;
} }
function fn_listPops(typeDivCd) { function fn_listPops(typeDivCd) {
$("div.tab_content div.tabs_item").hide(); $("div.tab_content div.tabs_item").hide();
$("#listPops_" + typeDivCd).show(); $("#listPops_" + typeDivCd).show();
} }
</script> </script>
<!-- 섹션1 --> <!-- 섹션1 -->
<section class="sec1"> <section class="sec1">
<h2 class="blind">배너 섹션영역</h2> <h2 class="blind">배너 섹션영역</h2>
<div class="inner"> <div class="inner">
<div class="banner"> <div class="banner">
<!-- Swiper --> <!-- Swiper -->
<div id="divMainBanner" class="swiper MainSwiper"> <div id="divMainBanner" class="swiper MainSwiper">
<ul class="swiper-wrapper"> <ul class="swiper-wrapper">
<c:if test="${fn:length(listBannerInfos) < 1 }"> <c:if test="${fn:length(listBannerInfos) < 1 }">
<li class="swiper-slide"> <li class="swiper-slide">
<div class="img"><img src="/images/bg/bg-mainbanner.jpg" alt=""></div> <div class="img"><img src="/images/bg/bg-mainbanner.jpg" alt=""></div>
<div class="text"> <div class="text">
<h3>온라인 대출/알람예약 서비스를 통해<br>문화원 소장자료들을 만나보세요.</h3> <h3>온라인 대출/알람예약 서비스를 통해<br>문화원 소장자료들을 만나보세요.</h3>
<p>자료 검색을 통해 원하는 자료를 찾고, 대출/열람 예약 신청까지!<br>온라인에서 쉽고 간편하게 할 수 있습니다.</p> <p>자료 검색을 통해 원하는 자료를 찾고, 대출/열람 예약 신청까지!<br>온라인에서 쉽고 간편하게 할 수 있습니다.</p>
</div> </div>
</li> </li>
</c:if> </c:if>
<c:if test="${fn:length(listBannerInfos) > 0 }"> <c:if test="${fn:length(listBannerInfos) > 0 }">
<c:forEach var="bannerItem" items="${listBannerInfos }"> <c:forEach var="bannerItem" items="${listBannerInfos }">
<li <c:if test="${fn:length(listBannerInfos) > 1 }"> class="swiper-slide" </c:if> > <li <c:if test="${fn:length(listBannerInfos) > 1 }"> class="swiper-slide" </c:if> >
<div class="img"> <div class="img">
<c:if test="${not empty bannerItem.streFileNm }"> <c:if test="${not empty bannerItem.streFileNm }">
<img src="/main/bannerImage.do?bannerId=${bannerItem.bannerId }" alt=""> <img src="/main/bannerImage.do?bannerId=${bannerItem.bannerId }" alt="">
</c:if> </c:if>
<c:if test="${empty bannerItem.streFileNm }"> <c:if test="${empty bannerItem.streFileNm }">
<img src="/images/bg/bg-mainbanner.jpg" alt=""> <img src="/images/bg/bg-mainbanner.jpg" alt="">
</c:if> </c:if>
</div> </div>
<div class="text"> <div class="text">
<h3>${bannerItem.title }</h3> <h3>${bannerItem.title }</h3>
<p>${bannerItem.bannerDesc }</p> <p>${bannerItem.bannerDesc }</p>
<c:if test="${not empty bannerItem.url }"> <c:if test="${not empty bannerItem.url }">
<p><a href="javascript:(0)" onclick="gfn_gotoUrl('${bannerItem.url}')" class="eff">자세히 보기 &#62;</a></p> <p><a href="javascript:(0)" onclick="gfn_gotoUrl('${bannerItem.url}')" class="eff">자세히 보기 &#62;</a></p>
</c:if> </c:if>
</div> </div>
</li> </li>
</c:forEach> </c:forEach>
</c:if> </c:if>
</ul> </ul>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div> <c:if test="${fn:length(listBannerInfos) > 1 }">
<div class="swiper-button-next"></div>
<div id="divMainBannerPage" class="pagination"> <div class="swiper-button-prev"></div>
<div class="swiper-pagination"></div>
<div class="loop-count"> <div id="divMainBannerPage" class="pagination">
<canvas id="swieper-timer" width="32" height="32"></canvas> <div class="swiper-pagination"></div>
<button class="remote"><span></span></button> <div class="loop-count">
</div> <canvas id="swieper-timer" width="32" height="32"></canvas>
</div> <button class="remote"><span></span></button>
</div> </div>
</div> </div>
<div class="color-box"> </c:if>
<button class="list"> </div>
<a href="javascript:void(0);" onclick="location.href = '/inform/selectNCultureOperationInfo.do';" title="이용안내"> </div>
<div class="title">이용안내</div>
<div class="icon"><img src="/images/icon/icon-sec1-01.png" alt=""></div> <div class="color-box">
<div class="open"><img src="/images/icon/icon-plus.png" alt=""></div> <button class="list">
</a> <a href="javascript:void(0);" onclick="location.href = '/inform/selectNCultureOperationInfo.do';" title="이용안내">
</button> <div class="title">이용안내</div>
<button class="list"> <div class="icon"><img src="/images/icon/icon-sec1-01.png" alt=""></div>
<a href="javascript:void(0);" onclick="gfn_gotoUrl('/inform/selectNCultureLocationInfo.do')" title="찾아오시는 길"> <div class="open"><img src="/images/icon/icon-plus.png" alt=""></div>
<div class="title">찾아오시는 길</div> </a>
<div class="icon"><img src="/images/icon/icon-sec1-02.png" alt=""></div> </button>
<div class="open"><img src="/images/icon/icon-plus.png" alt=""></div> <button class="list">
</a> <a href="javascript:void(0);" onclick="gfn_gotoUrl('/inform/selectNCultureLocationInfo.do')" title="찾아오시는 길">
</button> <div class="title">찾아오시는 길</div>
<button class="list"> <div class="icon"><img src="/images/icon/icon-sec1-02.png" alt=""></div>
<a href="javascript:void(0);" onclick="location.href = '/rent/listRentItems.do';" title="대출관리"> <div class="open"><img src="/images/icon/icon-plus.png" alt=""></div>
<div class="title">대출관리</div> </a>
<div class="icon"><img src="/images/icon/icon-sec1-03.png" alt=""></div> </button>
<div class="open"><img src="/images/icon/icon-plus.png" alt=""></div> <button class="list">
</a> <a href="javascript:void(0);" onclick="location.href = '/rent/listRentItems.do';" title="대출관리">
</button> <div class="title">대출관리</div>
<button class="list"> <div class="icon"><img src="/images/icon/icon-sec1-03.png" alt=""></div>
<a href="javascript:void(0);" onclick="location.href = '/read/listReadItems.do';" title="열람관리"> <div class="open"><img src="/images/icon/icon-plus.png" alt=""></div>
<div class="title">열람관리</div> </a>
<div class="icon"><img src="/images/icon/icon-sec1-04.png" alt=""></div> </button>
<div class="open"><img src="/images/icon/icon-plus.png" alt=""></div> <button class="list">
</a> <a href="javascript:void(0);" onclick="location.href = '/read/listReadItems.do';" title="열람관리">
</button> <div class="title">열람관리</div>
</div> <div class="icon"><img src="/images/icon/icon-sec1-04.png" alt=""></div>
</div> <div class="open"><img src="/images/icon/icon-plus.png" alt=""></div>
</section> </a>
</button>
<!-- 섹션2 --> </div>
<c:if test="${fn:length(listKeywords) > 0 }"> </div>
<section class="sec2"> </section>
<h2 class="blind">키워드 섹션영역</h2>
<div class="inner"> <!-- 섹션2 -->
<div class="keyword-box"> <c:if test="${fn:length(listKeywords) > 0 }">
<h3 class="title"><span>AI 추천</span> 키워드</h3> <section class="sec2">
<p class="desc">어떤 자료들을 소장 중인지 키워드로 살펴보세요!</p> <h2 class="blind">키워드 섹션영역</h2>
<ul class="list-tag"> <div class="inner">
<c:forEach var="itemKeyword" items="${listKeywords }"> <div class="keyword-box">
<li><a href="javascript:void(0)" title="${itemKeyword.keyName }" onclick="fn_search('${itemKeyword.keyName }')"># ${itemKeyword.keyName }</a> <h3 class="title"><span>AI 추천</span> 키워드</h3>
</li> <p class="desc">어떤 자료들을 소장 중인지 키워드로 살펴보세요!</p>
</c:forEach> <ul class="list-tag">
</ul> <c:forEach var="itemKeyword" items="${listKeywords }">
</div> <li><a href="javascript:void(0)" title="${itemKeyword.keyName }" onclick="fn_search('${itemKeyword.keyName }')"># ${itemKeyword.keyName }</a>
</div> </li>
</section> </c:forEach>
</c:if> </ul>
</div>
<!-- 섹션3 --> </div>
<c:if test="${fn:length(listOrgPicks) > 0 }"> </section>
<section class="sec3"> </c:if>
<h2 class="blind">문화원픽 섹션영역</h2>
<div class="inner"> <!-- 섹션3 -->
<div class="pick-box"> <c:if test="${fn:length(listOrgPicks) > 0 }">
<h3 class="title"><span>문화원's</span> Pick</h3> <section class="sec3">
<p class="desc">${mngOrgNm }<c:if test='${fn:endsWith(mngOrgNm, "원") }'>이</c:if><c:if test='${not fn:endsWith(mngOrgNm, "원") }'>가</c:if> 추천하는 자료를 만나보세요!</p> <h2 class="blind">문화원픽 섹션영역</h2>
<div class="inner">
<!-- Swiper --> <div class="pick-box">
<div class="swiper pickSwiper"> <h3 class="title"><span>문화원's</span> Pick</h3>
<div class="swiper-wrapper"> <p class="desc">${mngOrgNm }<c:if test='${fn:endsWith(mngOrgNm, "원") }'>이</c:if><c:if test='${not fn:endsWith(mngOrgNm, "원") }'>가</c:if> 추천하는 자료를 만나보세요!</p>
<c:forEach var="itemPick" items="${listOrgPicks }"> <!-- Swiper -->
<div class="swiper pickSwiper">
<div class="swiper-slide"> <div class="swiper-wrapper">
<div class="list-box">
<div class="images"><a href="javascript:void(0)" onclick="gfn_getDetail('${itemPick.masterId }')" title="상세정보"><img src="${itemPick.rprsThumbUrlWithDefaultMiddle }" alt="${itemPick.title } 표지"></a></div> <c:forEach var="itemPick" items="${listOrgPicks }">
<div class="subject">
<a href="javascript:void(0)" onclick="gfn_getDetail('${itemPick.masterId }')" title="상세정보"> <div class="swiper-slide">
<span class="block"><span class="cla">${itemPick.typeDivNm }</span></span> <div class="list-box">
<span class="tit underline pink">${itemPick.title }</span> <div class="images"><a href="javascript:void(0)" onclick="gfn_getDetail('${itemPick.masterId }')" title="상세정보"><img src="${itemPick.rprsThumbUrlWithDefaultMiddle }" alt="${itemPick.title } 표지"></a></div>
</a> <div class="subject">
</div> <a href="javascript:void(0)" onclick="gfn_getDetail('${itemPick.masterId }')" title="상세정보">
</div> <span class="block"><span class="cla">${itemPick.typeDivNm }</span></span>
</div> <span class="tit underline pink">${itemPick.title }</span>
</a>
</c:forEach> </div>
</div>
</div> </div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div> </c:forEach>
<div class="swiper-pagination"></div>
</div> </div>
</div> <div class="swiper-button-next"></div>
</div> <div class="swiper-button-prev"></div>
</section> <div class="swiper-pagination"></div>
</c:if> </div>
</div>
<!-- 섹션4 --> </div>
<section class="sec4"> </section>
<h2 class="blind">중간배너 섹션영역</h2> </c:if>
<div class="inner">
<div class="middle-banner"> <!-- 섹션4 -->
<h3>회원가입만 하면 발급되는<br><strong>간편 온라인 회원증!</strong></h3> <section class="sec4">
<p>문화원 소장자료관 회원가입 시 해당 문화원에서<br>사용할 수 있는 온라인 회원증이 발급됩니다.</p> <h2 class="blind">중간배너 섹션영역</h2>
</div> <div class="inner">
</div> <div class="middle-banner">
</section> <h3>회원가입만 하면 발급되는<br><strong>간편 온라인 회원증!</strong></h3>
<p>문화원 소장자료관 회원가입 시 해당 문화원에서<br>사용할 수 있는 온라인 회원증이 발급됩니다.</p>
<!-- 섹션5 --> </div>
<c:if test="${fn:length(listPops) > 0 }"> </div>
<section class="sec5"> </section>
<h2 class="blind">인기자료 섹션영역</h2>
<div class="inner"> <!-- 섹션5 -->
<h3 class="title"><span>인기</span> 자료</h3> <c:if test="${fn:length(listPops) > 0 }">
<p class="desc">이런 인기자료들이 있어요!</p> <section class="sec5">
<div class="tab"> <h2 class="blind">인기자료 섹션영역</h2>
<div class="inner">
<div class="tab_content"> <h3 class="title"><span>인기</span> 자료</h3>
<div class="tabs_item" id="listPops_ALL"> <p class="desc">이런 인기자료들이 있어요!</p>
<div class="swiper popularSwiper"> <div class="tab">
<ul class="swiper-wrapper">
<c:forEach var="itemPop" items="${listPops }"> <div class="tab_content">
<li class="swiper-slide"> <div class="tabs_item" id="listPops_ALL">
<div class="con-1"> <div class="swiper popularSwiper">
<div class="block"><span class="cla">${itemPop.typeDivNm }</span></div> <ul class="swiper-wrapper">
<div class="tit underline pink" onclick="gfn_getDetail('${itemPop.masterId}')">${itemPop.title }</div> <c:forEach var="itemPop" items="${listPops }">
</div> <li class="swiper-slide">
<div class="con-2"> <div class="con-1">
<p class="sub"><span>주제분야</span><span><c:if test="${empty itemPop.subjectNm }">-</c:if>${itemPop.subjectNm }</span></p> <div class="block"><span class="cla">${itemPop.typeDivNm }</span></div>
<p class="age"><span>생산기관</span><span><c:if test="${empty itemPop.orgNm }">-</c:if>${itemPop.orgNm }</span></p> <div class="tit underline pink" onclick="gfn_getDetail('${itemPop.masterId}')">${itemPop.title }</div>
<p class="yea"><span>생산년도</span><span><c:if test="${empty itemPop.creatYyyy }">-</c:if>${itemPop.creatYyyy }</span></p> </div>
</div> <div class="con-2">
</li> <p class="sub"><span>주제분야</span><span><c:if test="${empty itemPop.subjectNm }">-</c:if>${itemPop.subjectNm }</span></p>
</c:forEach> <p class="age"><span>생산기관</span><span><c:if test="${empty itemPop.orgNm }">-</c:if>${itemPop.orgNm }</span></p>
</ul> <p class="yea"><span>생산년도</span><span><c:if test="${empty itemPop.creatYyyy }">-</c:if>${itemPop.creatYyyy }</span></p>
<div class="swiper-pagination"></div> </div>
</div> </li>
</div> </c:forEach>
</div> </ul>
<div class="swiper-pagination"></div>
</div> </div>
</div> </div>
</section> </div>
</c:if>
</div>
<!-- 섹션6 --> </div>
<c:if test="${fn:length(listOnline) > 0 }"> </section>
<section class="sec6"> </c:if>
<h2 class="blind">온라인자료관 섹션영역</h2>
<div class="inner"> <!-- 섹션6 -->
<h3 class="title"><span>온라인</span> 자료관</h3> <c:if test="${fn:length(listOnline) > 0 }">
<p class="desc">문화원 전자자료를 온라인으로 간편하게 열람해보세요!</p> <section class="sec6">
<!-- Swiper --> <h2 class="blind">온라인자료관 섹션영역</h2>
<div class="swiper onlineSwiper"> <div class="inner">
<div class="swiper-wrapper items cover"> <h3 class="title"><span>온라인</span> 자료관</h3>
<p class="desc">문화원 전자자료를 온라인으로 간편하게 열람해보세요!</p>
<c:forEach var="itemOnline" items="${listOnline }"> <!-- Swiper -->
<div class="swiper-slide"> <div class="swiper onlineSwiper">
<div class="List"> <div class="swiper-wrapper items cover">
<div class="inner">
<div class="thumbnail"> <c:forEach var="itemOnline" items="${listOnline }">
<span class="image-frame"><img src="${itemOnline.rprsThumbUrlWithDefaultMiddle }" alt="${itemOnline.title } 표지" /></span> <div class="swiper-slide">
<div class="detail-cover"> <div class="List">
<a href="javascript:void(0)" title="상세화면 보기" onclick="gfn_getDetail('${itemOnline.masterId }')" ><strong>${itemOnline.title }</strong></a> <div class="inner">
<ul> <div class="thumbnail">
<li><em>자료유형</em><c:if test="${empty itemOnline.typeDivNm }">-</c:if>${itemOnline.typeDivNm }</li> <span class="image-frame"><img src="${itemOnline.rprsThumbUrlWithDefaultMiddle }" alt="${itemOnline.title } 표지" /></span>
<li><em>주제분야</em><c:if test="${empty itemOnline.subjectNmUp }">-</c:if>${itemOnline.subjectNmUp }</li> <div class="detail-cover">
<li><em>생산기관</em><c:if test="${empty itemOnline.orgNm }">-</c:if>${itemOnline.orgNm }</span></li> <a href="javascript:void(0)" title="상세화면 보기" onclick="gfn_getDetail('${itemOnline.masterId }')" ><strong>${itemOnline.title }</strong></a>
<li><em>생산년도</em><c:if test="${empty itemOnline.creatYyyy }">-</c:if>${itemOnline.creatYyyy }</li> <ul>
</ul> <li><em>자료유형</em><c:if test="${empty itemOnline.typeDivNm }">-</c:if>${itemOnline.typeDivNm }</li>
<div class="btn-box"> <li><em>주제분야</em><c:if test="${empty itemOnline.subjectNmUp }">-</c:if>${itemOnline.subjectNmUp }</li>
<div class="view"><a href="javascript:void(0)" onclick="gfn_showDocPdf('${itemOnline.interfaceId }','${itemOnline.masterId }','${itemOnline.typeDivCd}','${itemOnline.dtlsTypeDivCd}')">원문보기</a></div> <li><em>생산기관</em><c:if test="${empty itemOnline.orgNm }">-</c:if>${itemOnline.orgNm }</span></li>
<div class="RIS"><a href="javascript:void(0)" onclick="risShow('${itemOnline.masterId }')">RIS</a></div> <li><em>생산년도</em><c:if test="${empty itemOnline.creatYyyy }">-</c:if>${itemOnline.creatYyyy }</li>
</div> </ul>
</div> <div class="btn-box">
</div> <div class="view"><a href="javascript:void(0)" onclick="gfn_showDocPdf('${itemOnline.interfaceId }','${itemOnline.masterId }','${itemOnline.typeDivCd}','${itemOnline.dtlsTypeDivCd}')">원문보기</a></div>
</div> <div class="RIS"><a href="javascript:void(0)" onclick="risShow('${itemOnline.masterId }')">RIS</a></div>
</div> </div>
</div> </div>
</c:forEach> </div>
</div> </div>
<div class="swiper-button-next"></div> </div>
<div class="swiper-button-prev"></div> </div>
<div class="swiper-pagination"></div> </c:forEach>
</div> </div>
<div class="more-btn"><a href="javascript:void(0)" onclick="location.href='/search/searchList.do?collection=lib_online';"><span><span>더보기</span> <img src="/images/icon/icon-more.png" alt=""></span></a></div> <div class="swiper-button-next"></div>
</div> <div class="swiper-button-prev"></div>
</section> <div class="swiper-pagination"></div>
</c:if> </div>
<div class="more-btn"><a href="javascript:void(0)" onclick="location.href='/search/searchList.do?collection=lib_online';"><span><span>더보기</span> <img src="/images/icon/icon-more.png" alt=""></span></a></div>
<!-- 섹션7 --> </div>
<section class="sec7"> </section>
<h2 class="blind">커뮤니티 섹션영역</h2> </c:if>
<div class="inner">
<div class="Fl notice"> <!-- 섹션7 -->
<div class="ti"><span>공지사항</span></div> <section class="sec7">
<div class="con"> <h2 class="blind">커뮤니티 섹션영역</h2>
<c:forEach var="itemAncmnt" items="${listAncmnt }"> <div class="inner">
<div class="list"> <div class="Fl notice">
<a href="javascript:void(0)" onclick="fn_viewAncmnt('${itemAncmnt.articleId}')"> <div class="ti"><span>공지사항</span></div>
<div class="box"><p>${fn:substring(itemAncmnt.regDd,8,10) }</p><p> ${fn:substring(itemAncmnt.regDd,2,4) }.${fn:substring(itemAncmnt.regDd,5,7) }</p></div> <div class="con">
<div class="text"> <c:forEach var="itemAncmnt" items="${listAncmnt }">
<p><c:if test='${itemAncmnt.notiYn == "Y"}'>[공지]</c:if>${itemAncmnt.title} <div class="list">
<c:if test='${itemAncmnt.attachYn == "Y"}'><img src="/images/icon/icon-file.png" class="file" alt="파일 아이콘"></c:if></p> <a href="javascript:void(0)" onclick="fn_viewAncmnt('${itemAncmnt.articleId}')">
</div> <div class="box"><p>${fn:substring(itemAncmnt.regDd,8,10) }</p><p> ${fn:substring(itemAncmnt.regDd,2,4) }.${fn:substring(itemAncmnt.regDd,5,7) }</p></div>
</a> <div class="text">
</div> <p><c:if test='${itemAncmnt.notiYn == "Y"}'>[공지]</c:if>${itemAncmnt.title}
</c:forEach> <c:if test='${itemAncmnt.attachYn == "Y"}'><img src="/images/icon/icon-file.png" class="file" alt="파일 아이콘"></c:if></p>
</div> </div>
<div class="more"><a href="javascript:void(0)" onclick="location.href='/bbs/listAncmnts.do';"><span><span>더보기</span> <img src="/images/icon/icon-more.png" alt=""></span></a></div> </a>
</div> </div>
<div class="Fl qna"> </c:forEach>
<div class="ti"><span>Q&amp;A</span></div> </div>
<div class="con"> <div class="more"><a href="javascript:void(0)" onclick="location.href='/bbs/listAncmnts.do';"><span><span>더보기</span> <img src="/images/icon/icon-more.png" alt=""></span></a></div>
<c:forEach var="itemQna" items="${listQna }"> </div>
<div class="list"> <div class="Fl qna">
<a href="javascript:void(0)" onclick="fn_viewQna('${itemQna.articleId}', '${itemQna.secretYn}', '${itemQna.myQnaYn}')"> <div class="ti"><span>Q&amp;A</span></div>
<div class="box"><p>${fn:substring(itemQna.regDd,8,10) }</p><p> ${fn:substring(itemQna.regDd,2,4) }.${fn:substring(itemQna.regDd,5,7) }</p></div> <div class="con">
<div class="text"> <c:forEach var="itemQna" items="${listQna }">
<p>${itemQna.title} <div class="list">
<c:if test='${itemQna.attachYn == "Y"}'><img src="/images/icon/icon-file.png" class="file" alt="파일 아이콘"></c:if> <a href="javascript:void(0)" onclick="fn_viewQna('${itemQna.articleId}', '${itemQna.secretYn}', '${itemQna.myQnaYn}')">
<c:if test='${itemQna.secretYn == "Y"}'><img src="/images/icon/icon-password.png" class="pw" alt="잠금 아이콘"></c:if> <div class="box"><p>${fn:substring(itemQna.regDd,8,10) }</p><p> ${fn:substring(itemQna.regDd,2,4) }.${fn:substring(itemQna.regDd,5,7) }</p></div>
</p> <div class="text">
</div> <p>${itemQna.title}
<c:if test='${itemQna.answerYn == "Y"}'> <c:if test='${itemQna.attachYn == "Y"}'><img src="/images/icon/icon-file.png" class="file" alt="파일 아이콘"></c:if>
<div class="answer suc"> <c:if test='${itemQna.secretYn == "Y"}'><img src="/images/icon/icon-password.png" class="pw" alt="잠금 아이콘"></c:if>
<p>답변완료</p> </p>
</div> </div>
</c:if> <c:if test='${itemQna.answerYn == "Y"}'>
<c:if test='${itemQna.answerYn != "Y"}'> <div class="answer suc">
<div class="answer"> <p>답변완료</p>
<p>답변대기</p> </div>
</div> </c:if>
</c:if> <c:if test='${itemQna.answerYn != "Y"}'>
</a> <div class="answer">
</div> <p>답변대기</p>
</c:forEach> </div>
</div> </c:if>
<div class="more"><a href="javascript:void(0)" onclick="location.href='/bbs/listQnas.do';"><span><span>더보기</span> <img src="/images/icon/icon-more.png" alt=""></span></a></div> </a>
</div> </div>
</div> </c:forEach>
</section> </div>
<div class="more"><a href="javascript:void(0)" onclick="location.href='/bbs/listQnas.do';"><span><span>더보기</span> <img src="/images/icon/icon-more.png" alt=""></span></a></div>
<sec:authorize access="isAuthenticated()"> </div>
<button type="button" id="mo-member-btn" class="member-btn" onclick="fn_getMemberCard();">회원증 보러가기</button> </div>
</sec:authorize> </section>
<script> <sec:authorize access="isAuthenticated()">
/* 메인슬라이드 */ <button type="button" id="mo-member-btn" class="member-btn" onclick="fn_getMemberCard();">회원증 보러가기</button>
var myswiper = new Swiper(".MainSwiper", { </sec:authorize>
loop: true,
slidesPerView: 1, <script>
spaceBetween: 0, /* 메인슬라이드 */
centeredSlides: true, var myswiper = new Swiper(".MainSwiper", {
autoplay: { loop: true,
delay: 4000, slidesPerView: 1,
disableOnInteraction: false, spaceBetween: 0,
}, centeredSlides: true,
navigation: { autoplay: {
nextEl: ".swiper-button-next", delay: 4000,
prevEl: ".swiper-button-prev", disableOnInteraction: false,
}, },
pagination: { navigation: {
el: '.pagination .swiper-pagination', nextEl: ".swiper-button-next",
type: 'fraction', prevEl: ".swiper-button-prev",
} },
}); pagination: {
el: '.pagination .swiper-pagination',
$('.remote').click(function () { type: 'fraction',
if($(this).hasClass('restart')){ }
$(this).removeClass('restart'); });
myswiper.autoplay.start();
}else{ $('.remote').click(function () {
$(this).addClass('restart'); if($(this).hasClass('restart')){
myswiper.autoplay.stop(); $(this).removeClass('restart');
} myswiper.autoplay.start();
}); }else{
$(this).addClass('restart');
var windowWidth = $(window).width(); myswiper.autoplay.stop();
var _slidesPerView = 5; }
var _spaceBetween = 30; });
if (windowWidth < 480) {
_slidesPerView = 1; var windowWidth = $(window).width();
_spaceBetween = 20; var _slidesPerView = 5;
} var _spaceBetween = 30;
if (windowWidth < 480) {
/* 문화원s pick */ _slidesPerView = 1;
var swiper = new Swiper(".pickSwiper", { _spaceBetween = 20;
loop : true, }
slidesPerView : _slidesPerView,
spaceBetween : _spaceBetween, /* 문화원s pick */
centeredSlides : true, var swiper = new Swiper(".pickSwiper", {
autoplay : { loop : true,
delay : 2500, slidesPerView : _slidesPerView,
disableOnInteraction : false, spaceBetween : _spaceBetween,
}, centeredSlides : true,
navigation : { autoplay : {
nextEl : ".swiper-button-next", delay : 2500,
prevEl : ".swiper-button-prev", disableOnInteraction : false,
}, },
/* navigation : {
pagination: { nextEl : ".swiper-button-next",
el: ".swiper-pagination", prevEl : ".swiper-button-prev",
clickable: true, },
}, /*
*/ pagination: {
}); el: ".swiper-pagination",
clickable: true,
var _slidesPerViewOnline = 7; },
if (windowWidth < 480) { */
_slidesPerViewOnline = 1.5; });
/* 유형별 인기자료 */
var swiper = new Swiper(".popularSwiper", { var _slidesPerViewOnline = 7;
slidesPerView : 1, if (windowWidth < 480) {
spaceBetween : _spaceBetween, _slidesPerViewOnline = 1.5;
centeredSlides : true, /* 유형별 인기자료 */
pagination : { var swiper = new Swiper(".popularSwiper", {
el : ".swiper-pagination", slidesPerView : 1,
}, spaceBetween : _spaceBetween,
}); centeredSlides : true,
} pagination : {
el : ".swiper-pagination",
/* 온라인 자료관 */ },
var swiper = new Swiper(".onlineSwiper", { });
loop : true, }
slidesPerView : _slidesPerViewOnline,
spaceBetween : _spaceBetween, /* 온라인 자료관 */
centeredSlides : true, var swiper = new Swiper(".onlineSwiper", {
// autoplay: { loop : true,
// delay: 4000, slidesPerView : _slidesPerViewOnline,
// disableOnInteraction: false, spaceBetween : _spaceBetween,
// }, centeredSlides : true,
navigation : { // autoplay: {
nextEl : ".swiper-button-next", // delay: 4000,
prevEl : ".swiper-button-prev", // disableOnInteraction: false,
}, // },
/* navigation : {
pagination: { nextEl : ".swiper-button-next",
el: ".swiper-pagination", prevEl : ".swiper-button-prev",
clickable: true, },
}, /*
*/ pagination: {
}); el: ".swiper-pagination",
</script> clickable: true,
},
*/
});
</script>