nbs0105 / BOOT_CMS star
문성진 문성진 2023-05-26
이미지 파일 첨부 부분 수정
@d00959d5197058a2086e563ac0816ada8f9aafef
base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/BbsSourcRegister.jsp
--- base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/BbsSourcRegister.jsp
+++ base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/BbsSourcRegister.jsp
@@ -173,30 +173,25 @@
                     <tr>
                         <th><label for="imagePrevewFileNm">미리보기이미지</label></th>
                         <td>
-                            <div class="file-add-txt-area">
+                            <div class="file-add-area">
                                 <div class="file-custom">
-                                    <input type="file" name="imagePrevewFileNm" id="imagePrevewFileNm" class="input-file">
-                                    <button type="button" class="btn">파일 찾기</button>
-                                    <input type="text" placeholder="파일로 콘텐츠를 추가해주세요." readonly>
+                                    <input type="file" name="imagePrevewFileNm" id="imagePrevewFileNm" class="input-file"/>
+                                    <div class="preview-area">
+                                        <c:if test="${not empty bbsSourcVO.prevewFileNm}">
+                                            <a href="#" onclick="fnImagePreview('${fileStoreWebPathByPreFile}${bbsSourcVO.prevewFileNm}');return false;"><img src="${fileStoreWebPathByPreFile}${bbsSourcVO.prevewFileNm}"/></a>
+                                        </c:if>
+                                    </div>
                                 </div>
+
+                                <c:if test="${not empty bbsSourcVO.prevewFileNm}">
+                                    <div class="item-area">
+                                        <div class="item">
+                                            <p class="txt"><c:out value="${bbsSourcVO.prevewFileNm}"/></p>
+                                            <button type="button" class="ico-sm-close btn-del"><span class="txt-hide">삭제</span></button>
+                                        </div>
+                                    </div>
+                                </c:if>
                             </div>
-                            <c:if test="${_MODE eq 'UPT'}">
-                                <ul class="file-list">
-                                    <c:choose>
-                                        <c:when test="${not empty bbsSourcVO.prevewFileNm}">
-                                            <li>
-                                                <a href="#" onclick="fnImagePreview('${fileStoreWebPathByPreFile}${bbsSourcVO.prevewFileNm}');return false;"><img src="${fileStoreWebPathByPreFile}${bbsSourcVO.prevewFileNm}" width="120" height="107"/></a>
-                                                <button class="btn-close sm"><span class="txt-hide">삭제</span></button>
-                                            </li>
-                                        </c:when>
-                                        <c:otherwise>
-                                            <li>
-                                                <img src="${M_IMG}/common/no_img.gif" alt="이미지없음" width="120" height="107"/>
-                                            </li>
-                                        </c:otherwise>
-                                    </c:choose>
-                                </ul>
-                            </c:if>
                         </td>
                     </tr>
                     <tr>
base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/BbsTemplateRegister.jsp
--- base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/BbsTemplateRegister.jsp
+++ base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/BbsTemplateRegister.jsp
@@ -147,30 +147,25 @@
                     <tr>
                         <th><label for="imagePrevewFileNm">미리보기이미지</label></th>
                         <td>
-                            <div class="file-add-txt-area">
+                            <div class="file-add-area">
                                 <div class="file-custom">
-                                    <input type="file" name="imagePrevewFileNm" id="imagePrevewFileNm" class="input-file">
-                                    <button type="button" class="btn">파일 찾기</button>
-                                    <input type="text" placeholder="파일로 콘텐츠를 추가해주세요." readonly>
+                                    <input type="file" name="imagePrevewFileNm" id="imagePrevewFileNm" class="input-file"/>
+                                    <div class="preview-area">
+                                        <c:if test="${not empty bbsTmplatVO.prevewFileNm}">
+                                            <a href="#" onclick="fnImagePreview('${fileStoreWebPathByPreFile}${bbsTmplatVO.prevewFileNm}');return false;"><img src="${fileStoreWebPathByPreFile}${bbsTmplatVO.prevewFileNm}"/></a>
+                                        </c:if>
+                                    </div>
                                 </div>
+
+                                <c:if test="${not empty bbsTmplatVO.prevewFileNm}">
+                                    <div class="item-area">
+                                        <div class="item">
+                                            <p class="txt"><c:out value="${bbsTmplatVO.prevewFileNm}"/></p>
+                                            <button type="button" class="ico-sm-close btn-del"><span class="txt-hide">삭제</span></button>
+                                        </div>
+                                    </div>
+                                </c:if>
                             </div>
