clipbucket/upload/styles/cbv3/layout/view_item.html

{assign var=pd value=$photo.photo_details|json_decode}
<h3 class="page-header"><a href="{$cbcollection->collection_links( $c, 'view_collection' )}">{$c.collection_name}</a> &raquo;  {$photo.photo_title}</h3>
<div class="row">
	<div class="span734">
        <div class="thumbnail inlineblock">
            {get_photo details=$object size='l' output='html' width='720' }
        </div>
        
        <div class="video-stats">
        	<div class="inlineblock pull-left">
            	<div class="btn-toolbar">
                    <div class="btn-group valignMid">
                        <button class="btn"><span class="icon-like"></span> Like</button>
                        <button class="btn"><span class="icon-dislike"></span></button>
                    </div> 
                    <button class="btn" onclick="toggleBox(this,'#add-videos-to-playlist');" ><span class="icon-plus" ></span>{lang code='Add to'}</button>
                    <button class="btn" onclick="toggleBox(this,'#share-photo-block');"><span class="icon-share"></span> Share</button>
                    <button class="btn" data-toggle="modal" data-target="#report_video"><span class="icon-flag"></span> Flag</button>               
                </div>
            </div>
            
            <div class="inlineblock pull-right ">
                <div class="btn-toolbar valignMid">
                    <h3 class="inlineblock valignTop">{$photo.views|number_format} {lang code='views'}</h3>
                    <button class="btn"><span class="icon-v3 icon-stats"></span></button>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
              
        {include_template_file file='blocks/view_item/share_photo.html' photo=$photo type=p pid=$photo.photo_id}

        {include_template_file file='blocks/report.html' type='p' id=$photo.photo_id title=$photo.photo_title}
        <div class="video-details row-fluid">
        	<div class="span9">
            	<div style="height: 60px ;overflow: hidden" id="vid-details" class="relative">
                	<h6>uploaded {$photo.date_added|niceTime} by {$user.username}</h6>
                    <article>
                    	<p>{$photo.photo_description}</p>
                    </article>
                    <h5>{lang code='Collection'}</h5>
                    <h6><a href="{$cbcollection->collection_links( $c, 'view_collection' )}">{$c.collection_name}</a></h6>
                    
                    <h5>Tags</h5>
                    <h6>{$photo.photo_tags|tags:photos}</h6> 
                                       
                    <div class="height10"></div>
                    <div  class="video-details-shadow absolute"></div>
                </div>
                <div class="height5"></div>
                
                <div align="center">
                    <div class="btn btn-info btn-mini width75" id="vid-details-more" onclick="toggleLessMore('vid-details','more');">More</div>
                    <div class="btn btn-mini display-none width75" id="vid-details-less"  onclick="toggleLessMore('vid-details','less');">Less</div>
                </div>
            </div>
            
            <div class="span3">
                <div id="video-rating-container">
                    {$photoRating=cbv3_rating($photo,'video-bar')}
                    {$photoRating}
                </div>        
            </div>
        </div>
    </div>
    
    <div class="span336">
    	<div id="photo_actions" class="well" data-menu-class='nav nav-list' style="padding: 8px 0;">Loading ...</div>
        {sidebar('view-photo')}
    </div>
</div>

<div id="private_message_photo_form" class="hide fade modal">
    <div class="modal-header">
        <h3>{lang code='new_private_msg'}</h3>
    </div>
    <form id="pm_msg" name="pm_msg" method="post" action="" class="form-horizontal" style="margin:0px;">
        <div class="modal-body">
            <div id="private_message_response" class="alert hide"></div>
            {assign var='form_fields' value=$cbpm->load_compose_form()}
                <fieldset>
                        {foreach from=$form_fields item=field}
                        	{if $field.type != 'hidden'}
                                <div class="control-group">
                                    <label for="{$field.id}" class="control-label">{$field.title}</label>
                                    <div class="controls">
                                        {if $field.hint_1}<p class="help-block">{$field.hint_1}</p>{/if}
                                        {$formObj->createField($field)}
                                        {if $field.hint_2}<p class="help-block">{$field.hint_2}</p>{/if}
                                    </div>
                                </div>
                            {else}
                            	{$formObj->createField($field)}
                            {/if}
                        {/foreach}
                </fieldset>

        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" type="button">{lang code='Close'}</button>
            <button class="btn btn-primary" id="cb_send_photo_pm" data-loading-text='{lang code="Sending ..."}' data-complete-text="{lang code='Sent'}" type="button" onclick="send_private_message( event );">{lang code='com_send_message'}</button>
        </div>
    </form>
</div>