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

Quicklist related changes

Browse source
This commit is contained in:
Saqib Razzaq 2016-03-18 17:47:12 +05:00
parent 038f763216
commit b1452fde36
3 changed files with 127 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
upload/styles/cb_28/layout/blocks/quicklist/block.html
View file

@ -6,7 +6,7 @@
<span class="quick_title">{lang code='quicklists'}({$cbvid->total_quicklist()})</span>
<div class="btn-group">
<a class="ql_show-hide1 glyphicon glyphicon-minus btn btn-danger btn-sm" href="javascript:void(0)" onClick="quick_show_hide_toggle('#quicklist_cont')"></a>
<a class="ql_rem glyphicon glyphicon-trash btn btn-danger btn-sm" href="javascript:void(0)" onClick='clear_quicklist({$quicklist_json})' ></a>
<a class="ql_rem glyphicon glyphicon-trash btn btn-danger btn-sm" href="javascript:void(0)" ></a>
</div>
</div>
<div id="quicklist_cont" class="quicklist_cont">

20
upload/styles/cb_28/layout/blocks/videos/video.html
View file

@ -26,7 +26,7 @@
</a>
{ANCHOR place='in_video_thumb' data=$video}
<img data-quick="quick-{$video.videoid}"
class="icon-add add_icon cb_quickie cb-btn-quick-{$video.videoid}" onclick="add_quicklist(this,'{$video.videoid}')" src="{$imageurl}/dot.gif" title="Add {$video.title} to Quicklist">
class="icon-add add_icon cb_quickie cb-btn-quick-{$video.videoid}" src="{$imageurl}/dot.gif" vtitle="{$video.title}" v-id="{$video.videoid}" vlink="{videoLink($video)}" vthumb="{getThumb vdetails=$video size=600x338 }" vduration="{$video.duration|SetTime}" title="Add {$video.title} to Quicklist">
</div>
<div class="clearfix video-info">
<h2 class="title"><a href="{videoLink($pop_video)}">{$video.title|truncate:50}</a></h2>
@ -47,7 +47,7 @@
</a>
{ANCHOR place='in_video_thumb' data=$video}
<img data-quick="quick-{$video.videoid}"
class="icon-add add_icon cb_quickie cb-btn-quick-{$video.videoid}" onclick="add_quicklist(this,'{$video.videoid}')" src="{$imageurl}/dot.gif" title="Add {$video.title} to Quicklist">
class="icon-add add_icon cb_quickie cb-btn-quick-{$video.videoid}" src="{$imageurl}/dot.gif" vtitle="{$video.title}" v-id="{$video.videoid}" vlink="{videoLink($video)}" vthumb="{getThumb vdetails=$video size=600x338 }" vduration="{$video.duration|SetTime}" title="Add {$video.title} to Quicklist">
</div>
<div class="clearfix video-info">
<h2 class="title"><a href="{videoLink($pop_video)}">{$video.title|truncate:50}</a></h2>
@ -70,8 +70,9 @@
</a>
{ANCHOR place='in_video_thumb' data=$video}
<img data-quick="quick-{$video.videoid}"
class="icon-add add_icon cb_quickie cb-btn-quick-{$video.videoid}" onclick="pushToQlist('{$video.videoid}')" src="{$imageurl}/dot.gif" title="Add {$video.title} to Quicklist" style="background: red !important;">
class="icon-add add_icon cb_quickie cb-btn-quick-{$video.videoid}" src="{$imageurl}/dot.gif" vtitle="{$video.title}" v-id="{$video.videoid}" vlink="{videoLink($video)}" vthumb="{getThumb vdetails=$video size=600x338 }" vduration="{$video.duration|SetTime}" title="Add {$video.title} to Quicklist">
</div>
{/if}
{if $display_type=='featuredHome'}
@ -84,7 +85,7 @@
</a>
{ANCHOR place='in_video_thumb' data=$video}
<img data-quick="quick-{$video.videoid}"
class="icon-add add_icon cb_quickie cb-btn-quick-{$video.videoid}" onclick="add_quicklist(this,'{$video.videoid}')" src="{$imageurl}/dot.gif" title="Add {$video.title} to Quicklist">
class="icon-add add_icon cb_quickie cb-btn-quick-{$video.videoid}" src="{$imageurl}/dot.gif" vtitle="{$video.title}" v-id="{$video.videoid}" vlink="{videoLink($video)}" vthumb="{getThumb vdetails=$video size=600x338 }" vduration="{$video.duration|SetTime}" title="Add {$video.title} to Quicklist">
</div>
</div>
{/if}
@ -245,14 +246,3 @@
</div>
</div>
{/if}
<script type="text/javascript">
function pushToQlist(id) {
id = parseInt(id);
$.cookie("btn-q-"+id, "yes", { expires : 10 });
currentList = $.cookie("quick_list");
cleanList = currentList+",8900";
$.cookie("thenewcookie", cleanList, { expires : 10 });
console.log(cleanList);
}
</script>

124
upload/styles/cb_28/layout/index.html
View file

