From ff19b7959f594ab30c6c938ce0493959eaf31de6 Mon Sep 17 00:00:00 2001
From: Saqib Razzaq <saqi.cb@gmail.com>
Date: Thu, 31 Mar 2016 18:43:27 +0500
Subject: [PATCH] Loading playlist videos via ajax

---
 .../layout/blocks/manage/account_video.html   | 25 ++++++-----
 upload/styles/cb_28/layout/watch_video.html   | 41 +++++++++++++++++--
 2 files changed, 51 insertions(+), 15 deletions(-)

diff --git a/upload/styles/cb_28/layout/blocks/manage/account_video.html b/upload/styles/cb_28/layout/blocks/manage/account_video.html
index d7d4fe20..c9cf36f9 100644
--- a/upload/styles/cb_28/layout/blocks/manage/account_video.html
+++ b/upload/styles/cb_28/layout/blocks/manage/account_video.html
@@ -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}
\ No newline at end of file
+{/if}	
\ No newline at end of file
diff --git a/upload/styles/cb_28/layout/watch_video.html b/upload/styles/cb_28/layout/watch_video.html
index 2af19cac..553e0fb2 100644
--- a/upload/styles/cb_28/layout/watch_video.html
+++ b/upload/styles/cb_28/layout/watch_video.html
@@ -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");