vanzhiganov/clipbucket
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

MOdified : Added some functionalities for managing playlists in a better way

Browse source
This commit is contained in:
Awais-cb 2017-05-24 16:54:11 +05:00
parent 976ea4371b
commit cd51b9720b
5 changed files with 456 additions and 396 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
upload/includes/langs/en.lang
View file

File diff suppressed because one or more lines are too long

188
upload/styles/cb_28/layout/blocks/manage/account_video.html
View file

@ -11,27 +11,27 @@
<a class="manageVid_thumb" href="edit_video.php?video={$video.videoid}"> <a class="manageVid_thumb" href="edit_video.php?video={$video.videoid}">
<img src="{getThumb vdetails=$video}" class="img-responsive" width="130" height="80" id="thumbs_{$video.videoid}" class="vthumb" title=""/> <img src="{getThumb vdetails=$video}" class="img-responsive" width="130" height="80" id="thumbs_{$video.videoid}" class="vthumb" title=""/>
<span class="duration">({if <span class="duration">({if
$video.duration>1}{$video.duration|SetTime}{else}00:00{/if})</span> $video.duration>1}{$video.duration|SetTime}{else}00:00{/if})</span>
</a> </a>
</div>
<div class="col-md-9">
<a href="edit_video.php?vid={$video.videoid}">{$video.title|truncate:80}</a>
<br>
<span class="maccountlabels">
<strong>{$video.date_added|niceTime}</strong>
{lang code='views'} : <strong>{$video.views|number_format}</strong>
</span>
<div class="labels">
{if $video.featured=='yes'}
<span class="label label-primary">Featured{else}{/if}</span>
<span class="label {if $video.active=='yes'}label-success{else}label-warning{/if} mlabel">{if $video.active=='yes'}{lang code='active'}{else}{lang code='inactive'}{/if}</span>
<span class="label {if $video.status=='Successful'}label-success{else}label-warning{/if}">{if $video.status=='Successful'}{lang code='successful'}{else}{lang code='processing'}{/if}</span>
<span class="label label-info">{lang code='viewed'} {$video.last_viewed|niceTime}</span>
</div> </div>
</div> <div class="col-md-9">
</td> <a href="edit_video.php?vid={$video.videoid}">{$video.title|truncate:80}</a>
<br>
<span class="maccountlabels">
<strong>{$video.date_added|niceTime}</strong>
{lang code='views'} : <strong>{$video.views|number_format}</strong>
</span>
<div class="labels">
{if $video.featured=='yes'}
<span class="label label-primary">Featured{else}{/if}</span>
<span class="label {if $video.active=='yes'}label-success{else}label-warning{/if} mlabel">{if $video.active=='yes'}{lang code='active'}{else}{lang code='inactive'}{/if}</span>
<span class="label {if $video.status=='Successful'}label-success{else}label-warning{/if}">{if $video.status=='Successful'}{lang code='successful'}{else}{lang code='processing'}{/if}</span>
<span class="label label-info">{lang code='viewed'} {$video.last_viewed|niceTime}</span>
</div>
</div>
</td>
{*<td> {*<td>
<div class="clearfix"> <div class="clearfix">
{if $video.broadcast=='public'} {if $video.broadcast=='public'}
<div class="col-md-1"><i class="icon-globe"></i></div> <div class="col-md-1"><i class="icon-globe"></i></div>
@ -46,69 +46,69 @@
<div class="dropdown text-center"> <div class="dropdown text-center">
<button id="dropdownMenu1" class="btn btn-primary btn-xs dropdown-toggle" data-toggle="dropdown"> <button id="dropdownMenu1" class="btn btn-primary btn-xs dropdown-toggle" data-toggle="dropdown">
{lang code='vdo_actions'} <i class="caret"></i></button> {lang code='vdo_actions'} <i class="caret"></i></button>
<ul class="dropdown-menu pull-right" aria-labelledby="dropdownMenu1" role="menu"> <ul class="dropdown-menu pull-right" aria-labelledby="dropdownMenu1" role="menu">
{if $cbvid->is_video_owner($video.videoid,$user.userid) || has_access('admin_access')} {if $cbvid->is_video_owner($video.videoid,$user.userid) || has_access('admin_access')}
<li><a role="menuitem" tabindex="-1" href="{$baseurl}/edit_video.php?vid={$video.videoid}" class="">{lang code='edit_video'}</a></li> <li><a role="menuitem" tabindex="-1" href="{$baseurl}/edit_video.php?vid={$video.videoid}" class="">{lang code='edit_video'}</a></li>
<li><a role="menuitem" tabindex="-1" href="javascript:_cb.Confirm_Delete('?vid_delete={$video.videoid}')">{lang code='del_video'}</a> <li><a role="menuitem" tabindex="-1" href="javascript:_cb.Confirm_Delete('?vid_delete={$video.videoid}')">{lang code='del_video'}</a>
</li> </li>
{/if} {/if}
<li><a role="menuitem" tabindex="-1" href="{$baseurl}/watch_video.php?v={$video.videokey}"target="_blank">{lang code='watch'}</a> <li><a role="menuitem" tabindex="-1" href="{$baseurl}/watch_video.php?v={$video.videokey}"target="_blank">{lang code='watch'}</a>
</li> </li>
{foreach from=$cbvid->video_manager_links item=links} {foreach from=$cbvid->video_manager_links item=links}
{$cbvid->video_manager_link($links,$video)} {$cbvid->video_manager_link($links,$video)}
{/foreach} {/foreach}
</ul> </ul>
</div>
</td>
</tr>
{/if}
{if $control=='playlist'}
<tr>
<td width="25">
<input type="checkbox" name="check_playlist_items[]" id="check_vid-{$video.playlist_item_id}" value="{$video.playlist_item_id}" />
</td>
<td>
<div>
<img class="edit-img-thumbnail" src="{getThumb vdetails=$video}">
<p class="marginTop">{$video.title|truncate:100}</p>
<div class="btn-group show">
<a class="btn btn-primary btn-sm" href="{videoLink vdetails=$video}">view</a>
<a class="btn btn-primary btn-sm" href="javascript:void(0)" onmousedown="delete_video('delete_icon_a','{$video.playlist_item_id}','{lang code="remove_playlist_item_confirm"}','?mode=edit_playlist&pid={$pid}&amp;delete_item={$video.playlist_item_id}')" id="delete_icon_a-{$video.playlist_item_id}">
delete
</a>
</div> </div>
</div> </td>
<a href="javascript:void(0)" onmousedown="delete_video('delete_icon','{$video.playlist_item_id}','{lang code="remove_playlist_item_confirm"}','?mode=edit_playlist&pid={$pid}&amp;delete_item={$video.playlist_item_id}')" id="delete_icon-{$video.playlist_item_id}"><img src="{$imageurl}/dot.gif" border="0" class="delete_icon" /></a> </tr>
</td> {/if}
<td width="100">
{$video.date_added|date_format} {if $control=='playlist'}
</td> <tr>
<td width="100"> <td width="25">
{$video.views|number_format} <input type="checkbox" name="check_playlist_items[]" id="check_vid-{$video.playlist_item_id}" value="{$video.playlist_item_id}" />
</td> </td>
<td width="100"> <td>
{$video.comments_count|number_format} <div>
</td> <img class="edit-img-thumbnail" src="{getThumb vdetails=$video}">
</tr> <p class="marginTop">{$video.title|truncate:100}</p>
{/if} <div class="btn-group show">
<a class="btn btn-primary btn-sm" href="{videoLink vdetails=$video}">view</a>
<a class="btn btn-primary btn-sm" href="javascript:void(0)" onmousedown="delete_video('delete_icon_a','{$video.playlist_item_id}','{lang code="remove_playlist_item_confirm"}','?mode=edit_playlist&pid={$pid}&amp;delete_item={$video.playlist_item_id}')" id="delete_icon_a-{$video.playlist_item_id}">
delete
</a>
</div>
</div>
<a href="javascript:void(0)" onmousedown="delete_video('delete_icon','{$video.playlist_item_id}','{lang code="remove_playlist_item_confirm"}','?mode=edit_playlist&pid={$pid}&amp;delete_item={$video.playlist_item_id}')" id="delete_icon-{$video.playlist_item_id}"><img src="{$imageurl}/dot.gif" border="0" class="delete_icon" /></a>
</td>
<td width="100">
{$video.date_added|date_format}
</td>
<td width="100">
{$video.views|number_format}
</td>
<td width="100">
{$video.comments_count|number_format}
</td>
</tr>
{/if}
{if $control=='basic'} {if $control=='basic'}
<div class="clearfix"> <div class="clearfix">
<input type="checkbox" name="check_vid[]" id="check_vid-{$video.videoid}" value="{$video.videoid}" /> <input type="checkbox" name="check_vid[]" id="check_vid-{$video.videoid}" value="{$video.videoid}" />
</div> </div>
<div class="clearfix"> <div class="clearfix">
<a href="{videoLink vdetails=$video}"> <a href="{videoLink vdetails=$video}">
<img src="{getThumb vdetails=$video}" width="130" height="80" id="thumbs_{$video.videoid}" class="vthumb" /> <img src="{getThumb vdetails=$video}" width="130" height="80" id="thumbs_{$video.videoid}" class="vthumb" />
<p class="marginTop">{$video.title|truncate:100}</p> <p class="marginTop">{$video.title|truncate:100}</p>
</a> </a>
</div> </div>
@ -116,23 +116,41 @@
<div class="clearfix">{$video.views|number_format}</div> <div class="clearfix">{$video.views|number_format}</div>
<div class="clearfix">{$video.comments_count|number_format}</div> <div class="clearfix">{$video.comments_count|number_format}</div>
{/if} {/if}
<!-- changes made -->
{if $control=='onWatch'} {if $control=='onWatch'}
<div class="featured-video clearfix" {if $ajax_load == "yes"} style="display: none" {/if}> <div class="featured-video clearfix" {if $ajax_load == "yes"} style="display: none" {/if} id="{videoLink($video)}">
<a href="{videoLink($video)}"> <a href="{videoLink($video)}">
<div class="video_thumb"> <!-- {pr(videoLink($video),true)} -->
<img src="{getThumb vdetails=$video size=128x80}" {ANCHOR place="video_thumb" data=$video} class="img-responsive"> <div class="video_thumb">
<img src="{$theme}/images/thumb-ratio.png" alt="" class="thumb-ratio"> <img src="{getThumb vdetails=$video size=128x80}" {ANCHOR place="video_thumb" data=$video} class="img-responsive">
<time datetime="2016-15-03" class="duration"> <img src="{$theme}/images/thumb-ratio.png" alt="" class="thumb-ratio">
{if $video.duration>1}{$video.duration|SetTime}{else}00:00{/if}</time> <time datetime="2016-15-03" class="duration">
</div> <!--VIDEO_THUMB END--> {if $video.duration>1}{$video.duration|SetTime}{else}00:00{/if}
</a> </time>
<div class="details_block"> </div> <!--VIDEO_THUMB END-->
<strong class="title"><a href="{videoLink($video)}">{$video.title|truncate:50}</a></strong> </a>
<div class="views-date"> <div class="details_block">
<span>{$video.views}&nbsp;{lang code='views'}</span> <strong class="title"><a href="{videoLink($video)}">{$video.title|truncate:50}</a></strong>
<div class="views-date">
<span>{$video.views}&nbsp;{lang code='views'}</span>
</div>
</div> </div>
</div> </div>
</div> <script>
//getting url of all videos
var url = "{videoLink($video)}";
var params = url.split("?")[1].split("&");
//getting url of current
var secondUrl=window.location.href ;
var secondParam = secondUrl.split("?")[1].split("&");
// styling according to parameter
if(params[0]==secondParam[0]){
document.getElementById("{videoLink($video)}").style.background = "#f1ecec";
}
</script>
{/if} {/if}
<!-- changes made -->

33
upload/styles/cb_28/layout/header.html
View file

@ -1,19 +1,19 @@
{$currentPage = $smarty.const.THIS_PAGE|lower} {$currentPage = $smarty.const.THIS_PAGE|lower}
{if $currentPage == 'view_channel' || $currentPage == 'channels'} {if $currentPage == 'view_channel' || $currentPage == 'channels'}
{$currentPage = 'channels'} {$currentPage = 'channels'}
{$toSearch = 'channels'} {$toSearch = 'channels'}
{elseif $currentPage == 'view_item' || $currentPage == 'photos'} {elseif $currentPage == 'view_item' || $currentPage == 'photos'}
{$currentPage = 'photos'} {$currentPage = 'photos'}
{$toSearch = 'photos'} {$toSearch = 'photos'}
{elseif $currentPage == 'collections' || $currentPage == 'view_collection'} {elseif $currentPage == 'collections' || $currentPage == 'view_collection'}
{$currentPage = 'collections'} {$currentPage = 'collections'}
{$toSearch = 'collections'} {$toSearch = 'collections'}
{elseif $currentPage == 'watch_video' || $currentPage == 'videos'} {elseif $currentPage == 'watch_video' || $currentPage == 'videos'}
{$currentPage = 'videos'} {$currentPage = 'videos'}
{$toSearch = 'videos'} {$toSearch = 'videos'}
{elseif $currentPage == 'list'} {elseif $currentPage == 'list'}
{$currentPage = 'audios'} {$currentPage = 'audios'}
{/if} {/if}
{$vidMode = {lang code="videos"}} {$vidMode = {lang code="videos"}}
{$photoMode = {lang code="photos"}} {$photoMode = {lang code="photos"}}
@ -55,14 +55,14 @@
<ul> <ul>
{foreach $head_menu as $menu} {foreach $head_menu as $menu}
{if $menu.name|lower == 'groups'} {if $menu.name|lower == 'groups'}
{continue} {continue}
{/if} {/if}
{if $menu@iteration < 6} {if $menu@iteration < 6}
{if $menu.this|lower == 'home'} {if $menu.this|lower == 'home'}
{continue} {continue}
{/if} {/if}
{if $menu.this == "home"} {if $menu.this == "home"}
{continue} {continue}
{/if} {/if}
<li {if $menu.name|lower == $smarty.const.THIS_PAGE|lower || $menu.name|lower == $currentPage}class="active"{/if}><a href="{$menu.link}">{$menu.name}</a></li> <li {if $menu.name|lower == $smarty.const.THIS_PAGE|lower || $menu.name|lower == $currentPage}class="active"{/if}><a href="{$menu.link}">{$menu.name}</a></li>
{/if} {/if}
@ -88,7 +88,7 @@
{$counter = 1} {$counter = 1}
{foreach from=$Cbucket->search_types item=t key=stypes} {foreach from=$Cbucket->search_types item=t key=stypes}
{if $stypes|lower == 'groups'} {if $stypes|lower == 'groups'}
{continue} {continue}
{/if} {/if}
{if $counter == 3} {if $counter == 3}
<li value="{$stypes}" {if $pageType == $stypes || $currentPage == $stypes} class="active" {/if}> <li value="{$stypes}" {if $pageType == $stypes || $currentPage == $stypes} class="active" {/if}>
@ -132,13 +132,16 @@
<span>{$userquery->username|truncate:15}</span> <span>{$userquery->username|truncate:15}</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
{if has_access('admin_access')} {if has_access('admin_access')}
<li class="hidden-xs"><a href="{$admin_baseurl}">{lang code="admin_area"}</a></li> <li class="hidden-xs"><a href="{$admin_baseurl}">{lang code="admin_area"}</a></li>
{/if} {/if}
<li class="hidden-xs"><a href="{link name='my_account' }{userid}">{lang code="my_account"}</a></li> <li class="hidden-xs"><a href="{link name='my_account' }{userid}">{lang code="my_account"}</a></li>
<li class="hidden-xs"><a href="{link name='my_videos'}">{lang code="manage_videos"}</a></li> <li class="hidden-xs"><a href="{link name='my_videos'}">{lang code="manage_videos"}</a></li>
{ANCHOR place="head_audio_dropdown"} {ANCHOR place="head_audio_dropdown"}
<li><a href="{link name='channels'}">{lang code="view_channels"}</a></li> <li><a href="{link name='channels'}">{lang code="view_channels"}</a></li>
<!-- changes made-->
<li><a href="{$baseurl}/manage_playlists.php?user={$userquery->username}">{lang code="my_playlists"}</a></li>
<!-- /changes made-->
<li><a href="{$baseurl}/view_channel.php?user={$userquery->username}">{lang code="my_channel"}</a></li> <li><a href="{$baseurl}/view_channel.php?user={$userquery->username}">{lang code="my_channel"}</a></li>
{ANCHOR place='premium_button_link'} {ANCHOR place='premium_button_link'}
<li class="divider"></li> <li class="divider"></li>

11
upload/styles/cb_28/layout/manage_playlists.html
View file

@ -55,7 +55,16 @@
<td valign="middle"> <td valign="middle">
{$playlists[plist].playlist_name|truncate:100} {$playlists[plist].playlist_name|truncate:100}
<span class="video_control"> <span class="video_control">
<a href="?mode=edit_playlist&amp;pid={$playlists[plist].playlist_id}">{lang code='view'}</a> - <a href="javascript:void(0)" onmousedown="delete_video('delete_icon_a','{$playlists[plist].playlist_id}','{lang code="remove_playlist_confirm"}','?mode=manage_playlist&amp;delete_pl={$playlists[plist].playlist_id}')" id="delete_icon_a-{$playlists[plist].playlist_id}">{lang code='delete'}</a> - <a class="btn btn-primary btn-xs" href="?mode=edit_playlist&amp;pid={$playlists[plist].playlist_id}">{lang code='view'}</a>
<!-- changes made -->
{assign var=firstitem value=$playlists[plist].first_item|json_decode:1}
{if $firstitem}
<a class="btn btn-success btn-xs" href="{$baseurl}/watch_video.php?v={$firstitem->videokey}&play_list={$playlists[plist].playlist_id}" target="_blank">{lang code='play'}</a>
{else}
<a class="btn btn-success btn-xs" onclick="_cb.throwHeadMsg('danger','{lang code=no_vid_in_playlist}', 5000, true);">{lang code='play'}</a>
{/if}
<!-- /changes made -->
<a class="btn btn-default btn-xs" href="javascript:void(0)" onmousedown="delete_video('delete_icon_a','{$playlists[plist].playlist_id}','{lang code="remove_playlist_confirm"}','?mode=manage_playlist&amp;delete_pl={$playlists[plist].playlist_id}')" id="delete_icon_a-{$playlists[plist].playlist_id}">{lang code='delete'}</a>
</span> </span>
</td> </td>
<td>{$playlists[plist].date_added|date_format}</td> <td>{$playlists[plist].date_added|date_format}</td>

594
upload/styles/cb_28/layout/watch_video.html
View file

@ -26,38 +26,38 @@
<!-- look at --> <!-- look at -->
<div class="views-counter"> <div class="views-counter">
<span> <span>
{if $Cbucket->configs.video_round_views=='yes'} {if $Cbucket->configs.video_round_views=='yes'}
{prettyNum($vdo.views)} {prettyNum($vdo.views)}
{else} {else}
{( $vdo.views )} {( $vdo.views )}
{/if} {/if}
{if $vdo.views > 1} {if $vdo.views > 1}
{lang code='views'} {lang code='views'}
{else} {else}
{lang code="view"} {lang code="view"}
{/if} {/if}
</span> </span>
</div> </div>
</div> </div>
<div class="user-likes-sub clearfix"> <div class="user-likes-sub clearfix">
<div class="clearfix like-rating col-lg-6 col-md-6 col-sm-6 col-xs-12" id="rating_container"> <div class="clearfix like-rating col-lg-6 col-md-6 col-sm-6 col-xs-12" id="rating_container">
{if $vdo.allow_rating != 'no'} {if $vdo.allow_rating != 'no'}
{show_video_rating rating=$vdo.rating ratings=$vdo.rated_by total='10' id=$vdo.videoid type=video} {show_video_rating rating=$vdo.rating ratings=$vdo.rated_by total='10' id=$vdo.videoid type=video}
{/if} {/if}
</div> </div>
<div class="clearfix subscribe-col col-lg-6 col-md-6 col-sm-6 col-xs-12"> <div class="clearfix subscribe-col col-lg-6 col-md-6 col-sm-6 col-xs-12">
{if $video.userid != userid()} {if $video.userid != userid()}
<a id="subscribeUser" class="btn btn-subscribe btn-primary" href="javascript:void(0)"> <a id="subscribeUser" class="btn btn-subscribe btn-primary" href="javascript:void(0)">
<span>{lang code='subscribe'}</span> <span>{lang code='subscribe'}</span>
</a> </a>
{/if} {/if}
{if $Cbucket->configs.video_download==1 && $cbvid->downloadable($vdo)} {if $Cbucket->configs.video_download==1 && $cbvid->downloadable($vdo)}
<div class="dropdown"> <div class="dropdown">
<button class="btn btn-success dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true"> <button class="btn btn-success dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
{lang code='download'} {lang code='download'}
<span class="caret"></span> <span class="caret"></span>
</button> </button>
<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenu1"> <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenu1">
{$files = get_video_files($vdo,true,true)} {$files = get_video_files($vdo,true,true)}
{foreach $files as $file} {foreach $files as $file}
{$quality = explode('-',$file)} {$quality = explode('-',$file)}
@ -66,281 +66,311 @@
{$file_quality = $quality.0} {$file_quality = $quality.0}
<li role="presentation"> <li role="presentation">
<a role="menuitem" tabindex="-1" href="{$file}" download> <a role="menuitem" tabindex="-1" href="{$file}" download>
<span class="glyphicon glyphicon-download-alt"></span> {$file_quality}</a> <span class="glyphicon glyphicon-download-alt"></span> {$file_quality}</a>
</li> </li>
{/foreach} {/foreach}
</ul> </ul>
</div> </div>
{/if}
</div>
</div>
</header>
<div id="messageFav" class="alert alert-info marginTop" style="display:none"></div>
<div class="view-tabs clearfix">
<ul class="clearfix nav nav-tabs">
<li class="active">
<a href="#cb-item-info" data-toggle="tab"><span class="icon-info"></span>{lang code='info'}</a>
</li>
<li>
<a href="#cb-item-share" data-toggle="tab"><span class="icon-share"></span>{lang code='share_embed'}</a>
</li>
<li>
<a href="#cb-item-addto" data-toggle="tab"><span class="icon-plusrounded"></span>{lang code='add_to'}</a>
</li>
<li>
<a href="#cb-item-report" data-toggle="tab"><span class="icon-flag"></span>{lang code='report_this'}</a>
</li>
</ul>
<div class="tab-content clearfix">
<div class="tab-pane fade in clearfix active" id="cb-item-info">
<div class="clearfix watch-vid-details">
<p style="white-space: pre-line;">{AutoLinkUrls($video.description|unescape:"html")}</p>
<ul class="clearfix desc-list">
<li><strong>{lang code='category'}</strong>:&nbsp;{$vdo.category|categories:video}</li>
<li><strong>{lang code='duration'}</strong>:&nbsp;{if $video.duration>1}{$video.duration|SetTime}{else}00:00{/if}</li>
<li><strong>{lang code='date'}</strong>:&nbsp; {$video.date_added|nicetime}</li>
<li>
<strong class="pull-left">{lang('tags')}:&nbsp;&nbsp;</strong>
<span class="pull-left">{$vdo.tags|tags:videos}</span>
</li>
</ul>
</div>
</div>
<div class="tab-pane fade in clearfix" id="cb-item-share">
<ul class="social-share">
<li>
<a 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" class="btn-fb icon-facebook">
<span>Facebook</span>
</a>
</li>
<li>
<a href="https://twitter.com/share" target="_blank" class="btn-tw icon-twitter">
<span>Twitter</span>
</a>
</li>
<li>
<a href="https://plus.google.com/share?url={urlencode(videolink($video))}" target="_blank" class="btn-gplus icon-gplus">
<span>Google Plus</span>
</a>
</li>
</ul>
{show_share_form id=$vdo.videoid type=video}
</div>
<div class="tab-pane fade in clearfix custom-elements" id="cb-item-addto">
<div class="clearfix btn-fav">
<div id="video_action_result_cont"></div>
<a id="addfav" class="btn btn-block btn-primary" href="javascript:void(0)" onclick="_cb.add_to_favNew('video','{$vdo.videoid}');">{lang code='add_to_my_favorites'}</a>
</div>
<div class="clearfix">
{show_playlist_form id=$vdo.videoid type=video user=userid() }
{if userid()}
<div class="clearfix">
<div class="clearfix btn-holder text-right">
<a href="javascript:void(0)" onclick="$('#addCollectionCont').toggle()" class="btn btn-primary">+ {lang code='add_to_my_collection'}</a>
</div>
<div id="addCollectionCont" style="display:none">
{show_collection_form id=$vdo.videoid type=Video}
</div>
</div>
{/if} {/if}
</div> </div>
</div> </div>
<div class="tab-pane fade in clearfix custom-elements" id="cb-item-report"> </header>
<h2>{lang code='report_video'}</h2> <div id="messageFav" class="alert alert-info marginTop" style="display:none"></div>
{show_flag_form id=$vdo.videoid type=video} <div class="view-tabs clearfix">
<ul class="clearfix nav nav-tabs">
<li class="active">
<a href="#cb-item-info" data-toggle="tab"><span class="icon-info"></span>{lang code='info'}</a>
</li>
<li>
<a href="#cb-item-share" data-toggle="tab"><span class="icon-share"></span>{lang code='share_embed'}</a>
</li>
<li>
<a href="#cb-item-addto" data-toggle="tab"><span class="icon-plusrounded"></span>{lang code='add_to'}</a>
</li>
<li>
<a href="#cb-item-report" data-toggle="tab"><span class="icon-flag"></span>{lang code='report_this'}</a>
</li>
</ul>
<div class="tab-content clearfix">
<div class="tab-pane fade in clearfix active" id="cb-item-info">
<div class="clearfix watch-vid-details">
<p style="white-space: pre-line;">{AutoLinkUrls($video.description|unescape:"html")}</p>
<ul class="clearfix desc-list">
<li><strong>{lang code='category'}</strong>:&nbsp;{$vdo.category|categories:video}</li>
<li><strong>{lang code='duration'}</strong>:&nbsp;{if $video.duration>1}{$video.duration|SetTime}{else}00:00{/if}</li>
<li><strong>{lang code='date'}</strong>:&nbsp; {$video.date_added|nicetime}</li>
<li>
<strong class="pull-left">{lang('tags')}:&nbsp;&nbsp;</strong>
<span class="pull-left">{$vdo.tags|tags:videos}</span>
</li>
</ul>
</div>
</div>
<div class="tab-pane fade in clearfix" id="cb-item-share">
<ul class="social-share">
<li>
<a 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" class="btn-fb icon-facebook">
<span>Facebook</span>
</a>
</li>
<li>
<a href="https://twitter.com/share" target="_blank" class="btn-tw icon-twitter">
<span>Twitter</span>
</a>
</li>
<li>
<a href="https://plus.google.com/share?url={urlencode(videolink($video))}" target="_blank" class="btn-gplus icon-gplus">
<span>Google Plus</span>
</a>
</li>
</ul>
{show_share_form id=$vdo.videoid type=video}
</div>
<div class="tab-pane fade in clearfix custom-elements" id="cb-item-addto">
<div class="clearfix btn-fav">
<div id="video_action_result_cont"></div>
<a id="addfav" class="btn btn-block btn-primary" href="javascript:void(0)" onclick="_cb.add_to_favNew('video','{$vdo.videoid}');">{lang code='add_to_my_favorites'}</a>
</div>
<div class="clearfix">
{show_playlist_form id=$vdo.videoid type=video user=userid() }
{if userid()}
<div class="clearfix">
<div class="clearfix btn-holder text-right">
<a href="javascript:void(0)" onclick="$('#addCollectionCont').toggle()" class="btn btn-primary">+ {lang code='add_to_my_collection'}</a>
</div>
<div id="addCollectionCont" style="display:none">
{show_collection_form id=$vdo.videoid type=Video}
</div>
</div>
{/if}
</div>
</div>
<div class="tab-pane fade in clearfix custom-elements" id="cb-item-report">
<h2>{lang code='report_video'}</h2>
{show_flag_form id=$vdo.videoid type=video}
</div>
</div> </div>
</div> </div>
</div> </section>
</section>
<div class="clearfix comments-block" id="comments-block"> <div class="clearfix comments-block" id="comments-block">
<div id="test1"></div> <div id="test1"></div>
<div id="reply" class="clearfix"> <div id="reply" class="clearfix">
<div class="addComment clearfix"> <div class="addComment clearfix">
<h2 class="com_count" id="com_count"> <h2 class="com_count" id="com_count">
{$vdo.comments_count} <span>{lang code='comments'} </span> {$vdo.comments_count} <span>{lang code='comments'} </span>
</h2> </h2>
{if $myquery->is_commentable($vdo,'v')} {if $myquery->is_commentable($vdo,'v')}
{include file="$style_dir/blocks/comments/add_comment.html" id=$vdo.videoid type=v} {include file="$style_dir/blocks/comments/add_comment.html" id=$vdo.videoid type=v}
{else} {else}
<div class="alert alert-warning"> <div class="alert alert-warning">
{lang code='comm_disabled_for_vid'} {lang code='comm_disabled_for_vid'}
</div>
{/if}
</div> </div>
{/if}
</div>
<div id="userCommentsList"> <div id="userCommentsList">
<div class="comments clearfix"> <div class="comments clearfix">
<ul id="comments-ul"> <ul id="comments-ul">
</ul> </ul>
</div> </div>
</div> </div>
{if $vdo.comments_count > 10} {if $vdo.comments_count > 10}
<div class="clearfix text-center"> <div class="clearfix text-center">
<button class="btn btn-loadmore" id="load-more-comments" page="2">{lang code='load_more'}</button> <button class="btn btn-loadmore" id="load-more-comments" page="2">{lang code='load_more'}</button>
</div> </div>
{/if} {/if}
</div>
</div> </div>
</div> </section>
</section> <aside id="sidebar">
<aside id="sidebar"> <div class="box-ad ad">{AD place='ad_300x250'}</div>
<div class="box-ad ad">{AD place='ad_300x250'}</div>
<h2>{if $smarty.get.play_list}Playlist Videos{elseif $relMode != 'ono'}Related Videos{else}Popular Videos{/if}</h2> <h2>{if $smarty.get.play_list}Playlist Videos{elseif $relMode != 'ono'}Related Videos{else}Popular Videos{/if}</h2>
<div class="clearfix sidebar-items"> <div class="clearfix sidebar-items">
{if $smarty.get.play_list} {if $smarty.get.play_list}
<div id="playlist_items">
{$cur_playlist = $smarty.get.play_list} {foreach $items as $key => $item}
{$total_items = $cbvid->action->count_playlist_items($cur_playlist)} {if $item.videokey == $vdo.videokey}
{section name=plist loop=$items} {$current_key = $key}
{include file="$style_dir/blocks/manage/account_video.html" video=$items[plist] control="onWatch" pid=$playlist.playlist_id} {/if}
{/section} {/foreach}
</div>
{if $total_items > 10} {$next_item_key = $current_key+1}
{$prev_item_key = $current_key-1}
{assign var=count_index value=count($items)}
{if $next_item_key==$count_index}
{$next_videoLink = '#'}
{else}
{$next_videoLink = videoLink($items.$next_item_key)}
{/if}
{if $items.$prev_item_key==0}
{$prev_videoLink = '#'}
{else}
{$prev_videoLink = videoLink($items.$prev_item_key)}
{/if}
<div class="clearfix" style="padding-bottom:10px;">
<a href="{$prev_videoLink }" id="" class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-step-backward"></span> Previous </a>
<a href="{$next_videoLink }" id="" class="btn btn-primary btn-xs"> Next <span class="glyphicon glyphicon-step-forward"></span></a>
</div>
<div id="playlist_items">
{$cur_playlist = $smarty.get.play_list}
{$total_items = $cbvid->action->count_playlist_items($cur_playlist)}
{section name=plist loop=$items}
{include file="$style_dir/blocks/manage/account_video.html" video=$items[plist] control="onWatch" pid=$playlist.playlist_id}
{/section}
</div>
{if $total_items > 10}
<button class="btn btn-primary text-centre" id="playlist-pull" dataList={$cur_playlist} dataLimit="10" dataHit="2">Load More</button> <button class="btn btn-primary text-centre" id="playlist-pull" dataList={$cur_playlist} dataLimit="10" dataHit="2">Load More</button>
{/if} {/if}
{else} {else}
{if $videos} {if $videos}
{foreach from=$videos item=pop_video} {foreach from=$videos item=pop_video}
{if $pop_video@iteration == 9} {if $pop_video@iteration == 9}
{break} {break}
{/if} {/if}
<div class="clearfix popular-video"> <div class="clearfix popular-video">
{include file="$style_dir/blocks/videos/video.html" display_type='popVideos_sidebar'} {include file="$style_dir/blocks/videos/video.html" display_type='popVideos_sidebar'}
</div> </div>
{/foreach} {/foreach}
{else} {else}
<div class="well well-info">No Videos Found !</div> <div class="well well-info">No Videos Found !</div>
{/if} {/if}
{/if} {/if}
</div> </div>
</aside> </aside>
</div>
</div> </div>
</div>
<script> <script>
/*Cookie based comments backup start*/ /*Cookie based comments backup start*/
var current_video = "{$video.videoid}", var current_video = "{$video.videoid}",
cookieToSave = 'comment_data_u'+userid+"v"+current_video, cookieToSave = 'comment_data_u'+userid+"v"+current_video,
commentDataCheck = $.cookie(cookieToSave); commentDataCheck = $.cookie(cookieToSave);
if (commentDataCheck !== null) { if (commentDataCheck !== null) {
$('#comment_box').val(commentDataCheck); $('#comment_box').val(commentDataCheck);
}
$('#comment_box').on('keyup', function() {
var comment_data = $('#comment_box').val();
$.cookie(cookieToSave, comment_data, { expires : 10, path : "/" });
});
$('#add_comment_button').on("click",function(){
$.cookie(cookieToSave, null, { path : "/" });
});
/*Cookie based comments backup end*/
var playlist_total = "{$total_items}";
$('#ShareUsers').on("keyup",function(){
var typed = $(this).val();
$.ajax({
url: baseurl+'/ajax.php',
type: 'post',
dataType: 'html',
data: {
"mode":'user_suggest',
"typed": typed
},
beforeSend: function() {
},
success: function(data) {
$('#suggested_users').html('');
var jsoned = $.parseJSON(data);
$( jsoned.matching_users ).each(function( index, element ) {
$('#suggested_users').append("<option label='"+element+"' value='"+element+"'>");
});
}
});
});
/*Playlist load more start*/
var playlist_total = "{$total_items}";
$('#playlist-pull').on("click",function(){
var __this = $(this);
loadHit = $(this).attr('dataHit');
loadLimit = $(this).attr('dataLimit');
playlist = $(this).attr('dataList');
$.ajax({
url: baseurl+'/ajax/watch.php',
type: 'post',
dataType: 'html',
data: {
"mode":'playlistMore',
"loadHit":loadHit,
"loadLimit":loadLimit,
"playlist": playlist
},
beforeSend: function() {
$(__this).text("loading");
},
success: function(data) {
var loaded = loadLimit * loadHit;
if (playlist_total <= loaded) {
$(__this).remove();
} else {
$(__this).text("Load More");
}
if (data == 'none') {
$('#playlist-pull').remove();
}
$(data).appendTo('#playlist_items').fadeIn('slow');
$('#playlist-pull').attr('dataHit', parseInt(loadHit) + 1);
}
});
});
/*Playlist load more end*/
var aspect_ratio = 1.77778
var $cb_player = $("#cb_player");
$(document).ready(function(){
$cb_player.height( $cb_player.width() / aspect_ratio );
var videoInfo = $("#videoDescription").text();
var newInfo = videoInfo.replace(/(((https?:\/\/)|([\s\t]))(www.)?([a-z0-9]+)\.[a-z]+)/g, '<a href="$1">$1</a>');
$("#videoDescription").html(newInfo);
comments_voting = '{$vdo.comment_voting}';
_cb.getCommentsNew(
'{$type}',
'{$vdo.videoid}',
'{$vdo.last_commented}',1,
'{$vdo.comments_count}',
'{$object_type}'
);
$("#reportVideo").on({
click : function(e){
e.preventDefault();
$("#flag_item").show();
}
});
$("#subscribeUser").on({
click: function(e){
e.preventDefault();
_cb.subscribeToChannelNew('{$video.userid}','subscribe_user');
}
});
var adHtml = $('.ad-holder').html();
if(adHtml<1){
$('.ad-holder').remove();
} }
$('#comment_box').on('keyup', function() {
var comment_data = $('#comment_box').val();
$.cookie(cookieToSave, comment_data, { expires : 10, path : "/" });
});
$('#add_comment_button').on("click",function(){
$.cookie(cookieToSave, null, { path : "/" });
});
/*Cookie based comments backup end*/
var playlist_total = "{$total_items}";
$('#ShareUsers').on("keyup",function(){
var typed = $(this).val();
$.ajax({
url: baseurl+'/ajax.php',
type: 'post',
dataType: 'html',
data: {
"mode":'user_suggest',
"typed": typed
},
beforeSend: function() {
},
success: function(data) {
$('#suggested_users').html('');
var jsoned = $.parseJSON(data);
$( jsoned.matching_users ).each(function( index, element ) {
$('#suggested_users').append("<option label='"+element+"' value='"+element+"'>");
});
}
});
});
/*Playlist load more start*/
var playlist_total = "{$total_items}";
$('#playlist-pull').on("click",function(){
var __this = $(this);
loadHit = $(this).attr('dataHit');
loadLimit = $(this).attr('dataLimit');
playlist = $(this).attr('dataList');
$.ajax({
url: baseurl+'/ajax/watch.php',
type: 'post',
dataType: 'html',
data: {
"mode":'playlistMore',
"loadHit":loadHit,
"loadLimit":loadLimit,
"playlist": playlist
},
beforeSend: function() {
$(__this).text("loading");
},
success: function(data) {
var loaded = loadLimit * loadHit;
if (playlist_total <= loaded) {
$(__this).remove();
} else {
$(__this).text("Load More");
}
if (data == 'none') {
$('#playlist-pull').remove();
}
$(data).appendTo('#playlist_items').fadeIn('slow');
$('#playlist-pull').attr('dataHit', parseInt(loadHit) + 1);
}
});
});
/*Playlist load more end*/
var aspect_ratio = 1.77778
var $cb_player = $("#cb_player");
$(document).ready(function(){
$cb_player.height( $cb_player.width() / aspect_ratio );
var videoInfo = $("#videoDescription").text();
var newInfo = videoInfo.replace(/(((https?:\/\/)|([\s\t]))(www.)?([a-z0-9]+)\.[a-z]+)/g, '<a href="$1">$1</a>');
$("#videoDescription").html(newInfo);
comments_voting = '{$vdo.comment_voting}';
_cb.getCommentsNew(
'{$type}',
'{$vdo.videoid}',
'{$vdo.last_commented}',1,
'{$vdo.comments_count}',
'{$object_type}'
);
$("#reportVideo").on({
click : function(e){
e.preventDefault();
$("#flag_item").show();
}
});
$("#subscribeUser").on({
click: function(e){
e.preventDefault();
_cb.subscribeToChannelNew('{$video.userid}','subscribe_user');
}
});
var adHtml = $('.ad-holder').html();
if(adHtml<1){
$('.ad-holder').remove();
}
/*//Progress Bar /*//Progress Bar
$( '#circle' ).progressCircle(); $( '#circle' ).progressCircle();
$( '#circle' ).progressCircle({ $( '#circle' ).progressCircle({
@ -348,29 +378,29 @@
showPercentText : showPercentText, showPercentText : showPercentText,
thickness : thickness, thickness : thickness,
circleSize : circleSize circleSize : circleSize
});*/ });*/
}); });
$(document).on('click','#load-more-comments',function(){ $(document).on('click','#load-more-comments',function(){
var page = $(this).attr('page'); var page = $(this).attr('page');
page = parseInt(page); page = parseInt(page);
nextPage = page + 1; nextPage = page + 1;
$(this).text("Loading comments..") $(this).text("Loading comments..")
_cb.getCommentsNew( _cb.getCommentsNew(
'{$type}', '{$type}',
'{$vdo.videoid}', '{$vdo.videoid}',
'{$vdo.last_commented}',page, '{$vdo.last_commented}',page,
'{$vdo.comments_count}', '{$vdo.comments_count}',
'{$object_type}' '{$object_type}'
); );
$(this).attr('page', nextPage); $(this).attr('page', nextPage);
$(this).text("Load More") $(this).text("Load More")
}) })
var resizePlayer = _cb.debounce(function() { var resizePlayer = _cb.debounce(function() {
$cb_player.height( $cb_player.width() / aspect_ratio ); $cb_player.height( $cb_player.width() / aspect_ratio );
}, 500, false); }, 500, false);
$(window).resize(resizePlayer); $(window).resize(resizePlayer);
</script> </script>