@ -50,7 +50,9 @@
{include file="$style_dir/blocks/videos/video.html" display_type='featuredVideos'}
</div>
{/foreach}
<button id="featured_load_more" class="btn btn-primary col-md-12 col-sm-12" loadtype="video" loadmode="featured" loadlimit="2" loadhit="2">Load More</button>
</div>
<div class="clearfix">
<button id="featured_load_more" class="btn btn-primary btn-block" loadtype="video" loadmode="featured" loadlimit="2" loadhit="2">Load More</button>
</div>
</section>
{else}
@ -66,6 +68,8 @@
{include file="$style_dir/blocks/videos/video.html" display_type='homeVideos'}
</div>
{/foreach}
</div>
<div class="clearfix">
<button id="recent_load_more" class="btn btn-primary col-md-12 col-sm-12" loadtype="video" loadmode="recent" loadlimit="8" loadhit="2">Load More</button>
</div>
</section>
@ -172,9 +176,92 @@
</aside>
</div>
</div>
<script>
{assign var=qlist_videos value=get_fast_qlist()}
{assign var=litems_count value=$qlist_videos|@count}
{if $litems_count >= 1}
{assign var=got_qlitems value="yes"}
{/if}
<div id="qlist_main" class="quicklist_box">
<div class="quicklist_box_head clearfix">
<span class="quick_title">Quicklists<!-- (<span id="qlist_count" data="{$litems_count}">{$litems_count}</span>) --></span>
<div class="btn-group">
<a class="ql_show-hide1 glyphicon glyphicon-minus btn btn-danger btn-sm" href="javascript:void(0)" onClick="quick_show_hide_toggle('#quicklist_cont')"></a>
<a class="ql_rem glyphicon glyphicon-trash btn btn-danger btn-sm" href="javascript:void(0)" ></a>
</div>
</div>
<div id="quicklist_cont" class="quicklist_cont" style="display: block;">
{foreach $qlist_videos as $ql_item}
{include file="$style_dir/blocks/quicklist/fast_qlist.html"}
{/foreach}
<div id="my_quicklist" class="my_quicklist">
$('#container').on("click","#recent_load_more,#featured_load_more",function(){
</div>
</div>
</div>
<script>
$('#qlist_main').hide();
var gotitems = "{$got_qlitems}";
if (gotitems == 'yes') {
$('#qlist_main').show();
}
var notInList = false;
function pushToQlist(obj, id) {
id = parseInt(id);
$.cookie("btn-q-"+id, "yes", { expires : 10 });
currentList = $.cookie("fast_qlist");
cleanList = currentList;
//console.log(cleanList);
if (cleanList != null) {
console.log("HERE");
notInList = true;
index = cleanList.indexOf(id);
if (index == '-1') {
console.log("DO");
cleaned = cleanList.replace(/\[/g, '');
console.log(cleaned);
cleaned = cleaned.replace(/\]/g, '');
console.log(cleaned);
newCookie = "[" + cleaned + ',' + id + ']';
console.log(newCookie);
} else {
return false;
}
} else {
console.log("Really");
notInList = true;
newCookie = "[" + id + "]";
}
$.cookie("fast_qlist", newCookie, { expires : 10 });
var vtitle = $(obj).attr("vtitle"),
vtitle = vtitle.split(0,10);
thevid = $(obj).attr("v-id"),
vlink = $(obj).attr("vlink"),
vthumb = $(obj).attr("vthumb"),
vduration = $(obj).attr("vduration");
if (notInList == true) {
$('#my_quicklist').append('<div class="qlist_item clearfix" style="background-color:#fff; " id="quicklist_playlist_cont_'+thevid+'"><div class="pl_num"></div><div class="pl_thumb"><a href="'+obj.attr("vlink")+'" target="blank"><img src="'+vthumb+'"/></a><span class="pl_duration">'+vduration+'</span></div><div class="pl_details" "><p><a href="'+vlink+'" target="blank" >'+vtitle+'</a></p></div><button todel="'+thevid+'" class="ql_delete glyphicon glyphicon-trash btn btn-danger btn-sm" title="remove '+vtitle+' from qucklist" alt="quicklist"></button></div>');
}
$.cookie("quick_list_box", "show", { expires : 10 });
/*currentItems = $('#qlist_count').attr('data');
alert(currentItems);
newItems = parseInt(currentItems) + 2;
alert(newItems);
$('#qlist_count').html(newItems);*/
$('#qlist_main').show();
$('.quicklist_cont').css("display","block");
}
$(document).ready(function(){
$(".ql_show-hide1").click(function(){
$(this).toggleClass('glyphicon-minus glyphicon-plus');
});
});
$('#container').on("click","#recent_load_more, #featured_load_more",function(){
var loadLink = baseurl + '/ajax/home.php',
main_object = $(this),
sendType = 'post',
@ -220,4 +307,35 @@
}
});
});
$(document).on("click",".cb_quickie",function(){
obj = $(this);
$(this).addClass('check_icon');
id = $(this).attr('v-id');
title = $(this).attr('vtitle');
thumb = $(this).attr('vthumb');
link = $(this).attr('vlink');
vdur = $(this).attr('vduration');
pushToQlist(obj, id);
/*console.log(title);
console.log(thumb);
console.log(link);
console.log(vdur);*/
});
$(document).on("click",".ql_delete",function(){
vid = $(this).attr('todel');
currentList = $.cookie("fast_qlist");
cleaned = currentList.replace(vid, '');
console.log(cleaned);
$.cookie("fast_qlist", cleaned, { expires : 10 });
$(this).closest('.qlist_item').remove();
});
$('.ql_rem').on("click",function(e){
e.preventDefault();
$.cookie("fast_qlist", null, { expires : 10 });
$('#qlist_main').fadeOut('slow');
$('#qlist_main').remove();
});
</script>