This commit is contained in:
com02 2021-11-24 13:26:11 +09:00
parent 7d5824581d
commit 5f9e9686ec
2 changed files with 63 additions and 62 deletions

View File

@ -89,30 +89,41 @@ function fn_listPops(typeDivCd) {
<!-- Swiper --> <!-- Swiper -->
<div class="swiper MainSwiper"> <div class="swiper MainSwiper">
<ul class="swiper-wrapper"> <ul class="swiper-wrapper">
<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="슬라이드 이미지 1"></div> <div class="img"><img src="/images/bg/bg-mainbanner.jpg" alt="슬라이드 이미지 1"></div>
<div class="text"> <div class="text">
<h3>온라인 대출/알람예약 서비스를 통해<br>문화원 소장자료들을 만나보세요.</h3> <h3>온라인 대출/알람예약 서비스를 통해<br>문화원 소장자료들을 만나보세요.</h3>
<p>자료 검색을 통해 원하는 자료를 찾고, 대출/열람 예약 신청까지!<br>온라인에서 쉽고 간편하게 할 수 있습니다.</p> <p>자료 검색을 통해 원하는 자료를 찾고, 대출/열람 예약 신청까지!<br>온라인에서 쉽고 간편하게 할 수 있습니다.</p>
<p><a href="#" class="eff">자세히 보기 &#62;</a></p>
</div> </div>
</li> </li>
</c:if>
<c:if test="${fn:length(listBannerInfos) > 0 }">
<c:forEach var="bannerItem" items="${listBannerInfos }">
<li class="swiper-slide"> <li class="swiper-slide">
<div class="img"><img src="/images/bg/bg-mainbanner.jpg" alt="슬라이드 이미지 1"></div> <div class="img">
<c:if test="${not empty bannerItem.streFileNm }">
<img src="/main/bannerImage.do?bannerId=${bannerItem.bannerId }" alt="메인 슬라이딩 배너 이미지">
</c:if>
<c:if test="${empty bannerItem.streFileNm }">
<img src="/images/bg/bg-mainbanner.jpg" alt="메인 슬라이딩 배너 이미지">
</c:if>
</div>
<div class="text"> <div class="text">
<h3>온라인 대출/알람예약 서비스를 통해<br>문화원 소장자료들을 만나보세요.</h3> <h3>${bannerItem.title }</h3>
<p>자료 검색을 통해 원하는 자료를 찾고, 대출/열람 예약 신청까지!<br>온라인에서 쉽고 간편하게 할 수 있습니다.</p> <p>${bannerItem.bannerDesc }</p>
<p><a href="#" class="eff">자세히 보기 &#62;</a></p> <c:if test="${not empty bannerItem.url }">
</div> <p><a href="javascript:(0)" onclick="gfn_gotoUrl('${bannerItem.url}')" class="eff">자세히 보기 &#62;</a></p>
</li> </c:if>
<li class="swiper-slide">
<div class="img"><img src="/images/bg/bg-mainbanner.jpg" alt="슬라이드 이미지 1"></div>
<div class="text">
<h3>온라인 대출/알람예약 서비스를 통해<br>문화원 소장자료들을 만나보세요.</h3>
<p>자료 검색을 통해 원하는 자료를 찾고, 대출/열람 예약 신청까지!<br>온라인에서 쉽고 간편하게 할 수 있습니다.</p>
<p><a href="#" class="eff">자세히 보기 &#62;</a></p>
</div> </div>
</li> </li>
</c:forEach>
</c:if>
</ul> </ul>
<div class="swiper-button-next"></div> <div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div> <div class="swiper-button-prev"></div>
@ -230,28 +241,19 @@ function fn_listPops(typeDivCd) {
</section> </section>
<!-- 섹션5 --> <!-- 섹션5 -->
<c:if test="${fn:length(listTypeDivCodes) > 0 }"> <c:if test="${fn:length(listPops) > 0 }">
<section class="sec5"> <section class="sec5">
<h2 class="blind">인기자료 섹션영역</h2> <h2 class="blind">인기자료 섹션영역</h2>
<div class="inner"> <div class="inner">
<h3 class="title"><span>유형별</span> 인기자료</h3> <h3 class="title"><span>인기</span> 자료</h3>
<p class="desc">자료유형별로 이런 인기자료들이 있어요!</p> <p class="desc">이런 인기자료들이 있어요!</p>
<div class="tab"> <div class="tab">
<div class="mo_tabs_wrap">
<ul class="tabs">
<c:forEach var="itemTypeDivCode" items="${listTypeDivCodes }">
<li><a href="javascript:void(0)" onclick="javascript:fn_listPops('${itemTypeDivCode.typeDivCd}')">${itemTypeDivCode.typeDivNm}</a></li>
</c:forEach>
</ul>
</div>
<div class="tab_content"> <div class="tab_content">
<c:forEach var="itemTypeDivCode" items="${listTypeDivCodes }"> <div class="tabs_item" id="listPops_ALL">
<div class="tabs_item" id="listPops_${itemTypeDivCode.typeDivCd}">
<div class="swiper popularSwiper"> <div class="swiper popularSwiper">
<ul class="swiper-wrapper"> <ul class="swiper-wrapper">
<c:forEach var="itemPop" items="${listPops }"> <c:forEach var="itemPop" items="${listPops }">
<c:if test='${itemPop.typeDivCd eq itemTypeDivCode.typeDivCd }'>
<li class="swiper-slide"> <li class="swiper-slide">
<div class="con-1"> <div class="con-1">
<div class="block"><span class="cla">${itemPop.typeDivNm }</span></div> <div class="block"><span class="cla">${itemPop.typeDivNm }</span></div>
@ -263,14 +265,13 @@ function fn_listPops(typeDivCd) {
<p class="yea"><span>생산년도</span><span><c:if test="${empty itemPop.creatYyyy }">-</c:if>${itemPop.creatYyyy }</span></p> <p class="yea"><span>생산년도</span><span><c:if test="${empty itemPop.creatYyyy }">-</c:if>${itemPop.creatYyyy }</span></p>
</div> </div>
</li> </li>
</c:if>
</c:forEach> </c:forEach>
</ul> </ul>
<div class="swiper-pagination"></div> <div class="swiper-pagination"></div>
</div> </div>
</div> </div>
</c:forEach>
</div> </div>
</div> </div>
</div> </div>
</section> </section>

View File

@ -128,7 +128,7 @@ function goList(){
<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>
<button type="button" class="share" onclick="gfn_setSnsShare('<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="share" onclick="gfn_setSnsShare('<c:out value="${result.masterId}"/>')";>공유</button>
</div> </div>
<div class="con-2"> <div class="con-2">
<div class="de-data"> <div class="de-data">
@ -220,7 +220,7 @@ function goList(){
<div class="b-btn"> <div class="b-btn">
<c:if test="${result.ableRentNow eq true }"><button type="button" class="btn btn-color" onclick="gfn_rentItem('${result.mngOrgCd}', '${result.masterId}')">대출예약</button></c:if> <c:if test="${result.ableRentNow eq true }"><button type="button" class="btn btn-color" onclick="gfn_rentItem('${result.mngOrgCd}', '${result.masterId}')">대출예약</button></c:if>
<c:if test="${result.ableReadNow eq true }"><button type="button" class="btn btn-green" onclick="gfn_reserveReadItem('${result.mngOrgCd}', '${result.masterId}')">방문열람신청</button></c:if> <c:if test="${result.ableReadNow eq true }"><button type="button" class="btn btn-green" onclick="gfn_reserveReadItem('${result.mngOrgCd}', '${result.masterId}')">방문열람신청</button></c:if>
<c:if test="${result.ableRentNow eq true or result.ableReadNow eq true}"><button type="button" class="btn btn-orange" onclick="fn_addRentCart('${result.masterId}', '${result.useStatus}')">카트담기</button></c:if> <c:if test="${result.ableRent eq true or result.ableRead eq true}"><button type="button" class="btn btn-orange" onclick="fn_addRentCart('${result.masterId}', '${result.useStatus}')">카트담기</button></c:if>
</div> </div>
<c:if test="${fn:length(keywordList) > 0 }"> <c:if test="${fn:length(keywordList) > 0 }">
<div class="keyword"> <div class="keyword">
@ -240,7 +240,7 @@ function goList(){
<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}"/></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>
@ -276,7 +276,7 @@ function goList(){
<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" style="white-space: pre-wrap;"> <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>