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

Loading playlist videos via ajax

Browse source
This commit is contained in:
Saqib Razzaq 2016-03-31 18:43:27 +05:00
parent dc640472d7
commit ff19b7959f
2 changed files with 51 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -113,16 +113,19 @@
{/if}
{if $control=='onWatch'}
<div class="clearfix popular-video">
<div class="col-lg-5 col-md-6 col-sm-6 col-xs-6 thumb-holder">
<a href="{videoLink($video)}" title="{$video.title|title}" class="video_link">
<img class="img-responsive" src="{getThumb vdetails=$video}">
<span class="duration">{if $video.duration>1}{$video.duration|SetTime}{else}00:00{/if}</span>
</a>
</div>
<div class="col-lg-7 col-md-6 col-sm-6 col-xs-6 vid-info">
<strong class="title">{$video.title|truncate:50}</strong>
<span class="views-count">Playlist: {$items[plist].playlist_name|truncate:100}</span>
<div class="featured-video clearfix" {if $ajax_load == "yes"} style="display: none" {/if}>
<a href="{videoLink($video)}">
<div class="video_thumb">
<img src="{getThumb vdetails=$video size=128x80}" {ANCHOR place="video_thumb" data=$video} class="img-responsive">
<time datetime="2016-15-03" class="duration">
{if $video.duration>1}{$video.duration|SetTime}{else}00:00{/if}</time>
</div> <!--VIDEO_THUMB END-->
</a>
<div class="details_block">
<strong class="title"><a href="{videoLink($video)}">{$video.title|truncate:50}</a></strong>
<div class="views-date">
<span>{$video.views}&nbsp;views</span>
</div>
</div>
</div>
{/if}

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

@ -147,11 +147,17 @@
<h2>Popular Videos</h2>
<div class="clearfix sidebar-items">
{if $smarty.get.play_list}
{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 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>
{/if}
{else}
{$most_viewed=$cbvid->get_videos(["order"=>"views DESC","limit"=>$limit])}
{if $most_viewed}
{foreach from=$most_viewed item=pop_video}
@ -174,6 +180,33 @@
</div>
<script>
$('#playlist-pull').on("click",function(){
console.log("RIGHT HERE");
loadHit = $(this).attr('dataHit');
loadLimit = $(this).attr('dataLimit');
playlist = $(this).attr('dataList');
$.ajax({
url: 'http://localhost/github_cb_test/ajax/watch.php',
type: 'post',
dataType: 'html',
data: {
"mode":'playlistMore',
"loadHit":loadHit,
"loadLimit":loadLimit,
"playlist": playlist
},
success: function(data) {
if (data == 'none') {
$('#playlist-pull').remove();
}
$(data).appendTo('#playlist_items').fadeIn('slow');
$('#playlist-pull').attr('dataHit', parseInt(loadHit) + 1);
}
});
});
//var aspect_ratio = 1.77778
var aspect_ratio = 2.2
var $cb_player = $("#cb_player");