first
This commit is contained in:
@@ -0,0 +1,91 @@
|
||||
<div class="card card-full border-bottom rounded-0 bg-white" data-role="item" data-uid="{$post_uid}">
|
||||
<div class="px-3 pt-3 d-flex justify-content-between">
|
||||
<div class="media" data-toggle="profile"
|
||||
data-target="#modal-member-profile"
|
||||
data-mbruid="{$post_mbruid}"
|
||||
data-title="{$post_nic}"
|
||||
data-url="{$post_profile_url}">
|
||||
<span class="media-left">
|
||||
<img class="media-object img-circle" data-role="avatar" src="{$post_avatar}" alt="" style="width:2.5rem">
|
||||
</span>
|
||||
<div class="media-body">
|
||||
<div class="f15 line-clamp-2" style="line-height: 1.2">{$post_nic}</div>
|
||||
<ul class="list-inline f13 text-muted mt-1 mb-0">
|
||||
<li class="list-inline-item"><time data-plugin="timeago" datetime="{$post_d_modify}"></time></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="px-1">
|
||||
<a href="#popup-post-postMore"
|
||||
data-toggle="popup"
|
||||
data-role="more"
|
||||
data-uid="{$post_uid}" class="icon material-icons text-muted f18">
|
||||
more_vert
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-block px-3 py-2"
|
||||
data-toggle="modal"
|
||||
data-target="#modal-post-view"
|
||||
data-format="{$post_format}"
|
||||
data-start="{$post_start}"
|
||||
data-uid="{$post_uid}"
|
||||
data-featured="{$post_featured_1by1}"
|
||||
data-provider="{$post_provider}"
|
||||
data-videoId="{$post_videoId}"
|
||||
data-url="/post/{$post_cid}">
|
||||
<p>{$post_subject} <span class="f14 text-muted mt-2 {$post_has_content}">자세히 보기</span></p>
|
||||
<div class="position-relative embed-responsive embed-responsive-1by1 bg-faded {$post_has_featured}">
|
||||
<img class="card-img-top img-fluid rounded-0" src="{$post_featured_1by1}" alt="" data-role="featured">
|
||||
<time class="badge badge-default bg-black rounded-0 position-absolute f14" style="right:1px;bottom:1px" data-role="time">{$post_time}</time>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="d-flex justify-content-between px-3 mb-3">
|
||||
<div class="">
|
||||
<button type="button"
|
||||
class="btn btn-link muted-link px-1 text-decoration-none {$is_post_liked}"
|
||||
data-toggle="view_opinion"
|
||||
data-title="동영상이 마음에 드시나요?"
|
||||
data-subtext="로그인하여 의견을 알려주세요."
|
||||
data-send="_ajax"
|
||||
data-uid="{$post_uid}"
|
||||
data-opinion="like"
|
||||
data-role="btn_post_like_{$post_uid}">
|
||||
<i class="material-icons align-text-bottom f20 align-middle">thumb_up</i>
|
||||
<span class="ml-1 f13" data-role="likes_{$post_uid}">{$post_likes}</span>
|
||||
</button>
|
||||
<button type="button" class="btn btn-link muted-link px-1 text-decoration-none ml-2 {$is_post_disliked}"
|
||||
data-toggle="view_opinion"
|
||||
data-target="#popup-login-guide"
|
||||
data-title="동영상이 마음에 안 드시나요?"
|
||||
data-subtext="로그인하여 의견을 알려주세요."
|
||||
data-send="_ajax"
|
||||
data-uid="{$post_uid}"
|
||||
data-opinion="dislike"
|
||||
data-role="btn_post_dislike_{$post_uid}">
|
||||
<i class="material-icons align-text-bottom f20 align-middle">thumb_down</i>
|
||||
<span class="ml-1 f13" data-role="dislikes_{$post_uid}">{$post_dislikes}</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="">
|
||||
<button type="button" class="btn btn-link text-muted px-1 text-decoration-none"
|
||||
data-toggle="modal"
|
||||
data-target="#modal-post-view"
|
||||
data-format="{$post_format}"
|
||||
data-start="{$post_start}"
|
||||
data-uid="{$post_uid}"
|
||||
data-featured="{$featured_1by1}"
|
||||
data-provider="{$post_provider}"
|
||||
data-videoId="{$post_videoId}"
|
||||
data-url="/post/{$post_cid}">
|
||||
<i class="material-icons align-text-bottom f20 align-middle">comment</i>
|
||||
<span class="ml-1 f13" data-role="comment_{$post_uid}">{$post_comment}</span>
|
||||
</button>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,27 @@
|
||||
<li class="media mb-3" data-role="item" data-uid="{$uid}">
|
||||
<a class="w-100"
|
||||
data-toggle="profile"
|
||||
data-target="#modal-member-profile"
|
||||
data-mbruid="{$mbruid}"
|
||||
data-title="{$nic}"
|
||||
data-url="{$profile_url}">
|
||||
|
||||
<div class="pull-left text-xs-center" style="width:6.25rem">
|
||||
<img class="border img-circle" src="{$avatar}" alt="" style="width: 4.0625rem">
|
||||
</div>
|
||||
|
||||
<div class="media-body">
|
||||
<h5 class="h6 my-1 font-weight-light line-clamp-3">
|
||||
{$nic}
|
||||
</h5>
|
||||
<div class="mb-1 f13 text-muted">
|
||||
구독자 {$num_follower}명 <br>
|
||||
동영상 {$num_post}개
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<span class="badge badge-default badge-inverted">
|
||||
<a href="#popup-post-postMore" data-toggle="popup" data-uid="{$post_uid}" class="icon material-icons text-muted f18">more_vert</a>
|
||||
</span>
|
||||
</li>
|
||||
@@ -0,0 +1,27 @@
|
||||
<li class="media mb-2" data-role="item" data-uid="{$list_uid}">
|
||||
|
||||
<div class="media" data-toggle="modal" data-target="#modal-post-listview" class="ml-1" data-start="" data-url="/list/{$list_id}" data-id="{$list_id}" data-title="{$list_name}">
|
||||
|
||||
<div class="media-left">
|
||||
<div class="embed-responsive embed-responsive-16by9 bg-faded">
|
||||
<img class="media-object " src="{$list_featured_16by9_sm}" class="img-fluid" alt="" style="width:10rem">
|
||||
<span class="list_mask">
|
||||
<span class="txt">{$list_num}<i class="fa fa-list-ul d-block" aria-hidden="true"></i></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="media-body">
|
||||
<div class="line-clamp-3">{$list_name}</div>
|
||||
<p>포스트 {$list_num}개</p>
|
||||
<ul class="list-inline f13 text-muted mt-1 mb-0">
|
||||
<li class="list-inline-item">{$list_nic}</li>
|
||||
<li class="list-inline-item"><time data-plugin="timeago" datetime="{$list_d_modify}"></time></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<span class="badge badge-default badge-inverted">
|
||||
<a href="#popup-post-admin" data-toggle="popup" data-uid="{$list_uid}" class="icon material-icons text-muted">more_vert</a>
|
||||
</span>
|
||||
</li>
|
||||
36
modules/member/themes/_mobile/rc-default/_html/_newPost.html
Normal file
36
modules/member/themes/_mobile/rc-default/_html/_newPost.html
Normal file
@@ -0,0 +1,36 @@
|
||||
<li class="media mb-2" data-role="item" data-uid="{$uid}">
|
||||
<a data-toggle="modal" class="w-100"
|
||||
data-target="#modal-post-view"
|
||||
data-uid="{$newpost_uid}"
|
||||
data-featured="{$newpost_featured_16by9}"
|
||||
data-provider="{$newpost_provider}"
|
||||
data-videoId="{$newpost_videoId}"
|
||||
data-format="{$newpost_format}"
|
||||
data-url="/post/{$newpost_cid}">
|
||||
|
||||
<div class="pull-left mr-2 {$newpost_has_featured}">
|
||||
<div class="embed-responsive embed-responsive-16by9 bg-faded">
|
||||
<img class="media-object border" src="{$newpost_featured_16by9_sm}" alt="" style="width: 10rem">
|
||||
<time class="badge badge-default rounded-0 position-absolute" style="top:auto;left:auto;right:0.0625rem;bottom:0.0625rem">{$newpost_time}</time>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="media-body">
|
||||
<h5 class="h6 my-1 font-weight-light line-clamp-3">
|
||||
{$newpost_subject}
|
||||
</h5>
|
||||
<div class="mb-1">
|
||||
<ul class="list-inline d-inline-block f13 text-muted">
|
||||
<li class="list-inline-item">조회수 {$newpost_hit}회 </li>
|
||||
<li class="list-inline-item">
|
||||
<time data-plugin="timeago" datetime="{$newpost_d_modify}"></time>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<span class="badge badge-default badge-inverted">
|
||||
<a href="#popup-post-optionMore" data-toggle="popup" data-uid="{$newpost_uid}" class="icon material-icons text-muted f18">more_vert</a>
|
||||
</span>
|
||||
</li>
|
||||
@@ -0,0 +1,5 @@
|
||||
<div class="d-flex align-items-center justify-content-center p-5 text-xs-center text-muted f13" style="height: 55vh">
|
||||
<div>
|
||||
<p class="f16">{$none_txt}</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,36 @@
|
||||
<li class="media mb-2" data-role="item" data-uid="{$uid}">
|
||||
<a data-toggle="modal" class="w-100"
|
||||
data-target="#modal-post-view"
|
||||
data-uid="{$post_uid}"
|
||||
data-featured="{$post_featured_16by9}"
|
||||
data-provider="{$post_provider}"
|
||||
data-videoId="{$post_videoId}"
|
||||
data-format="{$post_format}"
|
||||
data-url="/post/{$post_cid}">
|
||||
|
||||
<div class="pull-left mr-2 {$post_has_featured}">
|
||||
<div class="embed-responsive embed-responsive-16by9 bg-faded">
|
||||
<img class="media-object border" src="{$post_featured_16by9_sm}" alt="" style="width: 10rem">
|
||||
<time class="badge badge-default rounded-0 position-absolute" style="top:auto;left:auto;right:0.0625rem;bottom:0">{$post_time}</time>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="media-body">
|
||||
<h5 class="h6 my-1 font-weight-light line-clamp-3">
|
||||
{$post_subject}
|
||||
</h5>
|
||||
<div class="mb-1">
|
||||
<ul class="list-inline d-inline-block f13 text-muted">
|
||||
<li class="list-inline-item">조회수 {$post_hit}회 </li>
|
||||
<li class="list-inline-item">
|
||||
<time data-plugin="timeago" datetime="{$post_d_modify}"></time>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<span class="badge badge-default badge-inverted">
|
||||
<a href="#popup-post-postMore" data-toggle="popup" data-uid="{$post_uid}" class="icon material-icons text-muted f18">more_vert</a>
|
||||
</span>
|
||||
</li>
|
||||
@@ -0,0 +1,23 @@
|
||||
<li class="table-view-cell {$check_read}">
|
||||
<a data-toggle="sheet" href="#sheet-noti"
|
||||
data-from="{$from}"
|
||||
data-icon="{$icon}"
|
||||
data-avatar="{$avatar}"
|
||||
data-uid="{$uid}">
|
||||
<span class="media-object pull-left position-relative">
|
||||
<img class="img-circle" src="{$avatar}" style="width:3.25rem">
|
||||
<i class="{$icon} bg-primary position-absolute {$check_from}"></i>
|
||||
</span>
|
||||
|
||||
<div class="media-body">
|
||||
<span class="d-flex justify-content-between">
|
||||
<span>{$title} <span class="badge">{$from}</span></span>
|
||||
<span style="margin-top: -.2rem">
|
||||
<span class="rb-new ml-1 {$check_new}"></span>
|
||||
<time class="small badge badge-default badge-inverted" data-plugin="timeago" datetime="{$datetime}"></time>
|
||||
</span>
|
||||
</span>
|
||||
<p>{$message}</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
111
modules/member/themes/_mobile/rc-default/_html/profile.html
Normal file
111
modules/member/themes/_mobile/rc-default/_html/profile.html
Normal file
@@ -0,0 +1,111 @@
|
||||
<div class="swiper-container" style="overflow: hidden">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide" data-role="profile_home">
|
||||
|
||||
<div class="member-profile" style="background-image: url({$cover});height:5.3125rem;background-size: cover;background-position: center center;">
|
||||
<img src="{$cover}" alt="" class="d-none" data-role="cover">
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-between bg-faded p-3">
|
||||
<div class="media">
|
||||
<span class="media-left mr-1">
|
||||
<img class="media-object img-circle" src="{$avatar}" alt="" style="width:4.25rem">
|
||||
</span>
|
||||
<div class="media-body pt-1">
|
||||
<h4 class="h5 mb-1" style="font-size:1.2rem;font-weight: 400;">
|
||||
{$nic}
|
||||
</h4>
|
||||
<div class="f14 text-muted">구독자 {$num_follower}명</div>
|
||||
|
||||
{$profile_follow}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
{$profile_setting}
|
||||
</div>
|
||||
</div><!-- /.d-flex -->
|
||||
|
||||
<section data-role="newPost" class="p-3 border-bottom">
|
||||
<h4 class="f18">최신 동영상</h4>
|
||||
<ul class="media-list">
|
||||
{$newPost}
|
||||
</ul>
|
||||
|
||||
<div data-role="none" class="d-none">
|
||||
<div class="d-flex align-items-center justify-content-center p-5 text-xs-center text-muted f13" style="height: 60vh">
|
||||
<div>
|
||||
<p class="f16">등록된 동영상이 없습니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section data-role="newPost" class="p-3 border-bottom">
|
||||
<h4 class="f18">최신 리스트</h4>
|
||||
<ul class="media-list">
|
||||
{$newList}
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
</div><!-- /.swiper-slide -->
|
||||
|
||||
<div class="swiper-slide" data-role="postList">
|
||||
<div class="content-padded">
|
||||
<a class="btn btn-link text-reset pl-0" style="margin-top:-0.5rem"
|
||||
data-toggle="popup" href="#popup-post-sort">
|
||||
<div class="d-flex align-items-center">
|
||||
<i class="material-icons text-muted mr-2">notes</i>
|
||||
정렬 기준
|
||||
<i class="material-icons text-muted ml-1">arrow_drop_down</i>
|
||||
</div>
|
||||
</a>
|
||||
<ul class="media-list" data-role="list"></ul>
|
||||
</div>
|
||||
</div><!-- /.swiper-slide -->
|
||||
|
||||
<div class="swiper-slide" data-role="listList">
|
||||
<div class="content-padded">
|
||||
<a class="btn btn-link text-reset pl-0" style="margin-top:-0.5rem"
|
||||
data-toggle="popup" href="#popup-post-sort">
|
||||
<div class="d-flex align-items-center">
|
||||
<i class="material-icons text-muted mr-2">notes</i>
|
||||
정렬 기준
|
||||
<i class="material-icons text-muted ml-1">arrow_drop_down</i>
|
||||
</div>
|
||||
</a>
|
||||
<ul class="media-list" data-role="list"></ul>
|
||||
</div>
|
||||
</div><!-- /.swiper-slide -->
|
||||
|
||||
<div class="swiper-slide" data-role="commList">
|
||||
<div class="media-list" data-role="list"></div>
|
||||
</div><!-- /.swiper-slide -->
|
||||
|
||||
<div class="swiper-slide" data-role="followList">
|
||||
<div class="p-4">
|
||||
<ul class="media-list" data-role="list"></ul>
|
||||
</div>
|
||||
</div><!-- /.swiper-slide -->
|
||||
|
||||
<div class="swiper-slide">
|
||||
|
||||
<h6 class="f14 px-3 mt-4">
|
||||
정보
|
||||
</h6>
|
||||
<div class="border-top border-bottom">
|
||||
<div class="px-3 py-2">
|
||||
<p class="text-muted">{$bio}</p>
|
||||
가입일 : {$d_regis}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-xs-center mt-2">
|
||||
<strong>조회수 {$hit_post} 회</strong>
|
||||
</div>
|
||||
|
||||
</div><!-- /.swiper-slide -->
|
||||
|
||||
</div><!-- /.swiper-wrapper -->
|
||||
</div><!-- /.swiper-class-container -->
|
||||
@@ -0,0 +1,7 @@
|
||||
<button type="button" class="btn btn-link px-0 py-1 {$isFollowing}"
|
||||
data-title="채널을 구독하시겠습니까?"
|
||||
data-subtext="채널을 구독하려면 로그인하세요."
|
||||
data-toggle="follow"
|
||||
data-mbruid="{$mbruid}">
|
||||
구독
|
||||
</button>
|
||||
@@ -0,0 +1,5 @@
|
||||
<button class="btn btn-link"
|
||||
data-target="#modal-settings-profile"
|
||||
data-toggle="changeModal">
|
||||
<span class="icon icon-gear text-muted"></span>
|
||||
</button>
|
||||
@@ -0,0 +1,36 @@
|
||||
<li class="media mb-2">
|
||||
<a data-toggle="modal" class="w-100"
|
||||
data-target="#modal-post-view"
|
||||
data-uid="{$newpost_uid}"
|
||||
data-featured="{$newpost_featured_16by9}"
|
||||
data-provider="{$newpost_provider}"
|
||||
data-videoId="{$newpost_videoId}"
|
||||
data-format="{$newpost_format}"
|
||||
data-url="/post/{$newpost_cid}">
|
||||
|
||||
<div class="pull-left mr-2 {$newpost_has_featured}}">
|
||||
<div class="embed-responsive embed-responsive-16by9 bg-faded">
|
||||
<img class="media-object border" src="{$newpost_featured_16by9_sm}" alt="" style="width: 10rem">
|
||||
<time class="badge badge-default rounded-0 position-absolute" style="top:auto;left:auto;right:0.0625rem;bottom:0.0625rem">{$newpost_time}</time>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="media-body">
|
||||
<h5 class="h6 my-1 font-weight-light line-clamp-3">
|
||||
{$newpost_subject}
|
||||
</h5>
|
||||
<div class="mb-1">
|
||||
<ul class="list-inline d-inline-block f13 text-muted">
|
||||
<li class="list-inline-item">조회수 {$newpost_hit}회 </li>
|
||||
<li class="list-inline-item">
|
||||
<time data-plugin="timeago" datetime="{$newpost_d_modify}"></time>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<span class="badge badge-default badge-inverted">
|
||||
<a href="#popup-post-optionMore" data-toggle="popup" data-uid="{$newpost_uid}" class="icon material-icons text-muted f18">more_vert</a>
|
||||
</span>
|
||||
</li>
|
||||
Reference in New Issue
Block a user