java
/
bf
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

퍼블리싱 - 칼럼 게시글 상세, 게시글 등록(admin)

Browse Source
dev_bert
정이솔 3 years ago
parent 0b29818e7b
commit 5ce2059bd8
2 changed files with 423 additions and 0 deletions
Show Stats Download Patch File Download Diff File

243
src/main/webapp/m/html/community/13-20-1.커뮤니티-칼럼-게시글상세.html
Unescape View File

@ -0,0 +1,243 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta content="IE=Edge" http-equiv="X-UA-Compatible" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" />
<title>아이키 매니저::성장 TALK 상세보기</title>
<link rel="shortcut icon" href="../../img/favicon.ico">
<link rel="stylesheet" href="../../css/style.css">
<link rel="stylesheet" href="../../css/swiper.min.css">
<script type="text/javascript" src="../../js/jquery-3.3.1.min.js"></script>
<script src="../../js/swiper.min.js"></script>
<script src="../../js/jquery_popupoverlay.js"></script>
<script src="../../js/design.js"></script>
</head>
<body>
<!-- wrap -->
<div class="wrap">
<!-- header_sub -->
<header class="header_wrapper">
<a href="javascript:back.return_url()" class="side_Lbtn hidden pre_btn">이전으로</a>
<h1 class="header_title">커뮤니티</h1>
<div class="side_Rbtn">
</div>
</header>
<!-- //header_sub -->
<!-- content -->
<div class="community_view01">
<!-- 상단 콘텐츠 -->
<div class="cont_header">
<!-- 태그, 좋아요 댓글 -->
<div class="between cont_space">
<div class="tag_cont">
<span id="red">칼럼</span>
</div>
<div class="count_cont">
</div>
</div>
<!-- 제목, 옵션 -->
<div class="between cont_space">
<h2 class="title">시판 이유식 추천 부탁드려요</h2>
</div>
</div>
<!-- //상단 콘텐츠 -->
<!-- 본문 -->
<div>
<!-- community_img -->
<div class="community_img">
<!-- swiper_wrap -->
<div class="swiper_wrap">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide img_box" onclick="layer_open('#detail_img_pop');">
<img src="../../img/community/community_ex_img.png">
</div>
<div class="swiper-slide img_box" onclick="layer_open('#detail_img_pop');">
<img src="../../img/community/community_ex_img.png">
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<!-- //swiper_wrap -->
<p class="cont_txt">영양성분을 함유하는 물질을 식품이라고 하며, 천연식품을 그대로 먹기도 하지만 조리, 가공하여 식용으로 이용하는 경우가 많아 이들도 넓은 뜻의 식품에 포함시킨다. 식품은 여러 가지 기준에 따라 분류할 수 있다. 동식물별로 크게 나눌 수도 있고, 산업별(농산·축산·임산·수산)로 나눌 수도 있으며, 영양성분별로 분류할 수도 있다.</p>
</div>
<!-- //community_img -->
</div>
<!-- 좋아요, 공유 버튼 -->
<div class="like_shared_cont">
<div class="cont">
<!-- 좋아요 -->
<button type="button" id="" name="" class="c_btn like_btn">
<span class="hidden">아이콘</span>
</button>
<!-- 공유 -->
<button type="button" id="" name="" class="c_btn shared_btn">
<span class="hidden">아이콘</span>
</button>
</div>
</div>
<!-- 링크 -->
<div class="comment_header">
<a href="https://example.com">https://example.com</a>
</div>
</div>
<!-- //content -->
</div>
<!-- //wrap -->
<!-- detail_img_pop, img_popup_wrap팝업 -->
<div id="detail_img_pop" class="layer-wrap img_popup_wrap">
<div class="bg"></div>
<div class="pop-layer">
<img src="../../img/community/community_ex_img.png" class="img_popup">
<button type="button" id="" name="" class="c_download_img_btn">이미지 저장</button>
</div>
</div>
<!-- //detail_img_pop, img_popup_wrap 팝업 -->
<!-- modal-wrapper -->
<div class="community_option" id="option1">
<div class="content">
<!-- 옵션 모달 -->
<ul>
<!-- <li>
<a>
<div class="copy_icon"></div>
복사하기
</a>
</li> -->
<li>
<a>
<div class="edit_icon"></div>
수정하기
</a>
</li>
<li>
<a>
<div class="delect_icon"></div>
삭제하기
</a>
</li>
</ul>
</div>
<div class="modal_layer"></div>
</div>
<!-- //modal-wrapper -->
<!-- modal-wrapper -->
<div class="community_option" id="option2">
<div class="content">
<!-- 옵션 모달 -->
<ul>
<li>
<a>
<div class="copy_icon"></div>
복사하기
</a>
</li>
<li>
<a>
<div class="edit_icon"></div>
수정하기
</a>
</li>
<li>
<a>
<div class="delect_icon"></div>
삭제하기
</a>
</li>
</ul>
</div>
<div class="modal_layer"></div>
</div>
<!-- //modal-wrapper -->
<!-- modal-wrapper -->
<div class="community_option" id="shared">
<div class="content">
<!-- 공유 모달 -->
<div class="shared">
<div class="item">
<a>
<div class="img"><img src="../../img/Icon_Share_Insta.png"></div>
인스타그램
</a>
</div>
<div class="item">
<a>
<div class="img"><img src="../../img/Icon_Share_Kakao.png"></div>
카카오톡
</a>
</div>
<div class="item">
<a>
<div class="img"><img src="../../img/Icon_Share_Clip.png"></div>
URL 복사
</a>
</div>
</div>
</div>
<div class="modal_layer"></div>
</div>
<!-- //modal-wrapper -->
<script>
$(function() {
$(".community_header ul li a").on("click", function() {
$(this).addClass("active")
.parents(".community_header ul li").siblings().find("a").removeClass("active")
});
$(".like_btn").on("click", function() {
$(this).toggleClass("active");
});
$("#option1_btn").on("click", function() {
$("#option1").toggleClass("open");
})
$(".option2_btn").on("click", function() {
$("#option2").toggleClass("open");
})
$(".shared_btn").on("click", function() {
$("#shared").toggleClass("open");
})
$(".modal_layer").on("click", function() {
$(".community_option").removeClass("open");
})
$(".btn_reply").on("click", function() {
$(".reply_cont").addClass("active");
})
$(".reply_del").on("click", function() {
$(".reply_cont").removeClass("active");
})
});
var swiper = new Swiper('.swiper-container', {
spaceBetween: 20,
pagination: {
loop: true,
el: '.swiper-pagination',
},
});
function resize(obj) {
obj.style.height = "1px";
obj.style.height = (6+obj.scrollHeight)+"px";
}
</script>
</body>
</html>

