Commit @106 - jhleem/egov

Files
Commit

한선우 2022-02-18 @106

Index: base3.10/src/main/webapp/css/user/style.css =================================================================== --- base3.10/src/main/webapp/css/user/style.css (revision 105) +++ base3.10/src/main/webapp/css/user/style.css (revision 106) @@ -205,12 +205,12 @@ /*이미지파일*/ .file_list.img_type { margin:10px -2px -2px; } -.file_list.img_type .file_box { display:flex; align-items:center; padding:5px 7px 5px 15px; border:1px solid #ccc; width:100px; height:100px; border-radius:20px; margin:2px; transition:all .2s ease-in-out; position:relative; } -.file_list.img_type .btn_wrap { position:absolute; background:rgba(255,255,255,0.3); backdrop-filter:blur(10px); bottom:-100%; left:0; width:100%; text-align:center; padding:5px 0;transition:all .2s ease-in-out; } +.file_list.img_type .file_box { display:flex; align-items:center; padding:5px 7px 5px 15px; border:1px solid #ccc; width:100px; height:100px; border-radius:15px; margin:2px; transition:all .2s ease-in-out; position:relative; } +.file_list.img_type .btn_wrap { position:absolute; background:rgba(0,0,0,0.3); backdrop-filter:blur(10px); bottom:-100%; left:0; width:100%; text-align:center; padding:5px 0;transition:all .2s ease-in-out; } .file_list.img_type .file_box:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.1); border-color:#666; } .file_list.img_type .file_box:hover .btn_wrap { bottom:0; } -.file_list.img_type .file_box .btn_wrap button { color:#ccc; } -.file_list.img_type .file_box .btn_wrap button:hover { color:#fff; } +.file_list.img_type .file_box .btn_wrap button { color:#fff; margin:0 3px; } +.file_list.img_type .file_box .btn_wrap button:hover { color:#6cb4ff; } /*카테고라*/ .category_wrap { display:flex; flex-direction:row; flex-wrap:wrap; margin:10px -2.5px -2.5px; } Index: base3.10/src/main/webapp/css/user/board.css =================================================================== --- base3.10/src/main/webapp/css/user/board.css (revision 105) +++ base3.10/src/main/webapp/css/user/board.css (revision 106) @@ -2,22 +2,40 @@ /* CSS Document */ /*basic list*/ -.board_list { width:100%; table-layout:fixed; border-top:2px solid #333; } -.board_list tr { transition:all 0.3s; } -.board_list tr:hover td { background:#f9f9f9; } -.board_list th { padding:20px 0; border-bottom:1px solid #333; } -.board_list td { padding:25px 0; border-bottom:1px solid #ededed; } -.board_list th, .board_list td { transition:all 0.3s; vertical-align:middle; text-align:center; } -.board_list td a { max-width:calc(100% - 100px); display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600;} -.board_list td.board_tit { text-align:left; display:flex; align-items:center; } -.board_list td.board_tit .lock .icon-lock { margin-right:10px; } -.board_list td.board_tit .lock { color:#727272; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } -.board_list .board_num strong { font-weight:600; color:#1524cc; } -.board_list .notice td { background:#f9f9f9; } -.board_list .notice td em { padding:2px 8px; line-height:1em; background: #0032c3; color:#fff; font-size:0.9em; border-radius:5px; } +.board_list { width:100%; display:table; table-layout:fixed; border-top:2px solid #333; } +.board_list li { transition:all 0.3s; border-bottom:1px solid #ededed; padding:25px 0; display:flex; justify-content:space-between; text-align:center;} +.board_list li.t_head { padding:20px 0; border-bottom:1px solid #333; font-weight:600; } +.board_list li.notice { background:#f9f9f9; } +.board_list li.notice em { padding:2px 8px; line-height:1em; background: #0032c3; color:#fff; font-size:0.9em; border-radius:5px; } +.board_list li:hover { background:#f9f9f9; } +.b_num { width:100px; } +.b_tit { width:calc(100% - 400px); text-align:left; display:flex; align-items:center; } +.b_tit a { display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; } +.b_file { width:100px; } +.b_date { width:150px; } +.b_view { width:100px; } +/* .b_writer { width:150px; } */ +.board_list li .b_tit .lock .icon-lock { margin-right:10px; } +.board_list li .b_tit .lock { color:#727272; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .board_list .count_comment { border:1px solid #ccc; box-shadow:0 0 10px 0 rgba(0,0,0,0.1); background:#fff; font-size:0.9em; margin-left:8px; padding:5px 7px; line-height:1em; border-radius:50px; display:inline-block; } .board_list .count_comment span { margin-right:5px; display:inline-block; } -.board_list td.board_tit.bold input { background:none; border:none; } +.board_list li.nothing { width:100%; text-align:center; display:block; color:#727272; } +.board_list li.nothing:hover { background:none; } + +/*thumb image list*/ +.board_img_list { width:100%; display:table; table-layout:fixed; border-top:2px solid #333; } +.board_img_list li { border-bottom:1px solid #ededed; padding:25px 25px 25px 0; display:flex; justify-content:space-between; text-align:left;} +.board_img_list li .b_thumb { width:150px; height:0; position:relative; padding-bottom:10.715%; position:relative; } +.board_img_list li .b_thumb .bg_box { position:absolute; top:0; left:0; width:100%; height:100%; border-radius:15px; display:block; transition:all 0.5s; } +.board_img_list li .b_thumb .bg_box:hover { box-shadow:0 0 30px 0 rgba(34,86,203,0.5); transform:scale(1.01); } + +.board_img_list li .b_text { width:calc(100% - 150px); padding-left:30px; } +.board_img_list li .b_text .bg_box:hover { box-shadow:0 0 30px 0 rgba(34,86,203,0.5); transform:scale(1.01); } +.board_img_list li .b_text .category { color:#052c9b; font-weight:900; margin:0 0 10px; display:inline-block; } +.board_img_list li .b_text .title { width:100%; display:block !Important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.4em; font-weight:600; margin-bottom:15px; } +.board_img_list li .b_text .by { color:#727272; } +.board_img_list li .b_text .text { margin-top:13px; } +.board_img_list li .b_text .text a { -webkit-line-clamp:3; } /*basic view*/ .board_header { border-top:2px solid #333;border-bottom:1px solid #ededed; padding:25px 0; } @@ -56,14 +74,15 @@ .mustText { color:#c51b00; font-weight:600; display: inline-block; margin-left:5px; font-size:1.3em; line-height:.8em;vertical-align:bottom; } /*페이지수*/ -.sorting_wrap { margin-bottom:30px; color:#666; } -.sorting_wrap::after { content:''; clear:both; display:block; } +.sorting_wrap { margin-bottom:30px; color:#666; width:100%; align-items:center; display:flex; justify-content:space-between; } .sorting_wrap .total { float:left; margin-top:15px; font-weight:500; } .sorting_wrap .total .count { color:#1524cc; font-weight:900; } /*검색*/ -.search_box { float:right; width:300px; height:40px; position:relative; border:1px solid #d9d9d9; border-radius:50px; box-shadow:0 0 10px 0 rgba(0,0,0,0.1); transition:all 0.3s; } -.search_box:hover { border:1px solid #333; box-shadow:0 0 15px 0 rgba(0,0,0,0.3); } +.search_wrap { float:right; display:flex; } +.search_select { width:150px; height:40px; position:relative; border:1px solid #d9d9d9; padding-left:10px; border-radius:50px; margin-right:5px; } +.search_box { width:300px; height:40px; position:relative; border:1px solid #d9d9d9; border-radius:50px; transition:all 0.3s; } +.search_select:hover, .search_box:hover { border:1px solid #333; box-shadow:0 0 15px 0 rgba(0,0,0,0.3); } .search_box .inputText { width:calc(100% - 40px); font-weight:600; height:100%; float:left; border:none; padding-left:15px; border-radius:40px 0 0 40px !important; } .search_box .btn_search { width:40px; height:100%; font-size:1.2em; border:none; border-radius:0 40px 40px 0 !important; color:#ccc; transition:all 0.3s; } .search_box button:hover, .search_box .inputText:hover { box-shadow:none; } Index: base3.10/src/main/webapp/css/admin/style.css =================================================================== --- base3.10/src/main/webapp/css/admin/style.css (revision 105) +++ base3.10/src/main/webapp/css/admin/style.css (revision 106) @@ -221,11 +221,11 @@ /*file 디자인****************************************************************************************************************************************/ /*첨부파일*/ -.file_up { position:relative; } -.file_up input[type="file"] { position: absolute; width:120px; height:45px; border-radius:5px; padding:0; margin:0; border:0; z-index:0; } -.file_up label {border:1px solid #ccc; padding:10px; width:120px; height:45px; background:#fff; border-radius:5px; position:relative; z-index:1; box-shadow:none; display:inline-block; transition:0.3s ease-in-out; } +.file_up { position:relative; } +.file_up input[type="file"] { position: absolute; left:0; top:0; width:120px; height:35px; border-radius:5px; padding:0; margin:0; border:0; z-index:0; } +.file_up label {border:1px solid #ccc; padding:10px; width:120px; text-align:center; height:35px; padding:6px 10px 0 !important; background:#fff; border-radius:5px; position:relative; z-index:1; box-shadow:none; display:inline-block; transition:0.3s ease-in-out; } .file_up label:hover { box-shadow:0 0 5px 0 rgba(0,0,0,0.3); border-color:#666; } -.btn_file_up span { margin-left:10px; } +.file_up label.inputFile span { margin-left:10px; } /*일반파일*/ .file_list { margin:10px -2px -2px; display:inline-block; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-items:flex-start; flex-direction:column; flex-direction:row; flex-wrap:wrap; } @@ -248,12 +248,13 @@ /*이미지파일*/ .file_list.img_type { margin:10px -2px -2px; } -.file_list.img_type .file_box { display:flex; align-items:center; padding:5px 7px 5px 15px; border:1px solid #ccc; width:100px; height:100px; border-radius:20px; margin:2px; transition:all .2s ease-in-out; position:relative; } -.file_list.img_type .btn_wrap { position:absolute; background:rgba(255,255,255,0.3); backdrop-filter:blur(10px); bottom:-100%; left:0; width:100%; text-align:center; padding:5px 0;transition:all .2s ease-in-out; } +.file_list.img_type .file_box { display:flex; align-items:center; padding:5px 7px 5px 15px; border:1px solid #ccc; width:100px; height:100px; border-radius:15px; margin:2px; transition:all .2s ease-in-out; position:relative; overflow:hidden; } +.file_list.img_type .btn_wrap { position:absolute; background:rgba(0,0,0,0.3); backdrop-filter:blur(10px); bottom:-100%; left:0; width:100%; text-align:center; padding:5px 0;transition:all .2s ease-in-out; } .file_list.img_type .file_box:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.1); border-color:#666; } .file_list.img_type .file_box:hover .btn_wrap { bottom:0; } -.file_list.img_type .file_box .btn_wrap button { color:#ccc; } -.file_list.img_type .file_box .btn_wrap button:hover { color:#fff; } +.file_list.img_type .file_box .btn_wrap button { color:#fff; margin:0 3px; } +.file_list.img_type .file_box .btn_wrap button:hover { color:#6cb4ff; } + .btn_inner { width:24px; height:24px; background:transparent; border:none; padding:0; color:#333; font-size:1em; border-radius:50px; } .btn_inner:hover { box-shadow:none; border:none; color:#1d69db; } Index: base3.10/src/main/webapp/css/admin/board.css =================================================================== --- base3.10/src/main/webapp/css/admin/board.css (revision 105) +++ base3.10/src/main/webapp/css/admin/board.css (revision 106) @@ -30,7 +30,7 @@ .table_list td .dot { font-weight:600; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;} .table_list td a.calc10 { width: calc(100% - 10px); float:left; } .score { padding:0px 7px; font-weight:400; border-radius:5px; background:#0081c8; margin-left:5px; color:#fff; font-size:0.8em; display:inline-block; transform:translateY(-2px); } -.exp.filenote { font-size:0.9em; margin-top:5px; display:inline-block; } +.exp.filenote { font-size:0.9em; margin-top:10px; display:inline-block; } .table_list th .check2, .table_list td .check2 { display:inline-block; } /*게시판write style1*/ @@ -120,9 +120,9 @@ /*제목*/ .table_write tr:first-child td input#notice { margin-top:10px; margin-left:10px; } +/* .table_write tr td .file_up label { padding:6px 25px 6px 10px; height:35px; } - -/*.reply_wrap { padding-top:25px; margin-top:30px; border-top:1px solid #ddd; } +.reply_wrap { padding-top:25px; margin-top:30px; border-top:1px solid #ddd; } .reply_write_wrap { border-radius:5px; transition:all 0.3s; border:1px solid #ccc; box-sizing:border-box; } .reply_write_wrap:hover { border-color:#999; } .reply_write_wrap ul > li { padding:5px; border-bottom:1px solid #ededed; } Index: base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleManageRegist.jsp =================================================================== --- base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleManageRegist.jsp (revision 105) +++ base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleManageRegist.jsp (revision 106) @@ -184,15 +184,14 @@ <tr> <th scope="col"><label for="egovComRprsFileUploader">대표첨부파일선택</label></th> <td class="nopd"> - <div class="space5"></div> <div class="file_up"> - <label for="egovComRprsFileUploader" class="inputFile" title="업로드 할 파일을 선택해주세요">파일업로드</label> + <label for="egovComRprsFileUploader" class="inputFile" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> <input type="file" id="egovComRprsFileUploader" name="file_1" title="대표첨부파일 선택" />  <input type="hidden" id="rprsAtchFileId" name="rprsAtchFileId" value="" /> </div> <em class="exp filenote">※ 파일당 ${boardMasterVO.atchPosblFileSize }MB까지 첨부 가능합니다.</em> - <ul id="egovComRprsFileList" class="file_img" style="display: none;"></ul> + <div id="egovComRprsFileList" class="file_list img_type" style="display: none;"></div> </td> </tr> </c:if> @@ -204,15 +203,14 @@ <tr> <th scope="col"><label for="egovComFileUploader">${title}</label></th> <td class="nopd"> - <div class="space5"></div> <div class="file_up"> - <label for="egovComFileUploader" class="inputFile" title="업로드 할 파일을 선택해주세요">파일업로드</label> + <label for="egovComFileUploader" class="inputFile" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> <input type="file" id="egovComFileUploader" name="file_2" title="<spring:message code="comCopBbs.articleVO.regist.atchFile"/>" />  <input type="hidden" id="atchFileId" name="atchFileId" value="" /> </div> <em class="exp filenote">※ 파일당 ${boardMasterVO.atchPosblFileSize }MB까지 첨부 가능합니다.</em> - <ul id="egovComFileList" class="file_list addFileSize" style="display: none;"></ul> + <div id="egovComFileList" class="file_list addFileSize" style="display: none;"></div> </td> </tr> </c:if> @@ -279,11 +277,11 @@ var fileIcon = fileExtIcon(html.fileExtsn); var fileSize = fileSizeConvert(html.fileSize); - var dom = '<li id=' + html.fileId + '>'; + var dom = '<div id=' + html.fileId + ' class="file_box bg_box" style="background-image:url(' + html.link + ');">'; dom += '<img alt="배너 이미지" src="' + html.link + '">'; dom += '<div class="btn">'; - dom += '<a class="btn_sq_s btn_delete" href="javascript:void(0)" title="삭제"><span class="blind">삭제</span></a>'; - dom += '<a class="btn_sq_s btn_filedown" href="' + html.link + '" title="다운로드"><span class="blind">다운로드</span></a>'; + dom += '<button type="button" class="btn_sq_s btn_delete" onclick="javascript:void(0)" title="삭제"><span class="blind">삭제</span></button>'; + dom += '<button type="button" class="btn_sq_s btn_filedown" href="' + html.link + '" onclick="location.replace(' + "'" + html.link + "'" + ');" title="다운로드"><span class="blind">다운로드</span></button>'; dom += '</div>'; dom += '</li>'; return dom; Index: base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleList.jsp =================================================================== --- base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleList.jsp (revision 105) +++ base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleList.jsp (revision 106) @@ -71,19 +71,131 @@ <form name="articleForm" action="<c:url value='/cop/bbs/${reBbsId}/selectArticleList.do'/>" method="post" onSubmit="fn_egov_search_article(); return false;" > <div class="sorting_wrap"> <div class="total"> 전체 <em class="count">${paginationInfo.totalRecordCount}</em>건</div> - <div class="search_box" title="<spring:message code="common.searchCondition.msg" />"> -  - <input class="inputText" name="searchKeyword" type="text" size="35" title="<spring:message code="title.search" /> <spring:message code="input.input" />" value='<c:out value="${searchVO.searchKeyword}"/>' placeholder="제목 또는 내용 또는 작성자를 입력하세요" maxlength="155" > - <button type="submit" class="btn_search" value="<spring:message code="button.inquire" />" title="<spring:message code="title.inquire" /> <spring:message code="input.button" />" /><span class="icon-search"></span></button> + <div class="search_wrap"> + <select class="search_select"><option>선택</option></select> + <div class="search_box" title="<spring:message code="common.searchCondition.msg" />"> +  + <input class="inputText" name="searchKeyword" type="text" size="35" title="<spring:message code="title.search" /> <spring:message code="input.input" />" value='<c:out value="${searchVO.searchKeyword}"/>' placeholder="제목 또는 내용 또는 작성자를 입력하세요" maxlength="155" > + <button type="submit" class="btn_search" value="<spring:message code="button.inquire" />" title="<spring:message code="title.inquire" /> <spring:message code="input.button" />"><span class="icon-search"></span></button> + </div> + <input name="bbsId" type="hidden" value="${boardMasterVO.bbsId}"> + <input name="nttId" type="hidden" value="0"> + <input name="pageIndex" type="hidden" value="${searchVO.pageIndex}"> </div> - <input name="bbsId" type="hidden" value="${boardMasterVO.bbsId}"> - <input name="nttId" type="hidden" value="0"> - <input name="pageIndex" type="hidden" value="${searchVO.pageIndex}"> </div> </form> -  - <table class="board_list"> + <div class="board_list"> + <ul> + <li class="t_head"> + <div class="b_num"><spring:message code="table.num" /></div> + <div class="b_tit"><spring:message code="comCopBbs.articleVO.list.nttSj" /></div> +<%-- <div class="b_writer"><spring:message code="table.reger" /></div> --%> + <div class="b_file">첨부파일</div> + <div class="b_date"><spring:message code="table.regdate" /></div> +<%-- <div class="b_view"><spring:message code="comCopBbs.articleVO.list.inqireCo" /></div> --%> + </li> +  + <c:forEach items="${noticeList}" var="noticeInfo" varStatus="status"> + <li class="notice"> + <div class="b_num"><em>공지</em></div> + <div class="b_tit"> + <a href="#!" onclick="fn_egov_inquire_articledetail('${noticeInfo.bbsId }', '${noticeInfo.nttId }');"> + <c:out value='${fn:substring(noticeInfo.nttSj, 0, 40)}'/> + </a> + <c:if test="${noticeInfo.commentCo != ''}"> + <div class="count_comment"> + <span class="icon-say"></span><c:out value='${noticeInfo.commentCo}'/> + </div> + </c:if> + </div> +<%-- <div class="b_writer"><c:out value='${noticeInfo.frstRegisterNm}'/></div> --%> + <div class="b_file"> + <c:if test="${!empty noticeInfo.atchFileId }"> + <span class="icon-file"></span> + </c:if> + </div> + <div class="b_date"><c:out value='${noticeInfo.frstRegisterPnttm}'/></div> +<%-- <div class="b_view"><c:out value='${noticeInfo.inqireCo}'/></div> --%> + </li> + </c:forEach> +  + <c:forEach items="${resultList}" var="resultInfo" varStatus="status"> + <li> + <div class="b_num"> + <p><c:out value="${paginationInfo.totalRecordCount - ((paginationInfo.currentPageNo-1) * paginationInfo.recordCountPerPage + status.index)}"/></p> + </div> + <c:choose> + <c:when test="${resultInfo.secretAt == 'Y' && sessionUniqId != resultInfo.frstRegisterId}"> +  + <div class="b_tit"> + <c:if test="${resultInfo.replyLc!=0}"> + <c:forEach begin="0" end="${resultInfo.replyLc}" step="1"> +   + </c:forEach> + </c:if> + <p class="lock"><span class="icon-lock"><em class="blind">비밀글</em></span><c:out value='${fn:substring(resultInfo.nttSj, 0, 40)}'/></p> + <c:if test="${resultInfo.commentCo != ''}"> + <div class="count_comment"><span class="icon-say"></span> + <c:out value='${resultInfo.commentCo}'/> + </div> + </c:if> + </div> + </c:when> + <c:otherwise> +  + <div class="b_tit"> + <a href="#!" onclick="fn_egov_inquire_articledetail('${resultInfo.bbsId }', '${resultInfo.nttId }');" title="${resultInfo.nttSj }"> + <c:out value='${fn:substring(resultInfo.nttSj, 0, 40)}'/> + </a> + <c:if test="${resultInfo.commentCo != ''}"> + <div class="count_comment"> + <span class="icon-say"></span><c:out value='${resultInfo.commentCo}'/> + </div> + </c:if> + </div> + </c:otherwise> + </c:choose> +<%-- <div class="b_writer"><c:out value='${resultInfo.frstRegisterNm}'/></div> --%> + <div class="b_file"> + <c:if test="${!empty resultInfo.atchFileId }"> + <span class="icon-file"></span> + </c:if> + </div> + <div class="b_date"><c:out value='${resultInfo.frstRegisterPnttm}'/></div> + <%-- <div class="b_view"><c:out value='${resultInfo.inqireCo}'/></div> --%> + </li> + </c:forEach> + + + <c:if test="${fn:length(resultList) == 0}"> +  + <li> + <div class="nothing"><spring:message code="common.nodata.msg" /></div> + </li> + </c:if> + </ul> + </div> + + <div class="space50"></div> + + <div class="board_img_list"> + <ul> + <li> + <div class="b_thumb "> + <a href="#!" class="bg_box"><img src="/images/user/sample1.jpg" alt="우주이미지"></a> + </div> + <div class="b_text"> + <a href="#!" class="category">Cross Street</a> + <a href="#!" class="title" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <p class="by"><a href="/content/common/writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> + <p class="text"><a href="/content/common/article_view.html" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> + </div> + </li> + </ul> + </div> + + <%-- <table class="board_list"> <caption>공지사항 - 순서, 제목, 작성일 순으로 나열합니다.</caption> <colgroup> <col class="width100"> @@ -95,10 +207,10 @@ <tr> <th><spring:message code="table.num" /></th> <th class="board_th_link"><spring:message code="comCopBbs.articleVO.list.nttSj" /></th> - <%-- <th><spring:message code="table.reger" /></th> --%> + <th><spring:message code="table.reger" /></th> <th>첨부파일</th> <th><spring:message code="table.regdate" /></th> - <%-- <th><spring:message code="comCopBbs.articleVO.list.inqireCo" /></th> --%> + <th><spring:message code="comCopBbs.articleVO.list.inqireCo" /></th> </tr> </thead> @@ -117,14 +229,14 @@ </div> </c:if> </td> - <%-- <td><c:out value='${noticeInfo.frstRegisterNm}'/></td> --%> + <td><c:out value='${noticeInfo.frstRegisterNm}'/></td> <td> <c:if test="${!empty noticeInfo.atchFileId }"> <span class="icon-file"></span> </c:if> </td> <td><c:out value='${noticeInfo.frstRegisterPnttm}'/></td> - <%-- <td><c:out value='${noticeInfo.inqireCo}'/></td> --%> + <td><c:out value='${noticeInfo.inqireCo}'/></td> </tr> </c:forEach>  @@ -164,14 +276,14 @@ </td> </c:otherwise> </c:choose> - <%-- <td><c:out value='${resultInfo.frstRegisterNm}'/></td> --%> + <td><c:out value='${resultInfo.frstRegisterNm}'/></td> <td> <c:if test="${!empty resultInfo.atchFileId }"> <span class="icon-file"></span> </c:if> </td> <td><c:out value='${resultInfo.frstRegisterPnttm}'/></td> - <%-- <td><c:out value='${resultInfo.inqireCo}'/></td> --%> + <td><c:out value='${resultInfo.inqireCo}'/></td> </tr> </c:forEach> @@ -182,7 +294,7 @@ </tr> </c:if> </tbody> - </table> + </table> --%>  <div class="bottom_wrap right"> Index: base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleUpdt.jsp =================================================================== --- base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleUpdt.jsp (revision 105) +++ base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleUpdt.jsp (revision 106) @@ -170,7 +170,7 @@ <label for="egovComRprsFileUploader" class="btn_m bg_basic btn_file_up" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> </div> <em class="exp filenote">※ 파일당 ${boardMasterVO.atchPosblFileSize }MB까지 첨부 가능합니다.</em> - <div class="file_img" id="egovComRprsFileList" style="display:none;"></div> + <div class="file_list img_type" id="egovComRprsFileList" style="display:none;"></div> </div> </li> </c:if> @@ -191,7 +191,7 @@ </ul> </div> <div class="bottom_wrap between"> - <div class="left"><button type="button" class="btn_l bg_basic" onclick="fn_egov_inqire_articlelist(); return false;">목록</button></div> + <div class="left"><button type="button" class="btn_l bg_basic" onclick="fn_egov_inqire_articlelist(); return false;">목dd록</button></div> <div class="right"><button type="submit" class="btn_l bg_basic" >저장</button></div> </div> </div> @@ -238,13 +238,13 @@ var fileIcon = fileExtIcon(html.fileExtsn); var fileSize = fileSizeConvert(html.fileSize); - var dom = '<li id=' + html.fileId + '>'; + var dom = '<div id=' + html.fileId + ' class="file_box bg_box" style="background-image:url(' + html.link + ');">'; dom += '<img alt="배너 이미지" src="' + html.link + '">'; - dom += '<div class="btn">'; - dom += '<a class="btn_sq_s btn_delete" href="javascript:void(0)" title="삭제"><span class="blind">삭제</span></a>'; - dom += '<a class="btn_sq_s btn_filedown" href="' + html.link + '" title="다운로드"><span class="blind">다운로드</span></a>'; + dom += '<div class="btn_wrap">'; + dom += '<button type="button" class="btn_inner" onClick="location.href='javascript:void(0);'" title="삭제"><span class="icon-delete"></span><em class="blind">삭제</em></button>'; + dom += '<button type="button" class="btn_inner" onClick="location.href=' + html.link + '" title="다운로드"><span class="icon-file-down"></span><em class="blind">다운로드</em></button>'; dom += '</div>'; - dom += '</li>'; + dom += '</div>'; return dom; } $.initFileUpload(options, defaultsDom); Index: base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleManageUpdt.jsp =================================================================== --- base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleManageUpdt.jsp (revision 105) +++ base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleManageUpdt.jsp (revision 106) @@ -179,14 +179,13 @@ <th scope="col"><label for="egovComFileUploader">대표첨부파일선택</label></th> <td class="nopd"> <div class="file_up"> - <label for="egovComRprsFileUploader" class="inputFile" title="업로드 할 파일을 선택해주세요">파일업로드</label> + <label for="egovComRprsFileUploader" class="inputFile" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> <input type="file" id="egovComRprsFileUploader" name="file_1" title="<spring:message code="comCopBbs.articleVO.regist.atchFile"/>" />  <input type="hidden" id="rprsAtchFileId" name="rprsAtchFileId" value="${articleVO.rprsAtchFileId}" /> </div> <em class="exp filenote">※ 파일당 ${boardMasterVO.atchPosblFileSize }MB까지 첨부 가능합니다.</em> - <div class="space5"></div> - <ul id="egovComRprsFileList" class="file_img" style="display: none;"></ul> + <div id="egovComRprsFileList" class="file_list img_type" style="display: none;"></div> </td> </tr>  @@ -200,14 +199,13 @@ <th scope="col"><label for="egovComFileUploader">${title}</label></th> <td class="nopd"> <div class="file_up"> - <label for="egovComFileUploader" class="inputFile" title="업로드 할 파일을 선택해주세요">파일업로드</label> + <label for="egovComFileUploader" class="inputFile" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> <input type="file" id="egovComFileUploader" name="file_2" title="<spring:message code="comCopBbs.articleVO.regist.atchFile"/>" />  <input type="hidden" id="atchFileId" name="atchFileId" value="${articleVO.atchFileId}" /> </div> <em class="exp filenote">※ 파일당 ${boardMasterVO.atchPosblFileSize }MB까지 첨부 가능합니다.</em> - <div class="space5"></div> - <ul id="egovComFileList" class="file_list" style="display: none;"></ul> + <div id="egovComFileList" class="file_list" style="display: none;"></div> </td> </tr>  @@ -276,15 +274,13 @@ var fileIcon = fileExtIcon(html.fileExtsn); var fileSize = fileSizeConvert(html.fileSize); - var dom = '<li id=' + html.fileId + '>'; - dom += '<img alt="배너 이미지" src="' + html.link + '">'; - dom += '<div class="btn">'; -// dom += '<a class="btn_sq_s btn_delete" href="javascript:void(0)" title="삭제"><span class="blind">삭제</span></a>' ; - dom += '<button type="button" class="btn_sq_s btn_delete" onclick="javascript:void(0)" title="삭제"><span class="blind">삭제</span></button>'; -// dom += '<a class="btn_sq_s btn_filedown" href="' + html.link + '" title="다운로드"><span class="blind">다운로드</span></a>'; - dom += '<button type="button" class="btn_sq_s btn_filedown" href="' + html.link + '" onclick="location.replace(' + "'" + html.link + "'" + ');" title="다운로드"><span class="blind">다운로드</span></button>'; + var dom = '<div id=' + html.fileId + ' class="file_box bg_box" style="background-image:url(' + html.link + ');">'; + dom += '<img alt="배너 이미지" src="' + html.link + '" >'; + dom += '<div class="btn_wrap">'; + dom += '<button type="button" class="btn_inner" onclick="javascript:void(0)" title="삭제"><span class="icon-delete"></span><em class="blind">삭제</em></button>'; + dom += '<button type="button" class="btn_inner" href="' + html.link + '" onclick="location.replace(' + "'" + html.link + "'" + ');" title="다운로드"><span class="icon-file-down"></span><em class="blind">다운로드</em></button>'; dom += '</div>'; - dom += '</li>'; + dom += '</div>'; return dom; } $.initFileUpload(options, defaultsDom); Index: base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleRegist.jsp =================================================================== --- base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleRegist.jsp (revision 105) +++ base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleRegist.jsp (revision 106) @@ -176,8 +176,8 @@ <label for="egovComRprsFileUploader" class="btn_m bg_basic btn_file_up" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> </div> <em class="exp filenote">※ 파일당 ${boardMasterVO.atchPosblFileSize }MB까지 첨부 가능합니다.</em> - <ul class="file_img" id="egovComRprsFileList" style="display:none;"> - </ul> + <div class="file_list img_type" id="egovComRprsFileList" style="display:none;"> + </div> </div> </li> </c:if> @@ -192,8 +192,8 @@ <label for="egovComFileUploader" class="btn_m bg_basic btn_file_up" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> </div> <em class="exp filenote">※ 파일당 ${boardMasterVO.atchPosblFileSize }MB까지 첨부 가능합니다.</em> - <ul class="file_list" id="egovComFileList" style="display:none;"> - </ul> + <div class="file_list" id="egovComFileList" style="display:none;"> + </div> </div> </li> </c:if> @@ -256,13 +256,13 @@ var fileIcon = fileExtIcon(html.fileExtsn); var fileSize = fileSizeConvert(html.fileSize); - var dom = '<li id=' + html.fileId + '>'; + var dom = '<div id=' + html.fileId + ' class="file_box bg_box" style="background-image:url(' + html.link + ');">'; dom += '<img alt="대표 이미지" src="' + html.link + '">'; - dom += '<div class="btn">'; - dom += '<a class="btn_sq_s btn_delete" href="javascript:void(0)" title="삭제"><span class="blind">삭제</span></a>'; - dom += '<a class="btn_sq_s btn_filedown" href="' + html.link + '" title="다운로드"><span class="blind">다운로드</span></a>'; + dom += '<div class="btn_wrap">'; + dom += '<button type="button" class="btn_inner" title="삭제"><span class="icon-delete"></span><em class="blind">삭제</em></button>'; + dom += '<button type="button" class="btn_inner" onClick="location.href=' + html.link + '" title="다운로드"><span class="icon-file-down"></span><em class="blind">다운로드</em></button>'; dom += '</div>'; - dom += '</li>'; + dom += '</div>'; return dom; } Index: base3.10/src/main/webapp/js/user/designJS.js =================================================================== --- base3.10/src/main/webapp/js/user/designJS.js (revision 105) +++ base3.10/src/main/webapp/js/user/designJS.js (revision 106) @@ -491,9 +491,13 @@ $(".must").find("strong.title").append("<b class='mustText'>*</b>"); //board list a 넓이값 - $(".board_list").find(".board_tit").each(function(){ - var say = $(this).children(".count_comment").outerWidth() + 10; - $(this).find("a, p").css({ maxWidth : "calc(100% - " + say + "px)" }); + $(".board_list").find(".b_tit").each(function(){ + var comment = $(this).children(".count_comment"), + say = comment.outerWidth() + 10; + if ( comment.length > 0 ){ + $(this).find("a, p").css({ maxWidth : "calc(100% - " + say + "px)" }); + } + }) } Index: base3.10/src/main/webapp/js/admin/designJS.js =================================================================== --- base3.10/src/main/webapp/js/admin/designJS.js (revision 105) +++ base3.10/src/main/webapp/js/admin/designJS.js (revision 106) @@ -1,292 +1,293 @@ (function() { - //submenu toggle - var board = { - 'overY' : function(){ +//submenu toggle /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// +var board = { + 'overY' : function(){ - $(".overY").each(function(){ - var overHeight = $(this).height(); - if (overHeight >= 44){ - $(this).addClass("long"); - } - }); - //댓글더보기 클릭시 내용 펼쳐짐 - $(".btn_more").click(function(){ - $(this).parent(".overY").removeClass("long"); - }); + $(".overY").each(function(){ + var overHeight = $(this).height(); + if (overHeight >= 44){ + $(this).addClass("long"); + } + }); + //댓글더보기 클릭시 내용 펼쳐짐 + $(".btn_more").click(function(){ + $(this).parent(".overY").removeClass("long"); + }); - }, - 'notice' : function(){ - if ($(".table_list tbody tr").hasClass('notice')){ - $(this).addClass("noticeY"); - } - } + }, + 'notice' : function(){ + if ($(".table_list tbody tr").hasClass('notice')){ + $(this).addClass("noticeY"); } - - var gnb = { - 'submenu' : function(){ - $(".subMenu").each(function(){ - var subMenuLi = $(this).children("li").length; - if (subMenuLi <= 1){ - $(this).addClass("only"); - } - }); - } } - - //submenu toggle - var acodian = { - click : function() { - $(".sub_menu li p").on('click', function() { - if ($(this).next(".depth3").css('display') == 'none') { - $('.sub_menu li .depth3').slideUp(); - $('.sub_menu li').removeClass('on'); - $(this).parent("li").toggleClass("on"); - $(this).next(".depth3").slideToggle(); - } else { - $('.depth3').slideUp(); - $(this).parent("li").removeClass('on'); - } - }); - } - }; - - $("#fouc").css("opacity", "1"); + } - // switch 체크 시 라인 active - function checkSwitch() { - $(document).on('click',".line",function(){ - if(!$(".line").hasClass("modifying")){ - $(".line").removeClass("active"); - $(this).closest("li").toggleClass("active"); - } - }) +var gnb = { + 'submenu' : function(){ + $(".subMenu").each(function(){ + var subMenuLi = $(this).children("li").length; + if (subMenuLi <= 1){ + $(this).addClass("only"); + } + }); + } } - //tab 설정 - function tabs() { - // Default Action - $("ul.tabs").each(function() { - $(this).children("li:first").addClass("active"); // Activate first tab - $(this).parent(".tab_wrap").find(".tab_content").hide(); // Hide all tab content - var activeTab = $(this).find("a").attr("href"); - $(activeTab).show(); - }); - // On Click Event - $("ul.tabs li").click(function() { - $(this).parent("ul.tabs").children("li").removeClass("active");// Remove any "active" class - $(this).addClass("active"); // Add "active" class to selected tab - $(this).parent(".tabs").parent(".tab_wrap").find(".tab_content").hide(); // Hide all tab content - var clickTab = $(this).find("a").attr("href"); // Find the rel - $(clickTab).fadeIn(); // Fade in the active content - return false; +//submenu toggle /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// +var acodian = { + click : function() { + $(".sub_menu li p").on('click', function() { + if ($(this).next(".depth3").css('display') == 'none') { + $('.sub_menu li .depth3').slideUp(); + $('.sub_menu li').removeClass('on'); + $(this).parent("li").toggleClass("on"); + $(this).next(".depth3").slideToggle(); + } else { + $('.depth3').slideUp(); + $(this).parent("li").removeClass('on'); + } }); } +}; - //팝업 - var popup = { - 'open' : function(){ - $(".openpopup").each(function(){ - var popupname = $(this).attr("name"); - $(this).click(function(){ - $("." + popupname).show().addClass("open"); - }); - }); - }, - 'close' : function(){ - $(".close, .btn_close, .member_close").on('click', function(){ - $(".modal, .member_wrap").removeClass("open"); +$("#fouc").css("opacity", "1"); + +// switch 체크 시 라인 active /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// +function checkSwitch() { + $(document).on('click',".line",function(){ + if(!$(".line").hasClass("modifying")){ + $(".line").removeClass("active"); + $(this).closest("li").toggleClass("active"); + } + }) +} + +//// tab /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// + function tabs() { + // Default Action + $("ul.tabs").each(function() { + $(this).children("li:first").addClass("active"); // Activate first tab + $(this).parent(".tab_wrap").find(".tab_content").hide(); // Hide all tab content + var activeTab = $(this).find("a").attr("href"); + $(activeTab).show(); + }); + // On Click Event + $("ul.tabs li").click(function() { + $(this).parent("ul.tabs").children("li").removeClass("active");// Remove any "active" class + $(this).addClass("active"); // Add "active" class to selected tab + $(this).parent(".tabs").parent(".tab_wrap").find(".tab_content").hide(); // Hide all tab content + var clickTab = $(this).find("a").attr("href"); // Find the rel + $(clickTab).fadeIn(); // Fade in the active content + return false; + }); +} + +//// popup /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// +var popup = { + 'open' : function(){ + $(".openpopup").each(function(){ + var popupname = $(this).attr("name"); + $(this).click(function(){ + $("." + popupname).show().addClass("open"); }); - } + }); + }, + 'close' : function(){ + $(".close, .btn_close, .member_close").on('click', function(){ + $(".modal, .member_wrap").removeClass("open"); + }); } +} - // 이미지 사이즈 함수 - function boardContentImg() { - var img_length = $(".board_content img").length; - var _div_width = $(".board_content").width(); - var _div_height = $(".board_content").height(); +//// 이미지 사이즈 함수 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// +function boardContentImg() { + var img_length = $(".board_content img").length; + var _div_width = $(".board_content").width(); + var _div_height = $(".board_content").height(); - for(var i=0;i<img_length;i++){ - var _width = $(".board_content img").eq(i).width(); - var _height = $(".board_content img").eq(i).height(); - if(_width < _div_width){ - $(".board_content img").eq(i).width(_width); - } else{ - $(".board_content img").eq(i).width("100%"); - } - if(_height < _div_height){ - $(".board_content img").eq(i).height("auto"); - } else{ - $(".board_content img").eq(i).height("auto"); - } + for(var i=0;i<img_length;i++){ + var _width = $(".board_content img").eq(i).width(); + var _height = $(".board_content img").eq(i).height(); + if(_width < _div_width){ + $(".board_content img").eq(i).width(_width); + } else{ + $(".board_content img").eq(i).width("100%"); + } + if(_height < _div_height){ + $(".board_content img").eq(i).height("auto"); + } else{ + $(".board_content img").eq(i).height("auto"); } + } - $(window).resize(function(){ - var img_length = $(".board_content img").length; - var _div_width = $(".board_content").width(); - var _div_height = $(".board_content").height(); + $(window).resize(function(){ + var img_length = $(".board_content img").length; + var _div_width = $(".board_content").width(); + var _div_height = $(".board_content").height(); - for(var i=0;i<img_length;i++){ - var _width = $(".board_content img").eq(i).width(); - var _height = $(".board_content img").eq(i).height(); - if(_width < _div_width){ - $(".board_content img").eq(i).width(_width); - } else{ - $(".board_content img").eq(i).width("100%"); - } - if(_height < _div_height){ - $(".board_content img").eq(i).height("auto"); - } else{ - $(".board_content img").eq(i).height("auto"); - } + for(var i=0;i<img_length;i++){ + var _width = $(".board_content img").eq(i).width(); + var _height = $(".board_content img").eq(i).height(); + if(_width < _div_width){ + $(".board_content img").eq(i).width(_width); + } else{ + $(".board_content img").eq(i).width("100%"); + } + if(_height < _div_height){ + $(".board_content img").eq(i).height("auto"); + } else{ + $(".board_content img").eq(i).height("auto"); } + } + }); +} + +//// clickEvent /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// +var clickEvent = { + 'toggle' : function(){ + //toggle list + $('.toggle_tit').on('click', function(){ + if ($(this).next('.toggle_box').css('display') == 'none') { + $('.toggle_box').slideUp(); + $('.toggle_tit').removeClass('active'); + $(this).addClass('active'); + $(this).next(".toggle_box").slideDown(); + } else { + $('.toggle_box').slideUp(); + $(this).removeClass('active'); + } + }); + }, + 'searchOpen' : function(){ + //호환차종검색 + $('.btn_detailsearch').on('click', function(){ + $(this).parent(".detail_search").addClass("active"); + }); + }, + 'searchClose' : function(){ + //호환차종검색 + $('.detail_search .floating_close').on('click', function(){ + $(".detail_search").removeClass("active"); + }); + }, + 'estToggle' : function(){ + //견적서 검색 + $('.est_sel_title').on('click', function(){ + $(this).parent(".est_selected li").toggleClass("active") + $(this).next(".est_sel_content_wrap").stop().slideToggle(); + }); + }, + 'inputCategory' : function(){ + //검색, 선택 버튼 설정 + $(".btn_input").on("click", function(){ + $(this).addClass("active"); + $(".btn_select").removeClass("active"); + $(".input_show").show(); + $(".select_show").hide(); + }); + $(".btn_select").on("click", function(){ + $(this).addClass("active"); + $(".btn_input").removeClass("active"); + $(".select_show").show(); + $(".input_show").hide(); + }); + }, + 'btn_toggle' : function(){ + //toggle btn list + $('.toggle_btn_tit').on('click', function(){ + if ($(this).next('.toggle_box').css('display') == 'none') { + $('.toggle_box').slideUp(); + $('.toggle_btn_tit').removeClass('active'); + $(this).addClass('active'); + $(this).next(".toggle_box").slideDown(); + } else { + $('.toggle_box').slideUp(); + $(this).removeClass('active'); + } + }); + }, + 'arrowBtn' : function(){ + $('.btn_arrow_down').on('click', function(){ + $(this).toggleClass("active") + $(this).parent(".toggle_wrap").find(".toggle_content").slideToggle(); }); - } + } +} - // 배경 이미지 넣기 - var itemImg = { - 'bgImg' : function() { - $(".bg_box, .item_img").each(function(){ - var item_img_box = $(this).children("img").attr("src"); - $(this).css({backgroundImage: "url(" + item_img_box + ")"}); - }); - }, - //버튼 배경 이미지 넣기 - 'btnImg' : function() { - $(".btn_img").each(function(){ - var btn_img = $(this).children("img").attr("src"); - $(this).css({backgroundImage: "url(" + btn_img + ")"}); - }); - } - } +//// widthControl /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// +function widthControl() { + $(".control").click(function(){ + $(this).toggleClass("active"); + $(".content_wrap").toggleClass("wide"); + }); +} +widthControl(); - var clickEvent = { +//// input focus /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// +function inputFocus() { + //input focus event + //포커스시 + $(document).on('focus', '.inputText, .textArea', function() { + $(this).parent('.text_show').addClass("focus"); + }); + //포커스아웃시 + $(document).on('focusout', '.inputText, .textArea', function() { + if($(this).val() == '') { + $(this).parent('.text_show').removeClass("focus"); + } + }); + var inputText = $('.inputText, .textArea'); + inputText.each(function() { + if ($(this).val().trim() != '') { + $(this).parent('.text_show').addClass('focus'); + } + }); +} - 'toggle' : function(){ - //toggle list - $('.toggle_tit').on('click', function(){ - if ($(this).next('.toggle_box').css('display') == 'none') { - $('.toggle_box').slideUp(); - $('.toggle_tit').removeClass('active'); - $(this).addClass('active'); - $(this).next(".toggle_box").slideDown(); - } else { - $('.toggle_box').slideUp(); - $(this).removeClass('active'); - } - }); - }, - 'searchOpen' : function(){ - //호환차종검색 - $('.btn_detailsearch').on('click', function(){ - $(this).parent(".detail_search").addClass("active"); - }); - }, - 'searchClose' : function(){ - //호환차종검색 - $('.detail_search .floating_close').on('click', function(){ - $(".detail_search").removeClass("active"); - }); - }, - 'estToggle' : function(){ - //견적서 검색 - $('.est_sel_title').on('click', function(){ - $(this).parent(".est_selected li").toggleClass("active") - $(this).next(".est_sel_content_wrap").stop().slideToggle(); - }); - }, - 'inputCategory' : function(){ - //검색, 선택 버튼 설정 - $(".btn_input").on("click", function(){ - $(this).addClass("active"); - $(".btn_select").removeClass("active"); - $(".input_show").show(); - $(".select_show").hide(); - }); - $(".btn_select").on("click", function(){ - $(this).addClass("active"); - $(".btn_input").removeClass("active"); - $(".select_show").show(); - $(".input_show").hide(); - }); - }, - 'btn_toggle' : function(){ - //toggle btn list - $('.toggle_btn_tit').on('click', function(){ - if ($(this).next('.toggle_box').css('display') == 'none') { - $('.toggle_box').slideUp(); - $('.toggle_btn_tit').removeClass('active'); - $(this).addClass('active'); - $(this).next(".toggle_box").slideDown(); - } else { - $('.toggle_box').slideUp(); - $(this).removeClass('active'); - } - }); +///// 만족도 //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// +function star() { + if ($(".reply_list_title .score").lnegth > 0) { + var starFill = $(".reply_list_title .score").text() * 20; + $(".star_fill").width(starFill + '%'); + } +} + +///// img background //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// +var imgBg = { + 'bgImg' : function() { + $(".bg_box").each(function(){ + var bg_box = $(this).children("img").attr("src"); + $(this).css({backgroundImage: "url(" + bg_box + ")"}); + }); }, - 'arrowBtn' : function(){ - $('.btn_arrow_down').on('click', function(){ - $(this).toggleClass("active") - $(this).parent(".toggle_wrap").find(".toggle_content").slideToggle(); + //버튼 배경 이미지 넣기 + 'btnImg' : function() { + $(".btn_img").each(function(){ + var btn_img = $(this).children("img").attr("src"); + $(this).css({backgroundImage: "url(" + btn_img + ")"}); }); } } - - function widthControl() { - $(".control").click(function(){ - $(this).toggleClass("active"); - $(".content_wrap").toggleClass("wide"); - }); - } - widthControl(); +///// icon //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// +var icon = { + //icon + 'icon' : function() { + + if (!('boxShadow' in document.body.style)) { + document.body.setAttribute('class', 'noBoxShadow'); + } - function inputFocus() { - //input focus event - //포커스시 - $(document).on('focus', '.inputText, .textArea', function() { - $(this).parent('.text_show').addClass("focus"); - }); - //포커스아웃시 - $(document).on('focusout', '.inputText, .textArea', function() { - if($(this).val() == '') { - $(this).parent('.text_show').removeClass("focus"); + document.body.addEventListener("click", function(e) { + var target = e.target; + if (target.tagName === "INPUT" && + target.getAttribute('class').indexOf('liga') === -1) { + target.select(); } }); - var inputText = $('.inputText, .textArea'); - inputText.each(function() { - if ($(this).val().trim() != '') { - $(this).parent('.text_show').addClass('focus'); - } - }); - } - - //만족도 - function star() { - if ($(".reply_list_title .score").lnegth > 0) { - var starFill = $(".reply_list_title .score").text() * 20; - $(".star_fill").width(starFill + '%'); - } } - - //icon - var icon = { - //icon - 'icon' : function() { - - if (!('boxShadow' in document.body.style)) { - document.body.setAttribute('class', 'noBoxShadow'); - } - - document.body.addEventListener("click", function(e) { - var target = e.target; - if (target.tagName === "INPUT" && - target.getAttribute('class').indexOf('liga') === -1) { - target.select(); - } - }); - } - }; + }; $(document).ready(function() { @@ -305,8 +306,8 @@ clickEvent.arrowBtn(); //견적서 toggle clickEvent.estToggle(); //견적서 선택된 차종 리스트 toggle checkSwitch(); - itemImg.bgImg() - itemImg.btnImg() + imgBg.bgImg() + imgBg.btnImg() boardContentImg() //img 넓이가 부모요소의 넓이 이상 이면 100% 로 맞추기 tabs() star() Index: base3.10/src/main/webapp/resource/editor/js/froala_editor_script_custom.js =================================================================== --- base3.10/src/main/webapp/resource/editor/js/froala_editor_script_custom.js (revision 105) +++ base3.10/src/main/webapp/resource/editor/js/froala_editor_script_custom.js (revision 106) @@ -386,7 +386,7 @@ var defaultsDom = function(html) { var fileIcon = fileExtIcon(html.fileExtsn); var fileSize = fileSizeConvert(html.fileSize); - var dom = '<li class="' + fileIcon + ' file_box" id ="' + html.fileId + '">' + var dom = '<div class="' + fileIcon + ' file_box" id ="' + html.fileId + '">' + "<p class='filename'>" + html.originFileNm + "<em class='fileSize'>[" + fileSize + "]</em></p>" + "<button type='button' class='btn_inner widthauto' title='파일 본문에 넣기'>본문에 넣기</button>"; // 이미지 여부 확인 @@ -394,16 +394,16 @@ // dom += "<a href=" + html.link.replace('/download.do', '/imageview.do') + " target='_blank' class='btn_ss bg_basic' title='이미지 미리보기'>미리보기</a>"; // } dom += "<button type='button' class='btn_inner' title='파일 삭제'><em class='blind'>삭제</em><span class='icon-delete'></span></button>" - + "</li>"; + + "</div>"; return dom; } // 파일 목록 생성 (사용자게시판) var defaultsDomUser = function(html) { - var dom = '<li id="'+html.fileId+'" class="file_box">' + var dom = '<div id="'+html.fileId+'" class="file_box">' + '<p class="filename">'+html.originFileNm+'</p>' + '<button type="button" class="btn_inner widthauto" title="파일 본문에 넣기">본문에 넣기</button>' + '<button type="button" class="btn_inner" title="파일 삭제" ><em class="blind">삭제</em><span class="icon-delete"></span></button>' - + '</li>' + + '</div>' return dom; }

Add a comment

List

Delete comment