modified : functions.js => edited functions.js('add_quicklist','remove_quicklist','loadquicklist')

modified : block.html =>  layout changes 
modified : video.html =>  enabled jquery cookies for quiklist videos
This commit is contained in:
Fahad Abbas 2014-12-29 11:31:22 +00:00
parent 1ca311e44f
commit b1e7513f97
3 changed files with 47 additions and 5 deletions

View file

@ -753,11 +753,14 @@ var loading_img_2 = "<img style='vertical-align:middle' src='"+imageurl+"/ajax-l
* Function used to add and remove video from qucklist
* THIS FEATURE IS SPECIALLY ADDED ON REQUEST BY JAHANZEB HASSAN
*/
function add_quicklist(obj,vid)
{
$(obj).attr('src',imageurl+"/ajax-loader.gif");
$(obj).css('background-position',"-200px 200px");
$.cookie("btn-q-"+vid, "yes", { expires : 10 });
$.post(page,
{
@ -784,9 +787,11 @@ var loading_img_2 = "<img style='vertical-align:middle' src='"+imageurl+"/ajax-l
/**
* Function used to remove video from qucklist
*/
function remove_qucklist(obj,vid)
{
$.cookie("btn-q-"+vid, null);
$.post(page,
{
mode : 'quicklist',
@ -828,6 +833,11 @@ var loading_img_2 = "<img style='vertical-align:middle' src='"+imageurl+"/ajax-l
if($.cookie("quick_list_box")!="hide")
{
$("#quicklist_cont").css("display","block");
$('.ql_show-hide').html("hide");
}
else
{
$('.ql_show-hide').html("show");
}
}
},'text');
@ -850,9 +860,15 @@ var loading_img_2 = "<img style='vertical-align:middle' src='"+imageurl+"/ajax-l
$(obj).slideToggle()
if($.cookie("quick_list_box")=="show")
$.cookie("quick_list_box","hide")
{
$.cookie("quick_list_box","hide");
$('.ql_show-hide').html("show");
}
else
$.cookie("quick_list_box","show")
{
$.cookie("quick_list_box","show")
$('.ql_show-hide').html("hide");
}
}
/**

View file

@ -25,4 +25,11 @@
</div>
{/if}
</div>
</div>
</div>
<script>
</script>

View file

@ -8,7 +8,8 @@
</span>
<img class="" src="{getThumb vdetails=$video size=160x90 } " border="1" />
</a>
<img src="{$imageurl}/dot.gif" class="add_icon cb_quickie" onclick="add_quicklist(this,'{$video.videoid}')" title="Add {$video.title} to Quicklist" alt="Quicklist" />
<img src="{$imageurl}/dot.gif" data-quick="quick-{$video.videoid}"
class="add_icon cb_quickie cb-btn-quick-{$video.videoid}" onclick="add_quicklist(this,'{$video.videoid}')" title="Add {$video.title} to Quicklist" alt="Quicklist" />
</div>
<h5>
<a href="{videoLink($video)}">{$video.title|truncate:30}</a>
@ -38,4 +39,22 @@
<span class="pull-left"><h5><small>{$video.views} views</small></h5></span>
<span class="pull-right"><h5><small>{$video.date_added|niceTime}</small></h5></span>
</div>
{/if}
{/if}
<script type="text/javascript">
$(document).ready(function() {
if($.cookie("btn-q-{$video.videoid}")=="yes")
{
$('.cb-btn-quick-{$video.videoid}').attr('src',imageurl+"/dot.gif");
$('.cb-btn-quick-{$video.videoid}').css('background-position',"-0px -0px");
$('.cb-btn-quick-{$video.videoid}').removeClass('add_icon');
$('.cb-btn-quick-{$video.videoid}').addClass('check_icon');
$('.cb-btn-quick-{$video.videoid}').removeAttr('onClick');
}
});
</script>