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

Channels page on front side is completed now.

Browse source
This commit is contained in:
IMRAN HASSAN 2014-03-25 12:32:39 +00:00
parent 6a9a5fe728
commit d3cf7868f8
5 changed files with 136 additions and 80 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
upload/styles/cb_2014/layout/blocks/category_list.html
View file

@ -8,7 +8,7 @@
<div class="collapse navbar-collapse padding-left-right-zero" id="collapsed-navigation">
<ul class="nav navbar-stacked">
<li class="wv_heading"><a href="#">Categories</a></li>
<li class="wv_heading"><a href="#">{lang code='categories'}</a></li>
<li><a href="#">All</a></li>
<li><a href="#">Entertainment</a></li>
<li><a href="#">Islam and Religion</a></li>
@ -23,11 +23,13 @@
</li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Cate4</a></li>
<li><a href="#">cate5</a></li>
<li><a href="#">cate6</a></li>
{*cbCategories type=$type echo="TRUE" list_style="collapsed" output="a" with_all="TRUE"*}
</ul>
</div>

32
upload/styles/cb_2014/layout/blocks/user.html
View file

@ -1,23 +1,29 @@
{if $block_type == '' || $block_type=='normal'}
<div class="row user_block marginBottom" id="user-{$user.userid}">
<div class="col-md-3 thumb_container" >
<div class="padding-left-right-zero pull-left" >
<a href="{$userquery->profile_link($user)}">
<img src="{$userquery->getuserthumb($user)}" class="img-thumbnail">
<img src="{$userquery->getuserthumb($user)}" class="img-circle" width="100" height="100">
</a>
</div>
<div class="col-md-9 prof_title">
<h4><a class="show" href="{$userquery->profile_link($user)}">{$user.username}</a></h4>
{if isSectionEnabled('videos')}
{$user.total_videos|number_format} {lang code="videos"}
{/if}<br>
{$user.profile_hits|number_format} {lang code="views"}<br>
{$user.subscribers|number_format} {lang code="subscribers"}<br>
{if isSectionEnabled('photos')}
{$user.total_photos|number_format} {lang code="photos"}<br>
{/if}
{lang code="last_active"} : {$user.last_active|nicetime}
<div class="col-md-8 prof_title padding-right-zero">
<div class="pull-left">
<h4><a class="show" href="{$userquery->profile_link($user)}">{$user.username}</a></h4>
<ul class="list-unstyled">
{if isSectionEnabled('videos')}
<li>{$user.total_videos|number_format} {lang code="videos"}</li>
{/if}
{if isSectionEnabled('photos')}
<li>{$user.total_photos|number_format} {lang code="photos"}</li>
{/if}
<li>{$user.profile_hits|number_format} {lang code="views"}</li>
<li>{$user.subscribers|number_format} {lang code="subscribers"}</li>
<!--<li>{lang code="last_active"} : {$user.last_active|nicetime}</li>-->
</ul>
</div>
<div class="pull-right user-arow"><span class="glyphicon glyphicon-chevron-right"></span></div>
</div>
</div>
{/if}

110
upload/styles/cb_2014/layout/channels.html
View file

