Файл: templates/frontend/dark-red/blog.tpl
Строк: 471
<script type="text/javascript"
src="{$relative_tpl}/js/jquery.comments.js"></script>
<script>
$(document).ready(function(){
   $("body").on('click', "a[id='user_subscription']",
function(event) {
        event.preventDefault();
        var user_id   
= $(this).attr('data-uid');
        $.post(base_url +
'/ajax/user_subscription', { user_id: user_id },
       
function(response) {
            if ( response.status == 0 )
{
				alertBottom(response.msg, 'error');			
            } else
{
				$("#user_subscription").html(response.btn);				
				$("#total_subscribers").html(response.total_s);						
				alertBottom(response.msg,
'success');	
            } 
        }, 'json');
   
});	
});	
</script>
<div class="container mt-3
mb-3">
	<div
class="well-filters">
		<h1>{$blog.title|escape:'html'}</h1>
	</div>
	<div
class="row">
		<div class="col-12
blog-body">
			{$blog.content|nl2br}
		</div>
		<div
class="col-12">
			<div
class="card-sub">
				{insert name=time_range assign=addtime
time=$blog.addtime}							
				<span class="d-block d-sm-none
float-right mb-3"><span
class="text-highlighted"><i class="fas
fa-eye"></i> {$blog.total_views}</span>  
{$addtime}</span>				
				<div
class="clearfix"></div>			
				<div
class="float-left">
					<a
href="{$relative}/user/{$user.username}"><img
class="medium-avatar" src="{$relative}/media/users/{if
$user.photo == ''}nopic-{$user.gender}.gif{else}{$user.photo}{/if}"
/><span>{$username|truncate:25:"..."}</span></a>
					{insert
name=tsubscribers assign=t_subscribers
subscribers=$user.total_subscribers}
					| <span
class="total-subscribers"
id="total_subscribers">{$t_subscribers}</span>						
				</div>
				<div
class="float-right mt-2">
					<span class="d-none
d-sm-inline"><span class="text-highlighted"><i
class="fas fa-eye"></i> {$blog.total_views}</span>
  {$addtime}</span>					
					{if
isset($smarty.session.uid) && $smarty.session.uid !=
$user.UID}
						{insert name=is_subscribed assign=is_subscribed
SUID=$smarty.session.uid UID=$user.UID}
						{if isset($is_subscribed)
&& $is_subscribed}			
							<a href="#"
id="user_subscription" data-uid="{$user.UID}"
data-subscribed="1" class="btn btn-secondary btn-bold btn-xs
ml-2">{t c='user.subscribed'} <i class="fas
fa-check"></i></a>
						{else}
							<a
href="#" id="user_subscription"
data-uid="{$user.UID}" data-subscribed="0"
class="btn btn-secondary btn-bold btn-xs ml-2">{t
c='user.subscribe'}</a>		
						{/if}
					{/if}					
				</div>
				<div
class="clearfix"></div>
			</div>
		</div>		
	</div>
	{if
$blog_comments == '1'}
		<script
type="text/javascript">
			var lang_comments_confirm_delete
		= "{t c='comments.delete_confirm'}";
			var
lang_comments_reply 		 		= "{t c='global.reply'}";				
			var
lang_comments_view_more_replies	 	= "{t
c='comments.view_more_replies'}";								
			var
lang_comments_insert_media   		= "{t
c='comments.insert_media'}";		
			var lang_cancel					   		= "{t
c='global.cancel'}";						
		</script>		
		<div
class="comments-section mt-3">
			<div class="modal
fade" id="commentsMediaModal" tabindex="-1"
role="dialog" aria-hidden="true">
				<div
class="modal-dialog modal-dialog-centered modal-lg"
role="document">
					<div
class="modal-content">
						<div
class="modal-body">
							<nav>
								<div
class="nav nav-tabs" role="tablist">
								<a
class="nav-item nav-link active" id="nav-cvideos-tab"
data-toggle="tab" href="#nav-cvideos"
role="tab" aria-controls="nav-cvideos"
aria-selected="true">{t
c='global.videos'}</a>
								<a class="nav-item
nav-link" id="nav-cphotos-tab" data-toggle="tab"
href="#nav-cphotos" role="tab"
aria-controls="nav-cphotos" aria-selected="false">{t
c='global.photos'}</a>
								</div>
							</nav>
							<div
class="tab-content">
								<div class="tab-pane
fade show active" id="nav-cvideos" role="tabpanel"
aria-labelledby="nav-cvideos-tab">
									<input
type="text" class="form-control" placeholder="{t
c='global.search_videos'}" id="search-cvideos"
value="" autocomplete="off">
									<div
id="info-cvideos"></div>
									<div
