clipbucket/upload/styles/cb_28/layout/videos.html

119 lines
No EOL
4.5 KiB
HTML

{$myAccountLinks = $userquery->my_account_links()}
{$leftMenuLinks = array_slice($myAccountLinks, 7)}
<div id="main" class="clearfix container">
<div class="clearfix">
<section id="content" class="clearfix videos">
<div class="clearfix leaderboard-ad ad">
{AD place='ad_728x90'}
</div>
{$categories = pullCategories()}
{assign var=sorting_links value=sorting_links()}
<div class="filter-dropdowns clearfix">
{include file="$style_dir/blocks/category_list.html"}
<div class="sorting-col col-lg-6 col-md-6 col-sm-6 col-xs-12 clearfix">
<!--Sorting By View-->
<div class="dropdown">
{if $smarty.get.sort}
{foreach from=$sorting_links item=name key=sort name=sorts}
{if $smarty.get.sort==$sort && isset($smarty.get.sort)}
<a href="javascript:void(0)" data-toggle="dropdown" class="dropdown-toggle">{$name} <span class="icon-down-arrow"></span></a>
{/if}
{/foreach}
{else}
<a href="javascript:void(0)" data-toggle="dropdown" class="dropdown-toggle">Recent <span class="icon-down-arrow"></span></a>
{/if}
<ul class="dropdown-menu">
{foreach from=$sorting_links item=name key=sort}
<li>
<a href="{link name=sort sort=$sort type=videos}&sorting=sort" {if $smarty.get.sort==$sort} class="selected" {/if}>{if $smarty.get.sort==$sort}{/if}{$name}</a>
</li>
{/foreach}
</ul>
</div>
<!--Sorting By time-->
{assign var=time_links value=time_links()}
<div class="dropdown">
{if $smarty.get.time}
{foreach from=$time_links item=name key=sort name=times}
{if $smarty.get.time==$sort && isset($smarty.get.time)}
<a href="javascript:void(0)" data-toggle="dropdown" class="dropdown-toggle">{$name} <span class="icon-down-arrow"></span></a>
{/if}
{/foreach}
{else}
<a href="javascript:void(0)" data-toggle="dropdown" class="dropdown-toggle">all time <span class="icon-down-arrow"></span></a>
{/if}
<ul class="dropdown-menu">
{foreach from=$time_links item=name key=sort name=times}
<li>
<a href="{link name=time sort=$sort type=videos}&timing=time" {if $smarty.get.time==$sort} class="selected"{/if}>{if $smarty.get.time==$sort}<i class="icon-check"></i>{/if}{$name}</a>
</li>
{/foreach}
</ul>
</div>
</div>
</div>
<div class="clearfix row">
{if $videos}
{foreach $videos as $video}
<div class="item-video col-lg-3 col-md-3 col-sm-4 col-xs-6">
{include file="$style_dir/blocks/videos/video.html" display_type='homeVideos'}
</div>
{/foreach}
{else}
<div class="well well-info">No Videos Found !</div>
{/if}
</div>
<!-- Pagination -->
{include file="$style_dir/blocks/pagination.html"}
<!-- end of Pagination -->
</section>
<!-- videos ended -->
<aside id="sidebar">
<div class="box-ad ad">{AD place='ad_300x250'}</div>
<h2>Featured Videos</h2>
<div class="clearfix sidebar-videos">
{$featured=$cbvid->get_videos(["featured"=>"yes","limit"=>6])}
{if $featured}
{foreach $featured as $video}
{include file="$style_dir/blocks/videos/video.html" display_type='featuredVideos_sidebar'}
{/foreach}
{else}
<div class="well well-info">No Videos Found !</div>
{/if}
</div>
</aside>
</div>
</div>
<script>
$(function(){
$(".dropdown-menu > li > div > i.trigger").on("click",function(e){
var current=$(this).parent().next();
var grandparent=$(this).parent().parent().parent();
var list_siblings = $(this).parent().parent().siblings().children('div').children('i.trigger');
if($(this).hasClass('icon-right-arrow')){
$(list_siblings).addClass('icon-right-arrow');
$(list_siblings).removeClass('icon-left-arrow');
}
if($(this).hasClass('icon-left-arrow')||$(this).hasClass('icon-right-arrow'))
$(this).toggleClass('icon-right-arrow icon-left-arrow');
grandparent.find('.icon-left-arrow').not(this).children().toggleClass('icon-right-arrow icon-left-arrow');
grandparent.find(".sub-menu:visible").not(current).hide();
current.toggle();
e.stopPropagation();
});
$(".dropdown-menu > li > div > i:not(.trigger)").on("click",function(){
var root=$(this).closest('.dropdown');
root.find('.icon-left-arrow').toggleClass('icon-right-arrow icon-left-arrow');
root.find('.sub-menu:visible').hide();
});
});
</script>