180
src/main/webapp/m/html/community/13-20-2.커뮤니티-칼럼-게시글등록admin.html
Unescape View File

@ -0,0 +1,180 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta content="IE=Edge" http-equiv="X-UA-Compatible" />
<meta name="viewport"
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" />
<link rel="shortcut icon" href="../../img/favicon.ico">
<link rel="stylesheet" href="/src/main/webapp/WEB-INF/views/ftl/m/">
<script type="text/javascript" src="../../js/jquery-3.3.1.min.js"></script>
<script src="../../js/swiper.min.js"></script>
<script src="../../js/jquery_popupoverlay.js"></script>
<script src="../../js/design.js"></script>
<link href="http://devops.lookylooks.ai:14280/bf/static/assets/css/bf.min.css?9" rel="stylesheet">
<script src="http://devops.lookylooks.ai:14280/bf/static/bootstrap/js/bootstrap.min.js"></script>
<link href="http://devops.lookylooks.ai:14280/bf/static/assets/css/donno.css?3" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
</head>
<!-- src\main\webapp\WEB-INF\views\ftl\admin\bf\blog\view_blog.ftl 파일에서 복제 후 수정되었습니다 -->
<!-- 34번 라인 부터 기능 연결하는 방식으로 작업 부탁드립니다 -->
<body>
<!-- begin breadcrumb -->
<ol class="breadcrumb pull-right">
<li>Home / ${mt_menu_nm} / ${mt_menu_sub_nm}</li>
</ol>
<!-- end breadcrumb -->
<!-- begin page-header -->
<h1 class="page-header">${mt_menu_sub_nm}</h1>
<!-- end page-header -->
<div class="panel panel-inverse">
<div class="panel-heading">
<h4 class="panel-title">&nbsp;</h4>
</div>
<div class="panel-body form-horizontal">
<form id="frmInsert" name="frmInsert" method="post" action="insert_blog.do" enctype="multipart/form-data">
<input type="hidden" id="b_no" name="b_no" value="${model['b_no']!}" />
<input type="hidden" id="pick_img_index" name="pick_img_index" />
<input type="hidden" id="list_tag" name="list_tag" class="form-control">
<div style="border: 1px solid DarkGrey" class="col-md-12">
<div class="form-group col-md-12">
<label class="col-sm-2 control-label no-padding-right">b_no</label>
<div class="col-sm-8 control-label text-left">
${model['rm']['b_no']!}
</div>
</div>
<!-- 제목 이미지는 1개만 등록가능 -->
<div class="form-group col-md-12">
<label class="col-sm-2 control-label no-padding-right">제목 이미지</label>
<div class="col-sm-10 control-label text-left">
<div class="widget-body-sub">
<div class="table-responsive">
<table class="table table-bordered table-striped table-condensed flip-content table_spot"
id="pick_img">
</table>
</div>
<div class="form-group sub">
<div class="col-sm-6 col-xs-6">
총 0 개
</div>
<div class="col-sm-6 col-xs-6">
<a class="btn btn-default purple pull-right" href="javascript:add_pick_file();"><i
class="fa fa-plus"></i> Add</a>
</div>
</div>
</div>
</div>
</div>
<div class="form-group col-md-6">
<label class="col-sm-4 control-label no-padding-right">게시글 제목</label>
<div class="col-sm-8 control-label text-left">
<input type="text" id="child_m" name="child_m" value="" placeholder="게시글 제목" class="form-control">
</div>
</div>
<!-- 본문 이미지 여러개 등록 가능 -->
<div class="form-group col-md-12">
<label class="col-sm-2 control-label no-padding-right">본문 이미지</label>
<div class="col-sm-10 control-label text-left">
<div class="widget-body-sub">
<div class="table-responsive">
<table class="table table-bordered table-striped table-condensed flip-content table_spot"
id="pick_img">
</table>
</div>
<div class="form-group sub">
<div class="col-sm-6 col-xs-6">
총 0 개
</div>
<div class="col-sm-6 col-xs-6">
<a class="btn btn-default purple pull-right" href="javascript:add_pick_file();"><i
class="fa fa-plus"></i> Add</a>
</div>
</div>
</div>
</div>
</div>
<div class="form-group col-md-12">
<label class="col-sm-2 control-label no-padding-right">본문</label>
<div class="col-sm-10 control-label text-left">
<textarea id="b_content" name="b_content" rows="15"
class="form-control">${model['rm']['b_content']!}</textarea>
</div>
</div>
<div class="form-group col-md-12">
<label class="col-sm-2 control-label no-padding-right">태그</label>
<div id="array_tag" class="col-sm-10 control-label text-left">
<input type="text" id="array_tag_input" value="" data-role="tagsinput" placeholder="태그를 입력하시고 엔터!" />
</div>
</div>
<div class="form-group col-md-6">
<label class="col-sm-4 control-label no-padding-right">링크</label>
<div class="col-sm-8 control-label text-left">
<input type="text" id="child_m" name="child_m" value="" placeholder="https://" class="form-control">
</div>
</div>
<div class="form-group col-md-12">
<label class="col-sm-2 control-label no-padding-right">통계</label>
<label class="col-sm-2 control-label no-padding-right text-danger">댓글 수 :
${model['rm']['ct_comment']!}</label>
<label class="col-sm-2 control-label no-padding-right text-danger">조회 수 : ${model['rm']['ct_view']!}</label>
<label class="col-sm-2 control-label no-padding-right text-danger">좋아요 수 :
${model['rm']['ct_like']!}</label>
</div>
<div class="form-group col-md-12">
<label class="col-sm-2 control-label no-padding-right">등록일시</label>
<div class="col-sm-10 control-label text-left">
---
</div>
</div>
<div class="form-group col-md-12">
<label class="col-sm-2 control-label no-padding-right">수정일시</label>
<div class="col-sm-10 control-label text-left">
---
</div>
</div>
</div>
</form>
</div> <!-- END panel-body -->
<div class="panel-footer">
<div class="btn-group">
<button type="button" id="btn_list" class="btn btn-warning btn-sm" onclick="javascript:listFrm();"><i
class="fa fa-list"></i> 리스트</button>
</div>
<div class="pull-right">
<div class="btn-group pull-right">
<button type="button" id="btn_insert" class="btn btn-primary btn-sm" onclick="javascript:insertFrm();"><i
class="fa fa-floppy-o"></i> 저장</button>
</div>
</div>
</div> <!-- END panel-footer -->
</div> <!-- END panel -->
</body>
</html>
Write Preview
Loading…
Cancel
Save