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

더보기 버튼 length 50초과시 노출되게 수정

Browse Source
This commit is contained in:
JSYOO 2021-12-03 15:23:44 +09:00
parent e344ad7b71
commit 581114a32e
1 changed files with 48 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp
View File

@ -232,20 +232,30 @@ function goList(){
<span>규격</span> <span>규격</span>
<span><c:if test="${empty result.photoSizeNm}">-</c:if><c:out value="${result.photoSizeNm}"/></span> <span><c:if test="${empty result.photoSizeNm}">-</c:if><c:out value="${result.photoSizeNm}"/></span>
</li> </li>
<li class="detail-accordion"> <ul class="full-width">
<span>미디어 설명</span> <li class="detail-accordion">
<div class="desc-wrap"> <span>미디어 설명</span>
<div class="desc"><c:if test="${empty result.photoDescription}">-</c:if><c:out value="${result.photoDescription}"/><button type="button" class="btn-hide">접기 -</button></div> <div class="desc-wrap">
<button type="button" class="btn-more">더보기+</button> <div class="desc">
</div> <c:if test="${empty result.photoDescription}">-</c:if>
</li> <c:out value="${result.photoDescription}" /><button type="button" class="btn-hide">접기 -</button>
<li class="detail-accordion"> </div>
<span>미디어 부가설명</span> <c:if test="${fn:length(result.photoDescription) > 50 }"><button type="button" class="btn-more">더보기+</button></c:if>
<div class="desc-wrap"> </div>
<div class="desc"><c:if test="${empty result.photoAdditionalDescription}">-</c:if><c:out value="${result.photoAdditionalDescription}"/><button type="button" class="btn-hide">접기 -</button></div> </li>
<button type="button" class="btn-more">더보기+</button> </ul>
</div> <ul class="full-width">
</li> <li class="detail-accordion">
<span>미디어 부가설명</span>
<div class="desc-wrap">
<div class="desc">
<c:if test="${empty result.photoAdditionalDescription}">-</c:if>
<c:out value="${result.photoAdditionalDescription}" /><button type="button" class="btn-hide">접기 -</button>
</div>
<c:if test="${fn:length(result.photoAdditionalDescription) > 50 }"><button type="button" class="btn-more">더보기+</button></c:if>
</div>
</li>
</ul>
</c:if> </c:if>
<c:if test="${result.typeDivCd eq 'IT_VIDEO'}"> <c:if test="${result.typeDivCd eq 'IT_VIDEO'}">
<li> <li>
@ -260,20 +270,30 @@ function goList(){
<span>재생화질상태</span> <span>재생화질상태</span>
<span><c:if test="${empty result.videoStat}">-</c:if><c:out value="${result.videoStat}"/></span> <span><c:if test="${empty result.videoStat}">-</c:if><c:out value="${result.videoStat}"/></span>
</li> </li>
<li class="detail-accordion"> <ul class="full-width">
<span>미디어 설명</span> <li class="detail-accordion">
<div class="desc-wrap"> <span>미디어 설명</span>
<div class="desc"><c:if test="${empty result.videoDescription}">-</c:if><c:out value="${result.videoDescription}"/><button type="button" class="btn-hide">접기 -</button></div> <div class="desc-wrap">
<button type="button" class="btn-more">더보기+</button> <div class="desc">
</div> <c:if test="${empty result.videoDescription}">-</c:if>
</li> <c:out value="${result.videoDescription}" /><button type="button" class="btn-hide">접기 -</button>
<li class="detail-accordion"> </div>
<span>미디어 부가설명</span> <c:if test="${fn:length(result.videoDescription) > 50 }"><button type="button" class="btn-more">더보기+</button></c:if>
<div class="desc-wrap"> </div>
<div class="desc"><c:if test="${empty result.videoAdditionalDescription}">-</c:if><c:out value="${result.videoAdditionalDescription}"/><button type="button" class="btn-hide">접기 -</button></div> </li>
<button type="button" class="btn-more">더보기+</button> </ul>
</div> <ul class="full-width">
</li> <li class="detail-accordion">
<span>미디어 부가설명</span>
<div class="desc-wrap">
<div class="desc">
<c:if test="${empty result.videoAdditionalDescription}">-</c:if>
<c:out value="${result.videoAdditionalDescription}" /><button type="button" class="btn-hide">접기 -</button>
</div>
<c:if test="${fn:length(result.videoAdditionalDescription) > 50 }"><button type="button" class="btn-more">더보기+</button></c:if>
</div>
</li>
</ul>
</c:if> </c:if>
<c:if test="${result.typeDivCd eq 'IT_MAP'}"> <c:if test="${result.typeDivCd eq 'IT_MAP'}">
<li> <li>