first
This commit is contained in:
@@ -0,0 +1,7 @@
|
||||
<div class="d-none">
|
||||
<div data-role="{$entry_type}-modify-btn-wrapper-{$uid}">
|
||||
<button class="btn btn-secondary btn-lg" data-toggle="cancel-edit" data-type="{$entry_type}" data-uid="{$uid}">수정취소</button>
|
||||
<button class="btn btn-primary btn-lg" data-kcact="edit" data-type="{$entry_type}" data-uid="{$uid}" data-parent="{$parent}">수정완료</button>
|
||||
</div>
|
||||
<div class="toolbar-container" data-role="{$entry_type}-modify-btn-wrapper-{$uid}"></div>
|
||||
</div>
|
||||
@@ -0,0 +1,37 @@
|
||||
<div class="pt-2 bg-white">
|
||||
|
||||
<!-- 공통 사항 data-* ="*" 과 {$*} 는 수정 금지 -->
|
||||
<section data-role="comment-box">
|
||||
|
||||
<main data-role="comment-main">
|
||||
|
||||
<header data-role="header-container" class="content-padded">
|
||||
{$comment_header} <!-- 댓글 header : comment_header.html -->
|
||||
</header>
|
||||
|
||||
<div class="rb-comments-write content-padded" data-role="commentWrite-container"> <!-- 댓글 입렵부 : comment_write.html -->
|
||||
{$comment_write}
|
||||
</div>
|
||||
|
||||
<ul class="media-list my-0" data-role="comment-notice-container"> <!-- 공지(고정)댓글 출력부 : comment_row.html -->
|
||||
{$comment_rows_notice}
|
||||
</ul>
|
||||
|
||||
<ul class="media-list mb-0" data-role="comment-container"> <!-- 댓글 출력부 : comment_row.html -->
|
||||
{$comment_rows}
|
||||
</ul>
|
||||
<div data-role="btnMore-container" class="content-padded"> <!-- 더보기 버튼 -->
|
||||
<a class="btn btn-secondary btn-block" data-role="trigger-getMoreComment">더보기</a>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
$('[data-toggle="buttons"] .nav-link').tap(function(){
|
||||
$('[data-toggle="buttons"] .nav-link').removeClass('active')
|
||||
$(this).addClass('active')
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,21 @@
|
||||
<h1 class="d-flex justify-content-between align-items-center px-2">
|
||||
|
||||
<div class="h6 mb-0">
|
||||
댓글 <span class="ml-1 text-muted" data-role="total_comment">{$comment_total}</span>
|
||||
<span class="d-none" data-role="show-totalRow">{$comment_total}</span>
|
||||
</div>
|
||||
|
||||
<div data-role="comment-filter">
|
||||
<div class="d-flex">
|
||||
<nav class="nav nav-control text-muted" data-toggle="buttons" style="width:9.375rem">
|
||||
<a class="nav-link active" role="button" data-kcact="changeSort" data-sort="uid" data-orderby="asc">최신순</a>
|
||||
<a class="nav-link" role="button" data-kcact="changeSort" data-sort="likes" data-orderby="desc">추천순</a>
|
||||
<a class="nav-link" role="button" data-kcact="changeSort" data-sort="uid" data-orderby="desc">과거순</a>
|
||||
</nav>
|
||||
<button type="button" class="btn btn-secondary btn-sm ml-2 text-muted" role="button" data-kcact="reload" title="새로고침">
|
||||
<i class="fa fa-refresh fa-lg" aria-hidden="true"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</h1>
|
||||
@@ -0,0 +1,96 @@
|
||||
<li 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}">
|
||||
<span id="CMT-{$comment_uid}" data-role="anchor-link"></span>
|
||||
<div class="media my-0 mx-1">
|
||||
|
||||
<a class="mr-3"
|
||||
data-toggle="sheet"
|
||||
href="#sheet-member-profile"
|
||||
data-nic="{$comment_user_nic}"
|
||||
data-url="{$comment_user_url}"
|
||||
data-avatar="{$comment_user_pic}"
|
||||
data-mbruid="{$comment_user_uid}">
|
||||
<img class="border rounded-circle" src="{$comment_user_pic}" alt="아바타" style="width:2.5rem;height:2.5rem">
|
||||
</a>
|
||||
|
||||
<div class="media-body">
|
||||
|
||||
<h4 class="media-heading h6 d-flex align-items-center">
|
||||
<span data-role="comment-hidden" class="badge badge-default badge-inverted"><i class="fa fa-lock" aria-hidden="true"></i></span>
|
||||
<small class="text-muted">{$comment_user_name}</small>
|
||||
|
||||
<time class="ml-2 small text-muted" data-role="comment-time-wrapper-{$comment_uid}" datetime="{$comment_regis_ago}" data-plugin="timeago">
|
||||
{$comment_regis_time}
|
||||
</time>
|
||||
<small class="ml-2 {$comment_getNew}"></small><!-- 24시간이내 new 출력 -->
|
||||
|
||||
<div class="ml-auto">
|
||||
<span class="badge badge-primary badge-inverted {$comment_getIsNoitce}"><i class="fa fa-thumb-tack fa-fw" aria-hidden="true"></i> 고정</span>
|
||||
</div>
|
||||
</h4>
|
||||
|
||||
<article class="mb-2" data-role="comment-origin-content-{$comment_uid}">{$comment_content}</article>
|
||||
<article class="mb-2 border" style="display:none" data-role="comment-content-editable-{$comment_uid}">{$comment_content}</article>
|
||||
|
||||
<div class="d-flex justify-content-between align-items-center">{$btn_editMod} <!-- 수정 모드시 취소/완료 버튼 btn_ediMod.html --></div>
|
||||
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="">
|
||||
<button class="btn btn-link btn-sm muted-link {$comment_getIsLiked}" style="margin-left:-0.5rem"
|
||||
data-kcact="like"
|
||||
data-type="comment"
|
||||
data-entry="{$comment_uid}"
|
||||
data-effect="animated bounceIn delay-1"
|
||||
data-role="comment-isLiked-{$comment_uid}">
|
||||
<i class="material-icons f16 align-middle">thumb_up</i>
|
||||
<span class="ml-1" data-role="comment-likeTotal-{$comment_uid}">{$comment_like_total}</span>
|
||||
</button>
|
||||
<button class="btn btn-link btn-sm muted-link {$comment_getIsDisLiked}"
|
||||
data-kcact="dislike"
|
||||
data-type="comment"
|
||||
data-entry="{$comment_uid}"
|
||||
data-effect="animated bounceIn delay-1"
|
||||
data-role="comment-isDisLiked-{$comment_uid}">
|
||||
<i class="material-icons f16 align-middle">thumb_down</i>
|
||||
<span class="ml-1" data-role="comment-dislikeTotal-{$comment_uid}">{$comment_dislike_total}</span>
|
||||
</button>
|
||||
|
||||
<button type="button" class="btn btn-link muted-link btn-sm add-comment"
|
||||
data-role="toggle-oneline-input"
|
||||
data-type="oneline"
|
||||
data-act="regis" data-parent="{$comment_uid}">
|
||||
<i class="material-icons f16 align-middle">comment</i>
|
||||
<span class="ml-1" data-role="comment-onelineNum-{$comment_uid}">{$comment_oneline_num}</span>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="ml-auto">
|
||||
{$my_menu} <!-- 수정 모드시 취소/완료 버튼 btn_ediMod.html : 수정권한이 있는 경우에만 노출됨 -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-none" 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 가 들어가야 함 -->
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" class="btn btn-secondary btn-sm" data-kcact="regis" data-type="oneline" data-parent="{$comment_uid}" data-grant="{$grant_uid}">
|
||||
답글쓰기
|
||||
</button>
|
||||
</span>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{$oneline_button} <!-- 한줄의견 보기 버튼 -->
|
||||
<hr>
|
||||
<div class="media-list flex-column pr-0 mb-3" data-role="oneline-container-{$comment_uid}">
|
||||
<!-- 한줄의견 리스트 -->
|
||||
{$oneline_rows}
|
||||
</div>
|
||||
</div><!-- /.media-body -->
|
||||
</div><!-- /.media -->
|
||||
</li>
|
||||
@@ -0,0 +1,57 @@
|
||||
<li 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}">
|
||||
<span id="CMT-{$comment_uid}" data-role="anchor-link"></span>
|
||||
<div class="media">
|
||||
<img class="mr-3 border rounded-circle" src="{$comment_user_pic}" alt="아바타" style="width:2.25rem;height:2.25rem">
|
||||
<div class="media-body">
|
||||
|
||||
<h4 class="media-heading h6 d-flex align-items-center">
|
||||
<span class="badge badge-default badge-inverted">{$comment_user_name}</span>
|
||||
<time class="pl-1 badge badge-default badge-inverted" data-role="comment-time-wrapper-{$comment_uid}" datetime="{$comment_regis_ago}" data-plugin="timeago">
|
||||
{$comment_regis_time}
|
||||
</time>
|
||||
<small class="ml-1 {$comment_getNew}"></small><!-- 24시간이내 new 출력 -->
|
||||
<span class="badge badge-primary badge-inverted ml-auto {$comment_getIsNoitce}"><i class="fa fa-thumb-tack fa-fw" aria-hidden="true"></i> 고정</span>
|
||||
</h4>
|
||||
|
||||
<article data-role="comment-content-editable-{$comment_uid}">
|
||||
<div class="text-xs-center text-muted bg-faded p-4 my-2 mr-2 small"><i class="fa fa-lock fa-fw" aria-hidden="true"></i> 비밀글</div>
|
||||
</article>
|
||||
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="">
|
||||
<button type="button" class="btn btn-secondary btn-sm add-comment" data-role="toggle-oneline-input" data-toggle="commentWrite" data-type="oneline" data-act="regis" data-parent="{$comment_uid}">답글</button>
|
||||
<button class="btn btn-secondary btn-sm {$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" aria-hidden="true"></i>
|
||||
<span class="badge badge-inverted" data-role="comment-likeTotal-{$comment_uid}">{$comment_like_total}</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="ml-auto">
|
||||
{$my_menu} <!-- 수정 모드시 취소/완료 버튼 btn_ediMod.html : 수정권한이 있는 경우에만 노출됨 -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-none" data-role="oneline-input-wrapper-{$comment_uid}"> <!-- 한줄의견 등록폼 -->
|
||||
<form class="input-group">
|
||||
<input type="text" data-role="oneline-input-{$comment_uid}"> <!-- 주의 : comment_uid 가 들어가야 함 -->
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" class="btn btn-secondary btn-sm" data-kcact="regis" data-type="oneline" data-parent="{$comment_uid}" data-grant="{$grant_uid}" data-effect="animated fadeInUp">
|
||||
답글쓰기
|
||||
</button>
|
||||
</span>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="media-list flex-column pr-0 mt-3" data-role="oneline-container-{$comment_uid}">
|
||||
<!-- 한줄의견 리스트 -->
|
||||
{$oneline_rows}
|
||||
</div>
|
||||
</div><!-- /.media-body -->
|
||||
</div><!-- /.media -->
|
||||
</li>
|
||||
@@ -0,0 +1,19 @@
|
||||
<!-- 참조사항
|
||||
1. 등록폼에 등록자 아바타가 필요한 경우 : <img src="{$login_user_pic}">
|
||||
2. data-*="*" 필수
|
||||
-->
|
||||
<button type="button" class="btn btn-secondary btn-block text-xs-left border-0 px-2 my-0" data-toggle="commentWrite" data-type="comment" data-act="regis" data-parent="{$comment_parent}" data-uid="{$uid}">
|
||||
<div class="media w-100 align-items-center">
|
||||
<img class="media-object pull-left img-circle mr-3" src="{$login_user_pic}" alt="{$login_user_nic}" style="width:2.25rem;height:2.25rem">
|
||||
<div class="media-body text-muted">
|
||||
공개 댓글 추가...
|
||||
</div>
|
||||
</div>
|
||||
</button>
|
||||
|
||||
<div data-role="comment-input-wrapper" class="d-none">
|
||||
<div data-role="comment-input"></div>
|
||||
<button type="submit" data-kcact="regis" data-type="comment" data-parent="{$comment_parent}" data-effect="animated fadeIn">
|
||||
등록
|
||||
</button>
|
||||
</div>
|
||||
13
modules/comment/themes/_mobile/rc-default/html/my_menu.html
Normal file
13
modules/comment/themes/_mobile/rc-default/html/my_menu.html
Normal file
@@ -0,0 +1,13 @@
|
||||
<a type="button" role="button" class="btn btn-link muted-link"
|
||||
data-toggle="popup" href="#popup-comment-mypost"
|
||||
data-type="{$entry_type}"
|
||||
data-uid="{$uid}"
|
||||
data-notice="{$uid}"
|
||||
data-parent="{$entry_parent}" tabindex="-1">
|
||||
<i class="material-icons f16">more_vert</i>
|
||||
</a>
|
||||
<div class="d-none" data-role="menu-container-{$entry_type}">
|
||||
<a href="#" data-toggle="edit" data-type="{$entry_type}" data-uid="{$uid}">수정</a>
|
||||
<a href="#" data-kcact="delete" data-type="{$entry_type}" data-uid="{$uid}" data-parent="{$entry_parent}">삭제</a>
|
||||
<a href="#" data-kcact="notice" data-type="{$entry_type}" data-uid="{$uid}" data-parent="{$entry_parent}">고정</a>
|
||||
</div>
|
||||
@@ -0,0 +1,5 @@
|
||||
<a href="#sheet-comment-online" class="btn btn-link mt-3" style="margin-left: -0.6rem"
|
||||
data-toggle="sheet"
|
||||
data-uid="{$comment_uid}">
|
||||
답글 <span data-role="oneline_num">{$oneline_num}<span>개 보기
|
||||
</a>
|
||||
@@ -0,0 +1,31 @@
|
||||
<div class="media mb-2" data-role="oneline-item" data-uid="{$oneline_uid}" data-type="oneline" data-hidden="{$oneline_getHidden}">
|
||||
<img class="mr-3 border rounded-circle" src="{$oneline_user_pic}" alt="아바타" style="width:1.5rem;height:1.5rem">
|
||||
<div class="media-body">
|
||||
<div id="OLN-{$oneline_uid}"></div>
|
||||
<!-- <a data-kcact="like" data-type="oneline" data-entry="{$oneline_uid}">좋아요(<span data-role="oneline-likeTotal-{$oneline_uid}">{$oneline_like_total}</span>)</a> -->
|
||||
|
||||
<div class="media-heading h6 d-flex align-items-center">
|
||||
<span data-role="oneline-hidden" class="badge badge-default badge-inverted"><i class="fa fa-lock" aria-hidden="true"></i></span>
|
||||
<span class="badge badge-default badge-inverted">{$oneline_user_name}</span>
|
||||
<time class="pl-1 badge badge-default badge-inverted" data-role="oneline-time-wrapper-{$oneline_uid}" datetime="{$oneline_regis_ago}" data-plugin="timeago">
|
||||
{$oneline_regis_time}
|
||||
</time>
|
||||
<small class="ml-1 {$oneline_getNew}"></small><!-- 24시간이내 new 출력 -->
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-between">
|
||||
|
||||
<article data-role="oneline-origin-content-{$oneline_uid}">{$oneline_content}</article>
|
||||
<article style="display:none" data-role="oneline-content-editable-{$oneline_uid}">{$oneline_content}</article>
|
||||
|
||||
<div class="ml-auto">
|
||||
{$btn_showHideMenu} <!-- 메뉴 출력/숨기 버튼 btn_showHideMenu.html : 권한이 있는 경우(로그인,작성자,관리자) 에만 노출됨 -->
|
||||
{$my_menu} <!-- 수정 모드시 취소/완료 버튼 btn_ediMod.html : 수정권한이 있는 경우에만 노출됨 -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="">
|
||||
{$btn_editMod}
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,21 @@
|
||||
<div class="media mb-2" data-role="oneline-item" data-uid="{$oneline_uid}" data-type="oneline" data-hidden="{$oneline_getHidden}">
|
||||
<img class="mr-3 border rounded-circle" src="{$oneline_user_pic}" alt="아바타" style="width:1.5rem;height:1.5rem">
|
||||
<div class="media-body">
|
||||
<div id="OLN-{$oneline_uid}"></div>
|
||||
<!-- <a data-kcact="like" data-type="oneline" data-entry="{$oneline_uid}">좋아요(<span data-role="oneline-likeTotal-{$oneline_uid}">{$oneline_like_total}</span>)</a> -->
|
||||
|
||||
<div class="media-heading h6 d-flex align-items-center">
|
||||
<span class="badge badge-default badge-inverted">{$oneline_user_name}</span>
|
||||
<time class="pl-1 badge badge-default badge-inverted" data-role="oneline-time-wrapper-{$oneline_uid}" datetime="{$oneline_regis_ago}" data-plugin="timeago">
|
||||
{$oneline_regis_time}
|
||||
</time>
|
||||
<small class="ml-1 {$oneline_getNew}"></small><!-- 24시간이내 new 출력 -->
|
||||
</div>
|
||||
|
||||
<div class="mr-1">
|
||||
<article data-role="oneline-content-editable-{$oneline_uid}">
|
||||
<div class="text-xs-center text-muted bg-faded p-3 my-2 mr-2 small"><i class="fa fa-lock fa-fw" aria-hidden="true"></i> 비밀글</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user