Файл: templates/frontend/dark-red/photo.tpl
Строк: 606
<script type="text/javascript"
src="{$relative_tpl}/js/jquery.comments.js"></script>
<script
type="text/javascript"
src="{$relative_tpl}/js/jquery.voting.js"></script>
<script
type="text/javascript"
src="{$relative_tpl}/js/jquery.photo.js"></script>
<div
class="modal fade" id="shareModal"
tabindex="-1" role="dialog"
aria-hidden="true">
	<div class="modal-dialog
modal-dialog-centered" role="document">
		<div
class="modal-content">
			<div
class="modal-header">
				<h4
class="modal-title">{t
c='photo.share'}</h4>
				<button type="button"
class="close"
data-dismiss="modal">×</button>
			</div>
			<div
class="modal-body">
				<!-- Go to
www.addthis.com/dashboard to customize your tools -->
				<script
type="text/javascript"
src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5e26fd7331f9050b"></script>
               <!-- Go to www.addthis.com/dashboard to customize your
tools -->
                <div
class="addthis_inline_share_toolbox"></div>  
				<div class="form-group mt-3">
					<label
for="photo_share_url">{t
c='photo.share_url'}</label>
					<input
id="photo_share_url" type="text"
class="form-control"
value="{$baseurl}/photo/{$photo.PID}"
readonly>
					<button class="btn btn-secondary btn-bold mt-1
btn-xs float-right"
onclick="copyToClipboard('photo_share_url')"><span
id="photo_share_url_copied"><i class="fas
fa-clone"></i></span> {translate
c='global.copy_to_clipboard'}</button>
					<div
class="clearfix"></div>
				</div>					
			</div>
			<div
class="modal-footer">
				<button type="button"
class="btn btn-secondary btn-bold float-left"
data-dismiss="modal">{translate
c='global.cancel'}</button>
			</div>
		</div>
	</div>
</div>
<div
class="modal fade" id="flagModal"
tabindex="-1" role="dialog"
aria-hidden="true">
	<div class="modal-dialog
modal-dialog-centered" role="document">
		<div
class="modal-content">
			<div
class="modal-header">
				<h4
class="modal-title">{t
c='photo.FLAG'}</h4>
				<button type="button"
class="close"
data-dismiss="modal">×</button>
			</div>
			<div
class="modal-body">
				<div
class="form-group">
					<label>{t
c='photo.flag'}</label>
					<div>
						<div
class="radio">
							<label>
								<input
name="flag_reason" type="radio"
value="inappropriate" checked="yes" />
								{t
c='flag.inappr'}
							</label>
						</div>
						<div
class="radio">
							<label>
								<input
name="flag_reason" type="radio"
value="underage" />
								{t
c='flag.underage'}
							</label>
						</div>
						<div
class="radio">
							<label>
								<input
name="flag_reason" type="radio"
value="copyrighted" />
								{t
c='flag.copyright'}
							</label>
						</div>
						<div
class="radio">
							<label>
								<input
name="flag_reason" type="radio"
value="not_playing" />
								{t
c='flag.not_playing'}
							</label>
						</div>
						<div
class="radio">
							<label>
								<input
name="flag_reason" type="radio" value="other"
/>
								{t
c='flag.other'}
							</label>
						</div>
						<div
id="flag_reason_error" class="text-danger m-t-5"
style="display:
none;"></div>
					</div>
				</div>
				<div
class="form-group">
					<label
for="flag_message">{t
c='flag.reason'}</label>
					<div>
						<textarea
name="flag_message" class="form-control"
rows="3"
id="flag_message"></textarea>
					</div>
				</div>				
			</div>
			<div
class="modal-footer">
				<button
id="submit_flag_photo" data-pid="{$photo.PID}"
type="button" class="btn btn-primary btn-bold">{t
c='photo.flag'}</button>
				<button type="button"
class="btn btn-secondary btn-bold"
data-dismiss="modal">{translate
c='global.cancel'}</button>
			</div>
		</div>
	</div>
</div>
<div
class="container mt-3 mb-3">
	<div
class="well-filters">		
		<div
class="float-left">
			<h1>{t c='photo.title'}:
{$album.name|escape:'html'}</h1>
		</div>
		{if
$album.total_photos > 1}
		<div class="float-right
well-action">
			<a