-                            <c:if test="${_MODE eq 'UPT'}">
-                                <ul class="file-list">
-                                    <c:choose>
-                                        <c:when test="${not empty bbsTmplatVO.prevewFileNm}">
-                                            <li>
-                                                <a href="#" onclick="fnImagePreview('${fileStoreWebPathByPreFile}${bbsTmplatVO.prevewFileNm}');return false;"><img src="${fileStoreWebPathByPreFile}${bbsTmplatVO.prevewFileNm}" width="120" height="107"/></a>
-                                                <button class="btn-close sm"><span class="txt-hide">삭제</span></button>
-                                            </li>
-                                        </c:when>
-                                        <c:otherwise>
-                                            <li>
-                                                <img src="${M_IMG}/common/no_img.gif" alt="이미지없음" width="120" height="107"/>
-                                            </li>
-                                        </c:otherwise>
-                                    </c:choose>
-                                </ul>
-                            </c:if>
                         </td>
                     </tr>
                     <tr>
base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytSourcRegister.jsp
--- base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytSourcRegister.jsp
+++ base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytSourcRegister.jsp
@@ -196,30 +196,25 @@
 				<tr>
 					<th><label for="imagePrevewFileNm">미리보기이미지</label></th>
 					<td>
-						<div class="file-add-txt-area">
+						<div class="file-add-area">
 							<div class="file-custom">
-								<input type="file" name="imagePrevewFileNm" id="imagePrevewFileNm" class="input-file">
-								<button type="button" class="btn">파일 찾기</button>
-								<input type="text" placeholder="파일로 콘텐츠를 추가해주세요." readonly>
+								<input type="file" name="imagePrevewFileNm" id="imagePrevewFileNm" class="input-file"/>
+								<div class="preview-area">
+									<c:if test="${not empty lytSourcVO.prevewFileNm}">
+										<a href="#" onclick="fnImagePreview('${fileStoreWebPathByPreFile}${lytSourcVO.prevewFileNm}');return false;"><img src="${fileStoreWebPathByPreFile}${lytSourcVO.prevewFileNm}"/></a>
+									</c:if>
+								</div>
 							</div>
+
+							<c:if test="${not empty lytSourcVO.prevewFileNm}">
+								<div class="item-area">
+									<div class="item">
+										<p class="txt"><c:out value="${lytSourcVO.prevewFileNm}"/></p>
+										<button type="button" class="ico-sm-close btn-del"><span class="txt-hide">삭제</span></button>
+									</div>
+								</div>
+							</c:if>
 						</div>
-						<c:if test="${_MODE eq 'UPT'}">
-							<ul class="file-list">
-								<c:choose>
-									<c:when test="${not empty lytSourcVO.prevewFileNm}">
-										<li>
-											<a href="#" onclick="fnImagePreview('${fileStoreWebPathByPreFile}${lytSourcVO.prevewFileNm}');return false;"><img src="${fileStoreWebPathByPreFile}${lytSourcVO.prevewFileNm}"/></a>
-											<button class="btn-close sm"><span class="txt-hide">삭제</span></button>
-										</li>
-									</c:when>
-									<c:otherwise>
-										<li>
-											<img src="${M_IMG}/common/no_img.gif" alt="이미지없음"/>
-										</li>
-									</c:otherwise>
-								</c:choose>
-							</ul>
-						</c:if>
 					</td>
 				</tr>
 				<tr>
base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytTemplateRegister.jsp
--- base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytTemplateRegister.jsp
+++ base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytTemplateRegister.jsp
@@ -185,30 +185,25 @@
 					<tr>
 						<th><label for="imagePrevewFileNm">미리보기이미지</label></th>
 						<td>
-							<div class="file-add-txt-area">
+							<div class="file-add-area">
 								<div class="file-custom">
-									<input type="file" name="imagePrevewFileNm" id="imagePrevewFileNm" class="input-file">
-									<button type="button" class="btn">파일 찾기</button>
-									<input type="text" placeholder="파일로 콘텐츠를 추가해주세요." readonly>
+									<input type="file" name="imagePrevewFileNm" id="imagePrevewFileNm" class="input-file"/>
+									<div class="preview-area">
+										<c:if test="${not empty lytTmplatVO.prevewFileNm}">
+											<a href="#" onclick="fnImagePreview('${fileStoreWebPathByPreFile}${lytTmplatVO.prevewFileNm}');return false;"><img src="${fileStoreWebPathByPreFile}${lytTmplatVO.prevewFileNm}"/></a>
+										</c:if>
+									</div>
 								</div>
