276 lines
No EOL
13 KiB
HTML
276 lines
No EOL
13 KiB
HTML
<!-- Defining object type-->
|
|
{lang code='photo' assign='object_type'}
|
|
|
|
<div class="row">
|
|
{assign var=json value=$photo.photo_details|json_decode}
|
|
<div class="col-md-8 cb-box show-image nplinks mouse_hover" style="margin-left: -15px">
|
|
<div>
|
|
<a {if $nextLink} {assign var='nextItem' value=$nextLink} {else} {assign var='nextItem' value=$preLink} {/if}
|
|
href="{$cbphoto->photo_links($nextItem.0,'view_item')}"
|
|
>{get_photo details=$photo size='l' class='img-responsive center-block' output='html' height="100"}</a>
|
|
{assign var=objctid value=$object.ci_id}
|
|
{assign var=collid value=$object.collection_id}
|
|
{assign var=preLink value=$cbphoto->collection->get_next_prev_item($objctid,$collid,'prev')}
|
|
<a class="btn btn-danger btn-lg btns1 mouse_hover_on" href="{$cbphoto->photo_links($preLink.0,'view_item')}">
|
|
<i class="glyphicon glyphicon-chevron-left"></i>Previous
|
|
</a>
|
|
{assign var=nextLink value=$cbphoto->collection->get_next_prev_item($objctid,$collid,'next')}
|
|
<a class="btn btn-primary btn-lg btns mouse_hover_on" href="{$cbphoto->photo_links($nextLink.0,'view_item')}">
|
|
Next<i class="glyphicon glyphicon-chevron-right"> </i>
|
|
</a>
|
|
<hr>
|
|
</div>
|
|
|
|
<div class="col-md-2" style="margin-left:-14px;">
|
|
<div class="cb-item-thumb">
|
|
<img src="{$userquery->getUserThumb($user)}" class="img-circle" style="border: solid; border-color: #3880FC; width: 90px; height: 90px"/>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="cb-item-title-container">
|
|
|
|
<div class="cb-item-title marginBottom margin-bottom-10 " style="overflow: hidden; padding-bottom: 10px;">
|
|
{$photo.photo_title}
|
|
</div>
|
|
<div class="cb-item-user">
|
|
<a href="{$userquery->profile_link($user)}"> {$user.username}</a>
|
|
</div>
|
|
|
|
<a id="subscribeUser" class="btn btn-xs btn-primary">
|
|
<button class="btn btn-primary btn-sm btn-xs" onclick="subscriber('{$user.userid}','subscribe_user','video_detail_result_cont')">{lang code='subscribe'}</button>
|
|
</a>
|
|
|
|
|
|
|
|
<!--likes and views-->
|
|
<div class="pull-right col-md-8" style="width:200px;">
|
|
<div class="pull-right col-md-8" style="border-bottom: 2px solid green;text-align:right;width:107px;margin-top: -30px;">{$photo.views|number_format}
|
|
<span class="small" style="font-size:18px;">{lang('views')}</span></div>
|
|
<div class="pull-right col-md-3" id="rating_container" style="width:200px; margin-right:-20px; ">
|
|
{show_video_rating rating=$photo.rating ratings=$photo.rated_by total='10' id=$photo.photo_id type=photo}
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class='PhotoRating' style="margin-bottom: -17px">
|
|
|
|
{*show_video_rating rating=$photo.rating ratings=$photo.rated_by total='10' id=$photo.photo_id type=photo*}</div>
|
|
|
|
<br>
|
|
<div class="action_box alert alert-info" id="video_detail_result_cont" style="display:none"></div>
|
|
|
|
|
|
<div class="row fonts">
|
|
<div class="tabbable">
|
|
<ul class="nav nav-tabs" style="font-size:14px;">
|
|
<li class="active">
|
|
<a href="#pinfo" data-toggle="tab">{lang('Info')}</a>
|
|
</li>
|
|
<li>
|
|
<a href="#pshare" data-toggle="tab">{lang('Share')}</a>
|
|
</li>
|
|
<li>
|
|
<a href="#pcode" data-toggle="tab">{lang('Add to')}</a>
|
|
</li>
|
|
<li>
|
|
<a id="reportVideo" href="#preport" href="javascript:void(0)" onclick="slide_up_watch_video('#flag_item');$('#flag_item').slideToggle();" data-toggle="tab">{lang('Report')}</a>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
<div class="tab-content">
|
|
<div class="tab-pane active" id="pinfo" style="font-size:16px;margin-top:9px;">
|
|
<div id="cb-item-info">
|
|
<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
|
|
|
|
<div class="cb-item-description overflow_hidden" >
|
|
<p id="videoDescription" class="will_show">{$photo.photo_description|truncate:90}</p>
|
|
<p id="videoDescription" class="not_show" style="display:none" >{$photo.photo_description}</p>
|
|
|
|
<div class="mtm">
|
|
<strong>{lang('Category')}</strong>
|
|
<div>{assign var=category value=$userquery->get_category($user.category)}
|
|
{$category.category_name}</div>
|
|
|
|
</div>
|
|
<div class="mtm">
|
|
<strong>{lang('Tags')}</strong>
|
|
<div class="overflow_hidden">{$photo.photo_tags|tags:photos}</div>
|
|
</div>
|
|
|
|
<div class="mtm">
|
|
<strong>{lang code='views'}</strong> : {$photo.views|number_format} –
|
|
|
|
<strong>{lang code='comments'}</strong> : {$photo.total_comments}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div id="desc_item" class=" " style="margin-left:650px;margin-top:0px;width:14%;">
|
|
<p class="btn-xs btn-primary clip_read clip_hide" > Show More </p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
|
|
<div class="pull-right" style="margin-top:6px;">
|
|
<a class="cb-item-social-icon twitter" href="https://twitter.com/share" target="_blank">
|
|
<i class="fa fa-twitter"></i>
|
|
</a>
|
|
<a class="cb-item-social-icon googlep " href="https://plus.google.com/share?url={urlencode(videolink($video))}" target="_blank">
|
|
<i class="fa fa-google-plus"></i>
|
|
|
|
</a>
|
|
<a class="cb-item-social-icon facebook " href="http://www.facebook.com/sharer/sharer.php?s=100&p[url]={videoLink($video)|urlencode}&p[images][0]={get_thumb vdetails=$video}&p[title]={$video.title|title|urlencode}&p[summary]={$video.description|description|urlencode}" target="_blank">
|
|
<i class="fa fa-facebook "></i>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="pshare" class="tab-pane">
|
|
{show_share_form id=$photo.photo_id type=Photo}
|
|
</div>
|
|
<div id="pcode" class="tab-pane">
|
|
{$codes=$cbphoto->photo_embed_codes(['type'=>'all','with_url'=>true, 'details'=>$photo])}
|
|
{foreach from=$codes item=item}
|
|
<div style="width:48%; display:inline-block; margin-top:5px;">
|
|
<label style="text-transform:uppercase; font:bold 11px Tahoma;" for="{$item.type}">{$item.name}</label>
|
|
<input style="padding:4px; font:normal 11px Tahoma; border:1px solid #ccc; width:95%" onFocus="this.select();" value="{$item.code}" id="{$item.type}" />
|
|
</div>
|
|
{/foreach}
|
|
</div>
|
|
<div id="preport" class="tab-pane">
|
|
<br>
|
|
{show_flag_form id=$photo.photo_id type=Photo}
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div class="cb-box col-md-4 pull-right" >
|
|
<div class="ad">{AD place='ad_320x250'}</div>
|
|
|
|
<h3>{lang code='Most Popular'}</h3>
|
|
{section name=p_list loop=$photos}
|
|
{include file="$style_dir/blocks/PopularPhotos.html" photo=$photos[p_list]}
|
|
{sectionelse}
|
|
{lang code='no_results_found'}
|
|
{/section}
|
|
<div class="clearfix"></div>
|
|
<br>
|
|
<h3>{lang code='Top Collections'}</h3>
|
|
{section name=c_list loop=$collections}
|
|
{include file="$style_dir/blocks/topCollection.html" collection=$collections[c_list]}
|
|
{sectionelse}
|
|
{lang code='no_results_found'}
|
|
{/section}
|
|
|
|
<div class="pull-right" ><img src="{$theme}/assets/images/likebox.png">
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-md-8 cb-box row commentmargin" style="margin-top: 15px;">
|
|
<div style="margin-left:10px;">
|
|
<h2>{lang code='comments'} ({$photo.total_comments})</h2>
|
|
|
|
{if $myquery->is_commentable($photo,'p')}
|
|
{include file="$style_dir/blocks/comments/add_comment.html" id=$photo.photo_id type=p}
|
|
{else}
|
|
<div class="alert alert-warning">{lang code='Comments disabled for this photo'}</div>
|
|
{/if}
|
|
|
|
</div>
|
|
<div id="comments"></div>
|
|
<div id="userCommentsList"></div>
|
|
<script>
|
|
$(document).ready(function()
|
|
{ldelim}
|
|
|
|
|
|
|
|
$(".clip_read").click(function() {
|
|
$(this).toggleClass('clip_hide');
|
|
if(!$(this).hasClass('clip_hide'))
|
|
|
|
{
|
|
$('.not_show').show();
|
|
$('.will_show').hide();
|
|
$(".clip_read").text("Show Less");
|
|
}
|
|
|
|
else
|
|
{
|
|
$('.not_show').hide();
|
|
$('.will_show').show();
|
|
$(".clip_read").text("Show More");
|
|
}
|
|
|
|
});
|
|
|
|
|
|
comments_voting = 'no';
|
|
getComments('p','{$photo.photo_id}','{$photo.last_commented}',1,'{$photo.total_comments}','{$object_type}')
|
|
{rdelim}
|
|
);
|
|
</script>
|
|
</div>
|
|
|
|
{section name=list loop=$uphotos}
|
|
{include file="$style_dir/blocks/photo.html" display_type="related_photos" photo=$uphotos[list]}
|
|
{/section}
|
|
|
|
</div>
|
|
<div style="height:20px"> </div>
|
|
|
|
|
|
{literal}
|
|
<style>
|
|
.clip_read:hover{
|
|
cursor: pointer;
|
|
}
|
|
.glyphicon-thumbs-down:hover{
|
|
color:#0088D6;
|
|
}
|
|
.glyphicon-thumbs-up:hover{
|
|
color:#0088D6;
|
|
}
|
|
|
|
.cb-item-social-icon.twitter {
|
|
background-color: #598dca;
|
|
color: #fff;
|
|
margin-right: 5px;
|
|
margin-top: 2px;
|
|
padding: 7px 7px 7px 7px;
|
|
}
|
|
.cb-item-social-icon.googlep {
|
|
background-color: #d6492f;
|
|
color: #fff;
|
|
margin-right: 5px;
|
|
margin-top: 2px;
|
|
padding: 7px 6px 7px 6px;
|
|
}
|
|
.cb-item-social-icon.facebook {
|
|
background-color: #3a589b;
|
|
color: #fff;
|
|
margin-top: 2px;
|
|
padding: 7px 13px 7px 13px;
|
|
}
|
|
</style>
|
|
{/literal} |