This commit is contained in:
shim
2023-04-17 11:06:08 +09:00
parent d0b393aa97
commit 76264e09ad
4686 changed files with 552713 additions and 0 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -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">&times;</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&amp;w=38&amp;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&amp;w=38&amp;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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -0,0 +1 @@
<img src="{$emoticon_src}" style="width:50px"/>

View File

@@ -0,0 +1 @@

View File

@@ -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>

View File

@@ -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>