first
This commit is contained in:
@@ -0,0 +1,4 @@
|
||||
<div data-role="{$entry_type}-modify-btn-wrapper-{$uid}" class="my-2">
|
||||
<button class="btn btn-light btn-sm" data-toggle="cancel-edit" data-type="{$entry_type}" data-uid="{$uid}">수정취소</button>
|
||||
<button class="btn btn-primary btn-sm" data-kcact="edit" data-type="{$entry_type}" data-uid="{$uid}" data-parent="{$parent}">수정완료</button>
|
||||
</div>
|
||||
@@ -0,0 +1,12 @@
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-link btn-sm dropdown-toggle" type="button" data-toggle="dropdown" data-role="showHide-menu" data-type="{$entry_type}">
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right" data-role="menu-container-{$entry_type}">
|
||||
<a href="#" class="dropdown-item" data-toggle="edit" data-type="{$entry_type}" data-uid="{$uid}">
|
||||
<i class="fa fa-edit"></i> 수정
|
||||
</a>
|
||||
<a href="#" class="dropdown-item" data-kcact="delete" data-type="{$entry_type}" data-uid="{$uid}" data-parent="{$entry_parent}">
|
||||
<i class="fa fa-trash-o"></i> 삭제
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,116 @@
|
||||
<!-- 공통 사항 data-* ="*" 과 {$*} 는 수정 금지 -->
|
||||
<header class="d-flex justify-content-start" data-role="header-container">
|
||||
{$comment_header} <!-- 댓글 header : comment_header.html -->
|
||||
</header>
|
||||
<div class="rb-comments-write" data-role="commentWrite-container"> <!-- 댓글 입렵부 : comment_write.html -->
|
||||
{$comment_write}
|
||||
</div>
|
||||
<main data-role="comment-main">
|
||||
<nav class="d-flex">
|
||||
<div class="btn-group btn-group-sm btn-group-toggle" data-toggle="buttons" role="group">
|
||||
<label class="btn btn-light active" data-kcact="changeSort" data-sort="uid" data-orderby="asc">
|
||||
<input type="radio" name="changeSort" id="sort_uid_asc" autocomplete="off" checked> 최신순
|
||||
</label>
|
||||
<label class="btn btn-light" data-kcact="changeSort" data-sort="uid" data-orderby="desc">
|
||||
<input type="radio" name="changeSort" id="sort_uid_desc" autocomplete="off"> 과거순
|
||||
</label>
|
||||
<label class="btn btn-light" data-kcact="changeSort" data-sort="likes" data-orderby="desc">
|
||||
<input type="radio" name="changeSort" id="sort_likes_desc" autocomplete="off"> 추천순
|
||||
</label>
|
||||
</div>
|
||||
<button type="button" class="btn btn-light btn-sm d-print-none ml-auto" role="button" data-kcact="reload" data-toggle="tooltip" title="새로고침">
|
||||
<i class="fa fa-refresh" aria-hidden="true"></i>
|
||||
</button>
|
||||
</nav>
|
||||
<hr>
|
||||
<ul class="list-unstyled" data-role="comment-container"> <!-- 댓글 출력부 : comment_row.html -->
|
||||
{$comment_rows}
|
||||
</ul>
|
||||
<div data-role="btnMore-container"> <!-- 더보기 버튼 -->
|
||||
<a class="btn btn-block btn-light" data-role="trigger-getMoreComment">더보기</a>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="d-none animated fadeIn" data-role="comment-none">
|
||||
<div class="d-flex justify-content-center align-items-center" style="height: 30vh;">
|
||||
<div class="text-muted text-center">
|
||||
<div class="display-2 mb-3">
|
||||
<i class="fa fa-comment-o" aria-hidden="true"></i>
|
||||
</div>
|
||||
<button type="button" class="btn btn-link text-muted js-comment-focus">첫번째 댓글을 남겨주세요.</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="modal_reaction" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-sm modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">
|
||||
<i class="fa fa-thumbs-o-up fa-lg fa-fw" aria-hidden="true"></i> 공감한 사람 <span class="badge badge-light js-count">9</span>
|
||||
</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body p-0">
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item d-flex justify-content-between align-items-center">
|
||||
<div class="media w-100">
|
||||
<img class="mr-3 border rounded-circle" src="/_core/opensrc/timthumb/thumb.php?src=https://kimsq.com/_var/avatar/180.break93.png&w=38&h=38" alt="아바타" width="38">
|
||||
<div class="media-body">
|
||||
<strong>벽돌공장</strong>
|
||||
<p class="text-muted small mt-1 mb-0">
|
||||
엑스퍼트
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<span class="badge badge-light badge-pill">36분 전</span>
|
||||
</li>
|
||||
<li class="list-group-item d-flex justify-content-between align-items-center">
|
||||
<div class="media w-100">
|
||||
<img class="mr-3 border rounded-circle" src="/_core/opensrc/timthumb/thumb.php?src=https://kimsq.com/_var/avatar/180.break93.png&w=38&h=38" alt="아바타" width="38">
|
||||
<div class="media-body">
|
||||
<strong>벽돌공장</strong>
|
||||
<p class="text-muted small mt-1 mb-0">
|
||||
엑스퍼트
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<span class="badge badge-light badge-pill">36분 전</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-light btn-block" data-dismiss="modal">확인</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
jQuery(function($) {
|
||||
|
||||
$('[data-toggle="tooltip"]').tooltip()
|
||||
|
||||
$(".js-modal-window").click(function() {
|
||||
modalSetting('modal_window',$(this).attr("data-href"));
|
||||
});
|
||||
|
||||
$('.add-comment').click(function() {
|
||||
var uid = $(this).data('parent')
|
||||
var textarea = $('[data-role="oneline-input-'+uid+'"]')
|
||||
setTimeout(function(){ textarea.focus(); }, 200); // 한줄의견 추가시에 textarea focus 처리하기
|
||||
});
|
||||
|
||||
$('.js-comment-focus').click(function() {
|
||||
$('#meta-description-content').focus()
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
@@ -0,0 +1,4 @@
|
||||
<h1 class="h5 text-muted">
|
||||
<i class="fa fa-commenting-o fa-fw" aria-hidden="true"></i> 댓글
|
||||
<span class="text-primary" data-role="show-totalRow">{$comment_total}</span>
|
||||
</h1>
|
||||
@@ -0,0 +1,71 @@
|
||||
<li class="media border-bottom mb-3" data-role="comment-item" data-uid="{$comment_uid}" data-page="{$comment_page}" data-totalPage="{$total_page}" data-type="comment" data-hidden="{$comment_getHidden}" data-notice="{$comment_getNoitce}">
|
||||
<div data-role="comment-origin-content-{$comment_uid}" class="d-none">{$comment_content}</div>
|
||||
<img class="mr-3 border rounded-circle" src="{$comment_user_pic}" alt="아바타" width="50">
|
||||
<div class="media-body">
|
||||
<div class="d-flex w-100 justify-content-between align-items-center">
|
||||
<span>
|
||||
<span data-role="comment-hidden" class="badge"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
|
||||
<strong class="mr-2">{$comment_user_name}</strong>
|
||||
<i class="fa fa-clock-o" aria-hidden="true"></i>
|
||||
<time data-role="comment-time-wrapper-{$comment_uid}">{$comment_regis_time}</time>
|
||||
<small class="ml-1 {$comment_getNew}"></small><!-- 24시간이내 new 출력 -->
|
||||
</span>
|
||||
<span>
|
||||
{$btn_showHideMenu} <!-- 메뉴 출력/숨기 버튼 btn_showHideMenu.html : 권한이 있는 경우(로그인,작성자,관리자) 에만 노출됨 -->
|
||||
</span>
|
||||
</div><!-- /.d-flex -->
|
||||
<div class="markdown-body">
|
||||
<article class="mb-0" data-role="comment-content-editable-{$comment_uid}">{$comment_content}</article>
|
||||
</div>
|
||||
{$btn_editMod} <!-- 수정 모드시 취소/완료 버튼 btn_ediMod.html -->
|
||||
|
||||
<div class="mb-2">
|
||||
<button class="btn btn-link btn-sm add-comment px-0 muted-link" data-role="toggle-oneline-input" data-parent="{$comment_uid}">
|
||||
<i class="fa fa-comment-o fa-lg fa-fw" aria-hidden="true"></i>
|
||||
의견달기
|
||||
</button>
|
||||
<button class="btn btn-link btn-sm muted-link js-like pr-0 {$comment_getIsLiked}"
|
||||
data-kcact="like"
|
||||
data-type="comment"
|
||||
data-entry="{$comment_uid}"
|
||||
data-effect="animated bounceIn delay-1"
|
||||
data-role="comment-isLiked-{$comment_uid}">
|
||||
<i class="fa fa-thumbs-o-up fa-lg fa-fw" aria-hidden="true"></i>
|
||||
좋아요
|
||||
</button>
|
||||
<a href="#modal_reaction" class="badge badge-light"
|
||||
data-toggle="modal"
|
||||
data-type="comment"
|
||||
data-count="{$comment_like_total}"
|
||||
data-entry="{$comment_uid}"
|
||||
data-role="comment-likeTotal-{$comment_uid}" title="좋아요한 사람">
|
||||
{$comment_like_total}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<section>
|
||||
<div class="my-2" data-role="oneline-input-wrapper-{$comment_uid}"> <!-- 한줄의견 등록폼 -->
|
||||
<form class="input-group">
|
||||
<input type="text" class="form-control" data-role="oneline-input-{$comment_uid}"><!-- 주의 : comment_uid 가 들어가야 함 -->
|
||||
<div class="input-group-append">
|
||||
<button class="btn btn-light" type="submit"
|
||||
title="의견추가"
|
||||
data-kcact="regis"
|
||||
data-type="oneline"
|
||||
data-parent="{$comment_uid}"
|
||||
data-effect="animated fadeInUp"
|
||||
data-grant="{$grant_uid}">
|
||||
<i class="fa fa-paper-plane fa-lg" aria-hidden="true"></i>
|
||||
</button>
|
||||
</div>
|
||||
</form><!-- /.input-group -->
|
||||
</div>
|
||||
|
||||
<ul class="list-group my-2" data-role="oneline-container-{$comment_uid}">
|
||||
{$oneline_rows} <!-- 한줄의견 리스트 -->
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
|
||||
</div>
|
||||
</li>
|
||||
@@ -0,0 +1,72 @@
|
||||
<li class="media border-bottom mb-3" data-role="comment-item" data-uid="{$comment_uid}" data-page="{$comment_page}" data-totalPage="{$total_page}" data-type="comment" data-hidden="{$comment_getHidden}" data-notice="{$comment_getNoitce}">
|
||||
<div data-role="comment-origin-content-{$comment_uid}" class="d-none">{$comment_content}</div>
|
||||
<img class="mr-3 border rounded-circle" src="{$comment_user_pic}" alt="아바타" width="50">
|
||||
<div class="media-body">
|
||||
<div class="d-flex w-100 justify-content-between align-items-center">
|
||||
<span>
|
||||
<strong class="mr-2">{$comment_user_name}</strong>
|
||||
<i class="fa fa-clock-o" aria-hidden="true"></i>
|
||||
<time data-role="comment-time-wrapper-{$comment_uid}">{$comment_regis_time}</time>
|
||||
<small class="ml-1 {$comment_getNew}"></small><!-- 24시간이내 new 출력 -->
|
||||
</span>
|
||||
<span>
|
||||
{$btn_showHideMenu} <!-- 메뉴 출력/숨기 버튼 btn_showHideMenu.html : 권한이 있는 경우(로그인,작성자,관리자) 에만 노출됨 -->
|
||||
</span>
|
||||
</div><!-- /.d-flex -->
|
||||
<div class="markdown-body">
|
||||
<article class="mb-0" data-role="comment-content-editable-{$comment_uid}">
|
||||
<div class="text-center text-muted bg-light p-4 my-2"><i class="fa fa-lock fa-fw" aria-hidden="true"></i> 비밀글</div>
|
||||
</article>
|
||||
</div>
|
||||
{$btn_editMod} <!-- 수정 모드시 취소/완료 버튼 btn_ediMod.html -->
|
||||
|
||||
<div class="mb-2">
|
||||
<button class="btn btn-link btn-sm add-comment px-0 muted-link" data-role="toggle-oneline-input" data-parent="{$comment_uid}">
|
||||
<i class="fa fa-comment-o fa-lg fa-fw" aria-hidden="true"></i>
|
||||
의견달기
|
||||
</button>
|
||||
<button class="btn btn-link btn-sm muted-link js-like pr-0 {$comment_getIsLiked}"
|
||||
data-kcact="like"
|
||||
data-type="comment"
|
||||
data-entry="{$comment_uid}"
|
||||
data-effect="animated bounceIn delay-1"
|
||||
data-role="comment-isLiked-{$comment_uid}">
|
||||
<i class="fa fa-thumbs-o-up fa-lg fa-fw" aria-hidden="true"></i>
|
||||
좋아요
|
||||
</button>
|
||||
<a href="#modal_reaction" class="badge badge-light"
|
||||
data-toggle="modal"
|
||||
data-type="comment"
|
||||
data-count="{$comment_like_total}"
|
||||
data-entry="{$comment_uid}"
|
||||
data-role="comment-likeTotal-{$comment_uid}" title="좋아요한 사람">
|
||||
{$comment_like_total}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<section>
|
||||
<div class="my-2" data-role="oneline-input-wrapper-{$comment_uid}"> <!-- 한줄의견 등록폼 -->
|
||||
<form class="input-group">
|
||||
<input type="text" class="form-control" data-role="oneline-input-{$comment_uid}"><!-- 주의 : comment_uid 가 들어가야 함 -->
|
||||
<div class="input-group-append">
|
||||
<button class="btn btn-light" type="submit"
|
||||
title="의견추가"
|
||||
data-kcact="regis"
|
||||
data-type="oneline"
|
||||
data-parent="{$comment_uid}"
|
||||
data-effect="animated fadeInUp"
|
||||
data-grant="{$grant_uid}">
|
||||
<i class="fa fa-paper-plane fa-lg" aria-hidden="true"></i>
|
||||
</button>
|
||||
</div>
|
||||
</form><!-- /.input-group -->
|
||||
</div>
|
||||
|
||||
<ul class="list-group my-2" data-role="oneline-container-{$comment_uid}">
|
||||
{$oneline_rows} <!-- 한줄의견 리스트 -->
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
|
||||
</div>
|
||||
</li>
|
||||
@@ -0,0 +1,48 @@
|
||||
<!-- 참조사항
|
||||
1. 등록폼에 등록자 아바타가 필요한 경우 : <img src="{$login_user_pic}">
|
||||
2. data-*="*" 필수
|
||||
-->
|
||||
<div class="card mb-4" data-role="comment-input-wrapper">
|
||||
|
||||
<textarea class="form-control border-0" name="content" rows="1" id="meta-description-content" data-role="comment-input"></textarea>
|
||||
|
||||
<div class="card-footer p-2">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<small>글자수 <strong class="text-danger" data-role="show-inputLength">0</strong> / <span data-role="show-textLimit"><!-- 옵션에서 정한 값--></span></small>
|
||||
<button type="button" class="btn btn-light" data-role="open-emoticon" hidden>
|
||||
<i class="fa fa-smile-o fa-lg" aria-hidden="true"></i>
|
||||
</button>
|
||||
<button type="button" class="btn btn btn-outline-primary cmt-post ml-1 align-self-end"
|
||||
data-kcact="regis"
|
||||
data-type="comment"
|
||||
data-effect="animated fadeInUp"
|
||||
data-parent="{$comment_parent}">등록</button>
|
||||
</div><!-- /.d-flex -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
// 입력창 자동 리사이즈
|
||||
autosize($('#commentting-container textarea'));
|
||||
|
||||
var textarea_container = $('[data-role="comment-input-wrapper"]')
|
||||
var textarea = $('#meta-description-content');
|
||||
|
||||
textarea.focus(function(){
|
||||
textarea_container.addClass('active')
|
||||
});
|
||||
textarea.blur(function(){
|
||||
setTimeout(function(){
|
||||
textarea_container.removeClass('active')
|
||||
}, 200);
|
||||
});
|
||||
|
||||
// 댓글이 등록된 후에
|
||||
$('#commentting-container').on('saved.rb.comment',function(){
|
||||
textarea.removeAttr("style");
|
||||
})
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
@@ -0,0 +1 @@
|
||||
<img src="{$emoticon_src}" style="width:50px"/>
|
||||
@@ -0,0 +1 @@
|
||||
|
||||
@@ -0,0 +1,21 @@
|
||||
<li class="list-group-item flex-column align-items-start p-0 border-left-0 rounded-0 list-group-item-light" data-role="oneline-item" data-uid="{$oneline_uid}" data-type="oneline" data-hidden="{$oneline_getHidden}">
|
||||
<div data-role="oneline-origin-content-{$oneline_uid}" class="d-none">{$oneline_content}</div>
|
||||
<blockquote class="py-2">
|
||||
<div class="d-flex w-100 justify-content-between align-items-center">
|
||||
<span>
|
||||
<span data-role="oneline-hidden" class="badge"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
|
||||
<cite>{$oneline_user_name}</cite>
|
||||
<time class="small text-muted ml-2" data-role="oneline-time-wrapper-{$oneline_uid}">
|
||||
{$oneline_regis_time}
|
||||
</time>
|
||||
<small class="ml-1 {$oneline_getNew}"></small><!-- 24시간이내 new 출력 -->
|
||||
</span>
|
||||
<span>
|
||||
{$btn_showHideMenu} <!-- 메뉴 출력/숨기 버튼 btn_showHideMenu.html : 권한이 있는 경우(로그인,작성자,관리자) 에만 노출됨 -->
|
||||
</span>
|
||||
</div>
|
||||
<article class="mb-0" data-role="oneline-content-editable-{$oneline_uid}">{$oneline_content}</article>
|
||||
{$btn_editMod}
|
||||
<!-- <a data-kcact="like" data-type="oneline" data-entry="{$oneline_uid}">좋아요(<span data-role="oneline-likeTotal-{$oneline_uid}">{$oneline_like_total}</span>)</a> -->
|
||||
</blockquote>
|
||||
</li>
|
||||
@@ -0,0 +1,22 @@
|
||||
<li class="list-group-item flex-column align-items-start p-0 border-left-0 rounded-0 list-group-item-light" data-role="oneline-item" data-uid="{$oneline_uid}" data-type="oneline" data-hidden="{$oneline_getHidden}">
|
||||
<div data-role="oneline-origin-content-{$oneline_uid}" class="d-none">{$oneline_content}</div>
|
||||
<blockquote class="py-2">
|
||||
<div class="d-flex w-100 justify-content-between align-items-center">
|
||||
<span>
|
||||
<cite>{$oneline_user_name}</cite>
|
||||
<time class="small text-muted ml-2" data-role="oneline-time-wrapper-{$oneline_uid}">
|
||||
{$oneline_regis_time}
|
||||
</time>
|
||||
<small class="ml-1 {$oneline_getNew}"></small><!-- 24시간이내 new 출력 -->
|
||||
</span>
|
||||
<span>
|
||||
{$btn_showHideMenu} <!-- 메뉴 출력/숨기 버튼 btn_showHideMenu.html : 권한이 있는 경우(로그인,작성자,관리자) 에만 노출됨 -->
|
||||
</span>
|
||||
</div>
|
||||
<article class="mb-0" data-role="oneline-content-editable-{$oneline_uid}">
|
||||
<div class="text-center text-muted border p-4 my-2"><i class="fa fa-lock fa-fw" aria-hidden="true"></i> 비밀글</div>
|
||||
</article>
|
||||
{$btn_editMod}
|
||||
<button class="btn btn-sm btn-link text-reset" data-kcact="like" data-type="oneline" data-entry="{$oneline_uid}">좋아요 <span class="badge badge-light" data-role="oneline-likeTotal-{$oneline_uid}">{$oneline_like_total}</span></button>
|
||||
</blockquote>
|
||||
</li>
|
||||
Reference in New Issue
Block a user