+
+								<c:if test="${not empty lytTmplatVO.prevewFileNm}">
+									<div class="item-area">
+										<div class="item">
+											<p class="txt"><c:out value="${lytTmplatVO.prevewFileNm}"/></p>
+											<button type="button" class="ico-sm-close btn-del"><span class="txt-hide">삭제</span></button>
+										</div>
+									</div>
+								</c:if>
 							</div>
-							<c:if test="${_MODE eq 'UPT'}">
-								<ul class="file-list">
-									<c:choose>
-										<c:when test="${not empty lytTmplatVO.prevewFileNm}">
-											<li>
-												<a href="#" onclick="fnImagePreview('${fileStoreWebPathByPreFile}${lytTmplatVO.prevewFileNm}');return false;"><img src="${fileStoreWebPathByPreFile}${lytTmplatVO.prevewFileNm}" width="120" height="107"/></a>
-												<button class="btn-close sm"><span class="txt-hide">삭제</span></button>
-											</li>
-										</c:when>
-										<c:otherwise>
-											<li>
-												<img src="${M_IMG}/common/no_img.gif" alt="이미지없음" width="120" height="107"/>
-											</li>
-										</c:otherwise>
-									</c:choose>
-								</ul>
-							</c:if>
 						</td>
 					</tr>
 					<tr>
base/src/main/webapp/WEB-INF/jsp/egovframework/mng/sym/sit/SiteInfoRegist.jsp
--- base/src/main/webapp/WEB-INF/jsp/egovframework/mng/sym/sit/SiteInfoRegist.jsp
+++ base/src/main/webapp/WEB-INF/jsp/egovframework/mng/sym/sit/SiteInfoRegist.jsp
@@ -259,75 +259,99 @@
 						</td>
 					</tr>
 					<tr>
-						<th><label for="upendLogoFileNm">상단로고</label></th>
+						<th><label for="upendLogoFileIdFile">상단로고</label></th>
 						<td>
-							<div class="file-add-txt-area">
+							<div class="file-add-area">
 								<div class="file-custom">
-									<input type="file" name="upendLogoFileIdFile" id="upendLogoFileNm" title="상단로고파일" class="input-file">
-									<button type="button" class="btn">파일 찾기</button>
-									<input type="text" placeholder="파일로 콘텐츠를 추가해주세요." readonly>
+									<input type="file" name="upendLogoFileIdFile" id="upendLogoFileIdFile" class="input-file" title="상단로고파일"/>
+									<div class="preview-area">
+										<c:if test="${not empty siteManageVO.upendLogoFileNm}">
+											<img src="${SiteFileStoreWebPath}${siteManageVO.siteId}/${siteManageVO.upendLogoFileNm}"/>
+										</c:if>
+									</div>
 								</div>
-							</div>
 
-							<c:if test="${not empty siteManageVO.upendLogoFileNm}">
-								<ul class="file-list">
-									<li><img src="${SiteFileStoreWebPath}${siteManageVO.siteId}/${siteManageVO.upendLogoFileNm}"/></li>
-								</ul>
-							</c:if>
+								<c:if test="${not empty siteManageVO.upendLogoFileNm}">
+									<div class="item-area">
+										<div class="item">
+											<p class="txt"><c:out value="${siteManageVO.upendLogoFileNm}"/></p>
+											<button type="button" class="ico-sm-close btn-del"><span class="txt-hide">삭제</span></button>
+										</div>
+									</div>
+								</c:if>
+							</div>
 						</td>
 					</tr>
 					<tr>
-						<th><label for="lptLogoFileNm">하단로고</label></th>
+						<th><label for="lptLogoFileId">하단로고</label></th>
 						<td>
-							<div class="file-add-txt-area">
+							<div class="file-add-area">
 								<div class="file-custom">
-									<input type="file" name="lptLogoFileIdFile" id="lptLogoFileNm" title="하단로고파일" class="input-file">
-									<button type="button" class="btn">파일 찾기</button>
-									<input type="text" placeholder="파일로 콘텐츠를 추가해주세요." readonly>
+									<input type="file" name="lptLogoFileId" id="lptLogoFileId" class="input-file" title="하단로고파일"/>
+									<div class="preview-area">
+										<c:if test="${not empty siteManageVO.lptLogoFileNm}">
+											<img src="${SiteFileStoreWebPath}${siteManageVO.siteId}/${siteManageVO.lptLogoFileNm}"/>
+										</c:if>
+									</div>
 								</div>
-							</div>
 