@ -4,47 +4,95 @@
<div class="container marginBottom">
{include file="$style_dir/blocks/manage/account_menu.html"}
<div class="row cb-box">
<div class="leftSidebar col-md-3">
<ul class="">
{foreach $leftMenuLinks as $key => $value}
<li class="">
<a href="#" class="" data-toggle="dropdown">{$key}</a>
<ul class="">
{foreach $value as $subKey => $subValue}
<li><a href="{$subValue}">{$subKey}</a></li>
{/foreach}
</ul>
</li>
{/foreach}
</ul>
{include file="$style_dir/blocks/category_list.html" type='user'}
</div>
<div class="col-md-9">
<div>
<div class="btn-group">
<a href="#" class="btn btn-primary disabled">{lang code='sort_by'}</a>
{assign var=sorting_links value=sorting_links()}
{foreach from=$sorting_links item=name key=sort}
<a class="btn btn-primary" {if $smarty.get.sort==$sort} class="btn btn-primary selected"{/if} href="{link name=sort sort=$sort type=channel}" >{$name}</a>
{/foreach}
</ul>
</div>
<div class="cb-box clearfix row">
<!-- Listing Categories -->
{include file="$style_dir/blocks/category_list.html" type='channels'}
<!-- Listing Categories End -->
<div class="col-md-7 clearfix">
<div class="page-hidding">
{assign var=sorting_links value=sorting_links()}
<h4 class="smaller lighter pull-left">Browsing All Categories:
<small>
{if isset($smarty.get.sort)}
{foreach from=$sorting_links item=name key=sort}
{if $smarty.get.sort==$sort}
<!--<span class="glyphicon glyphicon-sort"></span> Most {$name}-->
{/if}
{/foreach}
{/if}
</small>
<div class="time_cont">
</h4>
<div class="pull-left">
<div class="btn-group">
<button class="btn btn-default" type="button">Recent</button>
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul role="menu" class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
<div class="btn-group">
<button class="btn btn-default" type="button">All Time</button>
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul role="menu" class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
</div>
</div>
<div class="clearfix" style="margin-right: -100px;">
<div class="time_cont">
{assign var=time_links value=time_links()}
{foreach from=$time_links item=name key=sort name=times}
{if !$smarty.foreach.times.last}{/if}
{/foreach}
</div>
{section name=u_list loop=$users}
<div class="col-md-5 marginBottom grid_view list_view channels-view">
{include file="$style_dir/blocks/user.html" user=$users[u_list]}
</div>
{sectionelse}
{lang code='no_results_found'}
{/section}
</div>
<div class="marginTop marginBottom" align="center">{AD place='ad_160x600'}</div>
{include file="$style_dir/blocks/pagination.html"}
</div>
<div align="center">
{*include file="$style_dir/blocks/pagination.html"*}
<ul class="pagination">
<li class="previous">
<a href="?page=1"><span class="glyphicon glyphicon-fast-backward"></span></a></li> <li><a href="?page=2"><span class="glyphicon glyphicon-step-backward"></span></a></li>
<li><a href="?page=1">1</a></li><li> </li><li><a href="?page=2">2</a></li><li> <span class="selected">3</span> </li><li><a href="?page=4">4</a></li><li> </li><li><a href="?page=5">5</a></li><li> </li><li><a href="?page=6">6</a></li><li> </li><li><a href="?page=7">7</a></li><li>
</li><li><a href="?page=4"><span class="glyphicon glyphicon-step-forward"></span></a></li> <li class="next"><a href="?page=7"><span class="glyphicon glyphicon-fast-forward"></span></a></li>
</ul>
</div>
</div>
<div class="col-md-2 fill" style=" background-color: #E8E8E8;
height: 75em;
min-height: 100%;">{AD place='ad_160x600'}</div>
</div>
</div>
</div>
<div style="height:20px"> </div>

35
upload/styles/cb_2014/layout/videos.html
View file

@ -59,41 +59,6 @@
</div>
</div>
<!--<div class="pull-right ">
<div class="btn-group marginTop" style="margin-top: -10px;">
<ul Style="list-style:none">
<li class="dropdown pull-left">
<a data-toggle="dropdown" class="dropdown-toggle btn btn-info" href="#">{lang code='sort_by'}<b class="caret"></b></a>
<ul class="dropdown-menu">
{foreach from=$sorting_links item=name key=sort}
<li><a href="{link name=sort sort=$sort type=videos}" >{$name}</a></li>
{/foreach}
</ul>
</li>
<li class="dropdown pull-right ">
<a data-toggle="dropdown" class="dropdown-toggle btn btn-info" href="#">Sort By<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#today" >Today</a></li>
<li><a href="#today" >This Week</a></li>
<li><a href="#today" >This Month</a></li>
<li><a href="#today" >A -> Z</a></li>
<li><a href="#today" >Z -> A</a></li>
</ul>
</li>
</ul>
</div>
<a href="#" id="list" onclick="ToggleView(this);" title="Change To List Style"><span class="glyphicon glyphicon-th-list"></span>&nbsp;</a>
<a href="#" id="grid" onclick="ToggleView(this);" title="Change to Grid Style"><span class="glyphicon glyphicon-th"></span>&nbsp;</a>
<div class="time_cont">
{assign var=time_links value=time_links()}
{foreach from=$time_links item=name key=sort name=times}
{if !$smarty.foreach.times.last}{/if}
{/foreach}
</div>
</div>-->
</div>
<div class="row">

35
upload/styles/cb_2014/theme/css/main.css
View file

@ -986,6 +986,12 @@ color: #575757;
padding-left: 0px;
padding-right: 0px;
}
.padding-right-zero{
padding-right: 0px;
}
.padding-left-zero{
padding-left: 0px;
}
.margin-top-10{
margin-top: 10px;
}
@ -999,3 +1005,32 @@ padding: 7px 15px;
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
/*channels-view*/
.channels-view{
border-bottom: 1px solid #d5d5d5;
margin: 0px 20px 0px 0px;
padding: 10px;
padding-bottom: 0px;
}
.channels-view a{
color: #444;
}
.channels-view ul{
padding-top: 10px;
}
.channels-view ul li{
color: #999999;
float: left;
font-size: 13px;
min-width: 35%;
}
.user-arow{
background-color: #5D5D5D;
color: #FFFFFF;
font-size: 11px;
padding: 2.5px 5px;
position: relative;
top: -40px;
}