href="{$relative}/album/slideshow/{$photo.AID}">{t
c='global.slideshow'}</a>
		</div>
		{/if}
		<div
class="clearfix"></div>
	</div>
	<div
class="row">
		<div class="content-left mt-3
mb-3">
			
			<div class="thumb-overlay d-flex
justify-content-center">
				{if isset($next)}<a
href="{$relative}/photo/{$next}">{/if}<img
src="{$relative}/media/photos/{$photo.PID}.jpg"
alt="{$photo.caption}"
class="img-responsive-mw"/>{if
isset($next)}</a>{/if}
			</div>
			<div class="row
mt-3">
				<div class="col-12">
					<div
class="vote-box float-left">
						<span
class="content-rating">
							<span
class="mr-2"><i class="fas
fa-thumbs-up"></i> <span
id="rating_photo_{$photo.PID}">{if $photo.rate !=
0}{$photo.rate}%{else}-{/if}</span></span>
							<span
class="vote-up mr-1"><i
id="vote_up_photo_{$photo.PID}" class="fas
fa-thumbs-up"></i> <span
id="likes_photo_{$photo.PID}">{$photo.likes}</span></span>			
							<span
class="vote-down"><i
id="vote_down_photo_{$photo.PID}" class="fas
fa-thumbs-down"></i> <span
id="dislikes_photo_{$photo.PID}">{$photo.dislikes}</span></span>						
						</span>	
					</div>
					<div
class="photo-actions float-right ml-3">
						<a
href="#" id="photo_share" class="btn btn-secondary
btn-bold btn-xxs"><i class="fas
fa-share"></i><span class="d-none
d-md-inline"> {t
c='global.share'}</span></a>
						{if
isset($smarty.session.uid)}
						<a href="#"
id="photo_favorite" data-pid="{$photo.PID}"
data-aid="{$photo.AID}" class="btn btn-secondary btn-bold
btn-xxs"><i class="fas fa-heart"></i><span
class="d-none d-md-inline"> {t
c='global.favorite'}</span></a>	
						<a
href="#" id="photo_flag"
data-pid="{$photo.PID}" class="btn btn-secondary btn-bold
btn-xxs"><i class="fas fa-flag"></i><span
class="d-none d-md-inline"> {t
c='global.flag'}</span></a>							
						{/if}
					</div>					
				</div>
			</div>
			<div
class="float-left mt-3">
				<a
href="{$relative}/album/{$photo.AID}/{$album.name|clean}">{t
c='global.back_to'}
'{$album.name|escape:'html'}'</a>
			</div>
			<div
class="float-right mt-3">
				{if isset($prev)}
					<a
href="{$relative}/photo/{$prev}">{t
c='global.prev'}</a>
				{/if}
				{if isset($prev) &&
isset($next)} · {/if}
				{if isset($next)}
					<a
href="{$relative}/photo/{$next}">{t
c='global.next'}</a>
				{/if}
			</div>
			<div
class="clearfix"></div>			
			<div
class="row">
				<div
class="col-12">
					<div class="card-sub
mt-3">
						<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>{$user.username}</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">
							{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
$photo.caption}
				<div class="mt-3
overflow-hidden">
					{$photo.caption|nl2br}
				</div>
			{/if}			
			{if
$photo_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-cphotos-tab" data-toggle="tab"
href="#nav-cphotos" role="tab"
aria-controls="nav-cphotos" aria-selected="true">{t
c='global.photos'}</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-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
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="photo"}
					<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="{$photo.PID}" 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="{$photo.PID}" 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="{$photo.PID}">{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}
			
		</div>
		<div
class="content-right mt-3 mb-3">
			{insert name=adv
assign=adv group='photo_right'}
			{if $adv.ad}
			<div
class="ad-content">
				{$adv.ad}
			</div>	
			{elseif
$adv.help}		
				<div class="ad-body"
style="width:{$adv.width}px;">
					<p
class="ad-title"><span>{t
c='global.sponsors'}</span><span
class="ad-group">PHOTO
RIGHT</span></p>
					<p
class="ad-size">{$adv.width} ×
Auto</p>
				</div>			
			{/if}	
		</div>	
	</div>
	{insert
name=adv assign=adv group='photo_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">PHOTO BOTTOM</span></p>
			<p
class="ad-size">Auto ×
Auto</p>
		</div>			
	{/if}		
</div>