-							<c:if test="${not empty siteManageVO.lptLogoFileNm}">
-								<ul class="file-list">
-									<li><img src="${SiteFileStoreWebPath}${siteManageVO.siteId}/${siteManageVO.lptLogoFileNm}"/></li>
-								</ul>
-							</c:if>
+								<c:if test="${not empty siteManageVO.lptLogoFileNm}">
+									<div class="item-area">
+										<div class="item">
+											<p class="txt"><c:out value="${siteManageVO.lptLogoFileNm}"/></p>
+											<button type="button" class="ico-sm-close btn-del"><span class="txt-hide">삭제</span></button>
+										</div>
+									</div>
+								</c:if>
+							</div>
 						</td>
 					</tr>
 					<tr>
 						<th><label for="peprsntImageFile">대표이미지</label></th>
 						<td>
-							<div class="file-add-txt-area">
+							<div class="file-add-area">
 								<div class="file-custom">
-									<input type="file" name="peprsntImageFile" id="peprsntImageFile" title="대표이미지" class="input-file">
-									<button type="button" class="btn">파일 찾기</button>
-									<input type="text" placeholder="파일로 콘텐츠를 추가해주세요." readonly>
+									<input type="file" name="peprsntImageFile" id="peprsntImageFile" class="input-file" title="대표이미지"/>
+									<div class="preview-area">
+										<c:if test="${not empty siteManageVO.peprsntImageFileNm}">
+											<img src="${SiteFileStoreWebPath}${siteManageVO.siteId}/${siteManageVO.peprsntImageFileNm}"/>
+										</c:if>
+									</div>
 								</div>
-							</div>
 
-							<c:if test="${not empty siteManageVO.peprsntImageFileNm}">
-								<ul class="file-list">
-									<li><img src="${SiteFileStoreWebPath}${siteManageVO.siteId}/${siteManageVO.peprsntImageFileNm}"/></li>
-								</ul>
-							</c:if>
+								<c:if test="${not empty siteManageVO.peprsntImageFileNm}">
+									<div class="item-area">
+										<div class="item">
+											<p class="txt"><c:out value="${siteManageVO.peprsntImageFileNm}"/></p>
+											<button type="button" class="ico-sm-close btn-del"><span class="txt-hide">삭제</span></button>
+										</div>
+									</div>
+								</c:if>
+							</div>
 						</td>
 					</tr>
 					<tr>
 						<th><label for="sloganFile">슬로건</label></th>
 						<td>
-							<div class="file-add-txt-area">
+							<div class="file-add-area">
 								<div class="file-custom">
-									<input type="file" name="sloganFile" id="sloganFile" title="슬로건" class="input-file">
-									<button type="button" class="btn">파일 찾기</button>
-									<input type="text" placeholder="파일로 콘텐츠를 추가해주세요." readonly>
+									<input type="file" name="sloganFile" id="sloganFile" class="input-file" title="슬로건"/>
+									<div class="preview-area">
+										<c:if test="${not empty siteManageVO.sloganFileNm}">
+											<img src="${SiteFileStoreWebPath}${siteManageVO.siteId}/${siteManageVO.sloganFileNm}"/>
+										</c:if>
+									</div>
 								</div>
-							</div>
 
-							<c:if test="${not empty siteManageVO.sloganFileNm}">
-								<ul class="file-list">
-									<li><img src="${SiteFileStoreWebPath}${siteManageVO.siteId}/${siteManageVO.sloganFileNm}"/></li>
-								</ul>
-							</c:if>
+								<c:if test="${not empty siteManageVO.sloganFileNm}">
+									<div class="item-area">
+										<div class="item">
+											<p class="txt"><c:out value="${siteManageVO.sloganFileNm}"/></p>
+											<button type="button" class="ico-sm-close btn-del"><span class="txt-hide">삭제</span></button>
+										</div>
+									</div>
+								</c:if>
+							</div>
 						</td>
 					</tr>
 					<tr>
@@ -538,7 +562,7 @@
 			</table>
 		</div>
 		<div class="btn-cont">
-			<button type="submit" class="btn-lg spot2">${_MODE eq 'REG' ? '등록' : '수정' }</button>
+			<button type="submit" class="btn-lg spot2"><i class="ico-sm-edit"></i> ${_MODE eq 'REG' ? '등록' : '수정' }</button>
 			<c:url var="listUrl" value="/mng/sym/sit/selectSiteInfoList.do">
 				<c:param name="pageIndex" value="${searchVO.pageIndex}" />
 				<c:param name="searchCondition" value="${searchVO.searchCondition}" />
Add a comment
List