class="clearfix"></div>
									<div
id="cvideos-container">
									</div>
									<div
id="cvideos-loader"><i class="fas fa-circle-notch
fa-spin
fa-2x"></i></div>
								</div>
								<div
class="tab-pane fade" id="nav-cphotos"
role="tabpanel"
aria-labelledby="nav-cphotos-tab">
									<input
type="text" class="form-control" placeholder="{t
c='global.search_photos'}" id="search-cphotos"
value="" autocomplete="off">
									<div
id="info-cphotos"></div>
									<div
class="clearfix"></div>
									<div
id="cphotos-container">
									</div>
									<div
id="cphotos-loader"><i class="fas fa-circle-notch
fa-spin
fa-2x"></i></div>									
								</div>
							</div>
							<input
id="insert_media_target" type="hidden"
value="">
						</div>
						<div
class="modal-footer">
							<button
type="button" class="btn btn-secondary btn-bold"
data-dismiss="modal">Close</button>
						</div>
					</div>
				</div>
			</div>		
			{assign
var="comment_section" value="blog"}
			<div
class="well-filters mb-1">
				<div class="float-left
mr-3">
					<h1><i class="fas
fa-comments"></i> {t
c='global.COMMENTS'}</h1>
				</div>
				<div
class="float-left">
					<h1>
						<a
id="comments_sort" href="#"
data-id="{$blog.BID}" data-type="{$comment_section}"
data-sort="newest" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false"><i
class="fas
fa-sort-amount-down"></i></a>
						<div
class="dropdown-menu dropdown-menu-left"
aria-labelledby="comments_sort">
							<a
class="dropdown-item active" data-sort="newest"
id="comments_sort_newest" href="#">
								{t
c='comments.newest'}
							</a>							
							<a
class="dropdown-item" data-sort="top"
id="comments_sort_top" href="#">
								{t
c='comments.top_comments'}
							</a>
						</div>							
					</h1>
				</div>
				<div
class="float-left ml-3">
					<h1>
						<span
id="sort_loading"></span>					
					</h1>
				</div>
				<div
class="float-right">
					<h1><span
id="comments_total">{$comments_total}</span></h1>
				</div>	
				<div
class="clearfix"></div>
			</div>
			<div
id="comments_input_container">
				<textarea
data-id="{$blog.BID}" data-type="{$comment_section}"
id="comments_input" rows="3" 
maxlength="1000" class="form-control" {if
!isset($smarty.session.uid)}disabled{/if}></textarea>
				<span
id="comments_login_register" class="{if
isset($smarty.session.uid)}d-none{/if}">{t
c='comments.login_register'}</span>					
			</div>
			{if
isset($smarty.session.uid)}
			<div
id="comments_btn_container">
				<a
id="post_comment" href="#" class="btn
btn-secondary btn-sm">{t
c='comments.post_comment'}</a>
				<span
data-toggle="tooltip" data-placement="top"
title="{t c='comments.insert_media'}"><a
id="insert_media" href="#" class="btn
btn-secondary btn-sm" data-toggle="modal"
data-target="#commentsMediaModal"><i class="fas
fa-paperclip"></i></a></span>
				<span
id="comment_response"
class="comment-response"></span>
			</div>
			{/if}
			<div
id="comments_list" class="comments-list">
			{if
$comments}
				{section name=i loop=$comments}
				{insert
name=time_range assign=addtime time=$comments[i].addtime}
				{insert
name=comment_output assign=comment
comment=$comments[i].message}	
				{insert name=total_replies
assign=total_replies cid=$comments[i].CID
type=$comment_section}	
				<div class="comment-item"
id="comment_{$comments[i].CID}">
					<div
class="comment-user">
						<a
href="{$relative}/user/{$comments[i].username}">
							<img
src="{$relative}/media/users/{if $comments[i].photo !=
''}{$comments[i].photo}{else}nopic-{$comments[i].gender}.gif{/if}"
alt="{$comments[i].username}">
						</a>						
					</div>
   
					<div class="comment-info">
						<div
class="comment-body">
							<div
class="comment-actions">							
								<a
id="comment_actions_{$comment_section}_{$comments[i].CID}"
data-uid="{$comments[i].UID}"
data-rel="{$comment_section}_{$comments[i].CID}"
href="#" data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false">
									<i class="fas
fa-ellipsis-h"></i>
								</a>
								<div
class="dropdown-menu dropdown-menu-right"
aria-labelledby="comment_actions_{$comment_section}_{$comments[i].CID}">
									<a
class="dropdown-item {if $smarty.session.uid ==
$comments[i].UID}d-none{/if}"
id="report_comment_{$comment_section}_{$comments[i].CID}"
href="#">
										<i class="fas
fa-flag"></i> {t
c='global.report_spam'}
									</a>							
									<a
class="dropdown-item {if $smarty.session.uid !=
$comments[i].UID}d-none{/if}"
id="delete_comment_{$comment_section}_{$comments[i].CID}"
href="#">
										<i class="fas
fa-trash"></i> {t
c='global.delete'}
									</a>
								</div>					
							</div>
							<div
class="comment-user-info">
								<a
class="comment-username"
href="{$relative}/user/{$comments[i].username}">{$comments[i].username}</a>
								<span
class="comment-add-time"><i class="far
fa-clock"></i>{$addtime}</span>	
							</div>
							<div
class="comment-text">
								{$comment|nl2br}
							</div>
							<div
class="comment-meta">
								<div
class="vote-box">
									<span
class="content-rating">
										<span
class="vote-up mr-1"><i
id="comment_vote_up_{$comment_section}_{$comments[i].CID}"
class="fas fa-thumbs-up"></i><span
id="comment_rate_{$comment_section}_{$comments[i].CID}">{$comments[i].rate}</span></span>		
										<span
class="vote-down"><i
id="comment_vote_down_{$comment_section}_{$comments[i].CID}"
class="fas
fa-thumbs-down"></i></span>						
									</span>	
								</div>
								<div
class="comment-reply">
									<a
id="comment_reply_{$comment_section}_{$comments[i].CID}"
data-id="{$comments[i].CID}"
data-type="{$comment_section}" data-reply-username=""
class="" href="#"><i class="fas
fa-share"></i>{t
c='global.reply'}</a>								
								</div>
							</div>								
						</div>
					</div>
					<div
class="comment-replies">
						<div
class="comment-reply-container d-none"
id="reply_container_{$comment_section}_{$comments[i].CID}"></div>
						<div
class="comments-list replies-list"
id="replies_more_{$comment_section}_{$comments[i].CID}"></div>
						<div
class="comments-list replies-list"
id="replies_list_{$comment_section}_{$comments[i].CID}"></div>
						{if
$total_replies > 0}							
							<div
id="replies_show_hide_container_{$comment_section}_{$comments[i].CID}"
class="replies-show-hide-container">
								<a
id="replies_show_more_{$comment_section}_{$comments[i].CID}"
class="replies-show-more" data-page="1"
data-type="{$comment_section}"
data-id="{$comments[i].CID}" href="#">{if
$total_replies == 1}{t c='comments.view_reply'}{else}{t
c='comments.view_replies'} <span
id="replies_total_{$comment_section}_{$comments[i].CID}">{$total_replies}</span>{/if}<i
class="fas
fa-chevron-down"></i></a>
								<a
id="replies_show_more_{$comment_section}_{$comments[i].CID}_"
class="replies-show-more replies-view-more"
data-page="1" data-type="{$comment_section}"
data-id="{$comments[i].CID}" href="#">{t
c='comments.view_more_replies'} <span
id="replies_total_{$comment_section}_{$comments[i].CID}_">0</span><i
class="fas
fa-chevron-down"></i></a>							
								<a
id="replies_hide_{$comment_section}_{$comments[i].CID}"
class="replies-hide" data-type="{$comment_section}"
data-id="{$comments[i].CID}" href="#">{if
$total_replies == 1}{t c='comments.hide_reply'}{else}{t
c='comments.hide_replies'}{/if}<i class="fas
fa-chevron-up"></i></a>
								<span
class="reply-response"
id="replies_loading_{$comment_section}_{$comments[i].CID}"></span>															
							</div>
						{/if}							
					</div>
				</div>					
				{/section}
			{/if}			
			</div>
			<div
id="comments_more"
class="comments-list">
			</div>				
			{if
$comments_total > 10}
				<a href="#"
id="comments_show_more" class="comments-show-more"
data-page="2" data-type="{$comment_section}"
data-id="{$blog.BID}">{t c='global.show_more'}<i
class="fas fa-chevron-down"></i></a>
				<a
href="#" id="comments_hide"
class="comments-hide">{t c='global.hide'}<i class="fas
fa-chevron-up"></i></a>
				<span
id="comments_loading"></span>
			{/if}
		</div>
	{/if}
	
	{insert
name=adv assign=adv group='blog_bottom'}
	{if $adv.ad}		
	<div
class="ad-content">
		{$adv.ad}
	</div>	
	{elseif
$adv.help}		
		<div class="ad-body">
			<p
class="ad-title"><span>{t
c='global.sponsors'}</span><span
class="ad-group">BLOG BOTTOM</span></p>
			<p
class="ad-size">Auto ×
Auto</p>
		</div>			
	{/if}	
</div>