fixes done and playlists added on home page
This commit is contained in:
jamilrehman
parent
d2f3ef57f9
commit
2c38f1cd5f
5 changed files with 251 additions and 170 deletions
|
|
@ -116,10 +116,10 @@
|
||||||
<img alt="{$collection.title}" title="{$collection.title}" class="img-responsive" id="photo_{$collection.ci_id}" src="{$first_col_thumb}">
|
<img alt="{$collection.title}" title="{$collection.title}" class="img-responsive" id="photo_{$collection.ci_id}" src="{$first_col_thumb}">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<img src="{$theme}/images/photo-bg.png" alt="" class="photo-bg">
|
<div class="collection-info">
|
||||||
</div>
|
<span>{$collection.total_objects}</span>Photo(s)
|
||||||
<div class="collection-info">
|
</div>
|
||||||
<span class="photos-count">{$collection.total_objects}</span>
|
<img src="{$theme}/images/photo-bg.png" alt="" class="photo-bg">
|
||||||
</div>
|
</div>
|
||||||
<span>{$collection.collection_name}</span>
|
<span>{$collection.collection_name}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -130,6 +130,45 @@
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
|
<!-- playlists -->
|
||||||
|
{$playlists = get_playlists(['limit'=>5, 'order'=>'total_items DESC'])}
|
||||||
|
<div class="clearfix sidebar-playlists">
|
||||||
|
<h2>{lang code="Top Playlists"}</h2>
|
||||||
|
{if $playlists}
|
||||||
|
{foreach $playlists as $playlist}
|
||||||
|
<div class="playlist clearfix">
|
||||||
|
<h3>{$playlist.playlist_name}</h3>
|
||||||
|
{$items = get_playlist_items($playlist.playlist_id)}
|
||||||
|
<div class="clearfix row">
|
||||||
|
{foreach $items as $item}
|
||||||
|
{if $item@iteration == 5}
|
||||||
|
{break}
|
||||||
|
{/if}
|
||||||
|
<div class="video col-lg-3 col-md-4 col-sm-6 col-xs-6">
|
||||||
|
{$videoid = $item.videoid}
|
||||||
|
{if $videoid}
|
||||||
|
{$videos = get_videos(['videoid'=>$videoid,'limit'=>'2'])}
|
||||||
|
{foreach $videos as $video}
|
||||||
|
<a href="{videoLink($video)}">
|
||||||
|
{$thumb = get_thumb($video)}
|
||||||
|
<img src="{$thumb}" class="img-responsive">
|
||||||
|
</a>
|
||||||
|
{/foreach}
|
||||||
|
{else}
|
||||||
|
<span class="clearfix">no items</span>
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/foreach}
|
||||||
|
</div>
|
||||||
|
<span class="videos-count">{$cbvid->action->count_playlist_items($playlist.playlist_id)|number_format} video(s)</span>
|
||||||
|
</div>
|
||||||
|
{/foreach}
|
||||||
|
{else}
|
||||||
|
<div class="clearfix">No Playlists</div>
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
</aside>
|
</aside>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -157,9 +196,9 @@
|
||||||
},
|
},
|
||||||
|
|
||||||
beforeSend: function() {
|
beforeSend: function() {
|
||||||
// setting a timeout
|
// setting a timeout
|
||||||
$(main_object).text("Loading..");
|
$(main_object).text("Loading..");
|
||||||
},
|
},
|
||||||
|
|
||||||
success: function(data) {
|
success: function(data) {
|
||||||
$(main_object).text("Load More");
|
$(main_object).text("Load More");
|
||||||
|
|
|
||||||
|
|
@ -1052,9 +1052,21 @@ iframe {
|
||||||
border-radius: 2px; }
|
border-radius: 2px; }
|
||||||
.item-video .thumb-holder .cb_quickie {
|
.item-video .thumb-holder .cb_quickie {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 10px;
|
|
||||||
left: 10px;
|
left: 10px;
|
||||||
z-index: 3; }
|
bottom: 10px;
|
||||||
|
z-index: 3;
|
||||||
|
width: 24px;
|
||||||
|
height: 20px;
|
||||||
|
padding: 0;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 20px;
|
||||||
|
text-align: center;
|
||||||
|
color: #fff;
|
||||||
|
border: 1px solid #fff;
|
||||||
|
border-radius: 2px;
|
||||||
|
background: url(../images/icons/quicklist_small.png) no-repeat 50% 50% !important; }
|
||||||
|
.item-video .thumb-holder .cb_quickie.check_icon {
|
||||||
|
background: #fff url(../images/icons/quicklist_check_small.jpg) no-repeat 50% 50% !important; }
|
||||||
.item-video .thumb-holder .vid-type {
|
.item-video .thumb-holder .vid-type {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 10px;
|
top: 10px;
|
||||||
|
|
@ -1148,62 +1160,7 @@ iframe {
|
||||||
background: #757575;
|
background: #757575;
|
||||||
border-radius: 2px; }
|
border-radius: 2px; }
|
||||||
|
|
||||||
/* collections grid */
|
|
||||||
.collections-grid {
|
|
||||||
padding: 16px;
|
|
||||||
background: #fff; }
|
|
||||||
.collections-grid .row {
|
|
||||||
margin: 0 -8px; }
|
|
||||||
.collections-grid .collection-item {
|
|
||||||
padding: 0 8px; }
|
|
||||||
.collections-grid .collection-holder {
|
|
||||||
position: relative; }
|
|
||||||
.collections-grid .photo-bg {
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
z-index: 2;
|
|
||||||
top: -9%;
|
|
||||||
left: 0;
|
|
||||||
height: auto; }
|
|
||||||
.collections-grid .collection-info {
|
|
||||||
width: 60px;
|
|
||||||
height: 60px;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
margin: -30px 0 0 -30px;
|
|
||||||
z-index: 4;
|
|
||||||
border-radius: 30px;
|
|
||||||
overflow: hidden;
|
|
||||||
background: rgba(0, 0, 0, 0.7);
|
|
||||||
color: #fff;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 14px;
|
|
||||||
font-weight: 300;
|
|
||||||
text-align: center;
|
|
||||||
padding: 12px 4px; }
|
|
||||||
.collections-grid .collection-info span {
|
|
||||||
display: block; }
|
|
||||||
.collections-grid .collection-info .photos-count {
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 16px;
|
|
||||||
font-weight: 600;
|
|
||||||
margin: 0 0 5px; }
|
|
||||||
.collections-grid .photo-block {
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
height: auto;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
z-index: 1; }
|
|
||||||
.collections-grid .photo-block:first-child {
|
|
||||||
position: relative;
|
|
||||||
z-index: 3; }
|
|
||||||
.collections-grid .photo-block a {
|
|
||||||
display: block; }
|
|
||||||
|
|
||||||
/* quick list */
|
/* quick list */
|
||||||
/* QUCKLIST ICON */
|
|
||||||
.quick_container {
|
.quick_container {
|
||||||
width: 1000px;
|
width: 1000px;
|
||||||
margin: 0px auto;
|
margin: 0px auto;
|
||||||
|
|
@ -1328,6 +1285,86 @@ iframe {
|
||||||
border: 0px; }
|
border: 0px; }
|
||||||
|
|
||||||
/**/
|
/**/
|
||||||
|
/* collections grid */
|
||||||
|
.collections-grid {
|
||||||
|
padding: 22px 16px 0;
|
||||||
|
background: #fff;
|
||||||
|
margin: 0 0 20px; }
|
||||||
|
.collections-grid .row {
|
||||||
|
margin: 0 -8px; }
|
||||||
|
.collections-grid .collection-item {
|
||||||
|
padding: 0 8px;
|
||||||
|
margin: 0 0 20px;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 16px; }
|
||||||
|
.collections-grid .collection-holder {
|
||||||
|
position: relative;
|
||||||
|
margin: 0 0 10px; }
|
||||||
|
.collections-grid .photo-bg {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 2;
|
||||||
|
top: -9%;
|
||||||
|
left: 0;
|
||||||
|
height: auto; }
|
||||||
|
.collections-grid .collection-info {
|
||||||
|
width: 60px;
|
||||||
|
height: 60px;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
margin: -30px 0 0 -30px;
|
||||||
|
z-index: 4;
|
||||||
|
border-radius: 30px;
|
||||||
|
overflow: hidden;
|
||||||
|
background: rgba(0, 0, 0, 0.7);
|
||||||
|
color: #fff;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 14px;
|
||||||
|
font-weight: 300;
|
||||||
|
text-align: center;
|
||||||
|
padding: 12px 4px; }
|
||||||
|
.collections-grid .collection-info span {
|
||||||
|
display: block;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 16px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin: 0 0 6px; }
|
||||||
|
.collections-grid .photo-block {
|
||||||
|
position: relative;
|
||||||
|
z-index: 3; }
|
||||||
|
.collections-grid .photo-block img {
|
||||||
|
width: 100%;
|
||||||
|
height: 88px; }
|
||||||
|
.collections-grid .photo-block a {
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
/* end of sidebar collection */
|
||||||
|
/* sidebar playlists */
|
||||||
|
.sidebar-playlists {
|
||||||
|
margin: 0 0 20px; }
|
||||||
|
.sidebar-playlists .playlist {
|
||||||
|
background: #fff;
|
||||||
|
padding: 10px 16px;
|
||||||
|
margin: 0 0 20px; }
|
||||||
|
.sidebar-playlists .playlist h3 {
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 16px;
|
||||||
|
font-weight: 400;
|
||||||
|
margin: 0 0 10px; }
|
||||||
|
.sidebar-playlists .playlist .row {
|
||||||
|
margin: 0 -3px; }
|
||||||
|
.sidebar-playlists .playlist .video {
|
||||||
|
padding: 0 3px;
|
||||||
|
margin: 0 0 10px; }
|
||||||
|
.sidebar-playlists .playlist .videos-count {
|
||||||
|
display: block;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 14px;
|
||||||
|
font-weight: 300;
|
||||||
|
color: #757575; }
|
||||||
|
|
||||||
|
/* end of sidebar playlists */
|
||||||
.video-block,
|
.video-block,
|
||||||
.popular-video {
|
.popular-video {
|
||||||
margin: 12px 0 0; }
|
margin: 12px 0 0; }
|
||||||
|
|
@ -1356,25 +1393,6 @@ iframe {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
z-index: 2; }
|
z-index: 2; }
|
||||||
.video-block .cb_quickie,
|
|
||||||
.popular-video .cb_quickie {
|
|
||||||
position: absolute;
|
|
||||||
right: 5px;
|
|
||||||
bottom: 5px;
|
|
||||||
z-index: 2;
|
|
||||||
width: 26px;
|
|
||||||
height: 26px;
|
|
||||||
padding: 4px 0 2px;
|
|
||||||
padding: 0;
|
|
||||||
font-size: 13px;
|
|
||||||
line-height: 20px;
|
|
||||||
text-align: center;
|
|
||||||
border-radius: 50%;
|
|
||||||
color: #fff;
|
|
||||||
background: #000 url(../images/icons/quicklist_small.png) no-repeat 50% 50% !important; }
|
|
||||||
.video-block .cb_quickie.check_icon,
|
|
||||||
.popular-video .cb_quickie.check_icon {
|
|
||||||
background: #fff url(../images/icons/quicklist_check_small.jpg) no-repeat 50% 50% !important; }
|
|
||||||
.video-block .vid-info,
|
.video-block .vid-info,
|
||||||
.popular-video .vid-info {
|
.popular-video .vid-info {
|
||||||
padding: 0 5px 0 10px;
|
padding: 0 5px 0 10px;
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -29,7 +29,7 @@ function responsiveFixes(){
|
||||||
else
|
else
|
||||||
{
|
{
|
||||||
$(".btn-newacc").html("Create new account");
|
$(".btn-newacc").html("Create new account");
|
||||||
$("<div class='col search'>"+searchHtml+"</div>").insertBefore(".btn-holder");
|
$("<div class='col search'>"+searchHtml+"</div>").insertBefore("#header .btn-holder");
|
||||||
HeaderSearchDefault.remove();
|
HeaderSearchDefault.remove();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -287,9 +287,22 @@ iframe{
|
||||||
}
|
}
|
||||||
.cb_quickie{
|
.cb_quickie{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 10px;
|
|
||||||
left: 10px;
|
left: 10px;
|
||||||
|
bottom: 10px;
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
|
width: 24px;
|
||||||
|
height: 20px;
|
||||||
|
padding: 0;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 20px;
|
||||||
|
text-align: center;
|
||||||
|
color: #fff;
|
||||||
|
border:1px solid #fff;
|
||||||
|
border-radius: 2px;
|
||||||
|
background: url(../images/icons/quicklist_small.png) no-repeat 50% 50% !important;
|
||||||
|
&.check_icon{
|
||||||
|
background:#fff url(../images/icons/quicklist_check_small.jpg) no-repeat 50% 50% !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.vid-type{
|
.vid-type{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -403,72 +416,7 @@ iframe{
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
/* collections grid */
|
|
||||||
.collections-grid{
|
|
||||||
padding:16px;
|
|
||||||
background: $white;
|
|
||||||
.row{
|
|
||||||
margin: 0 -8px;
|
|
||||||
}
|
|
||||||
.collection-item{
|
|
||||||
padding: 0 8px;
|
|
||||||
}
|
|
||||||
.collection-holder{
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.photo-bg{
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
z-index: 2;
|
|
||||||
top: -9%;
|
|
||||||
left: 0;
|
|
||||||
height:auto;
|
|
||||||
}
|
|
||||||
.collection-info{
|
|
||||||
width: 60px;
|
|
||||||
height: 60px;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
margin: -30px 0 0 -30px;
|
|
||||||
z-index: 4;
|
|
||||||
border-radius: 30px;
|
|
||||||
overflow: hidden;
|
|
||||||
background: rgba(0,0,0,0.7);
|
|
||||||
color: $white;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 14px;
|
|
||||||
font-weight: 300;
|
|
||||||
text-align: center;
|
|
||||||
padding: 12px 4px;
|
|
||||||
span{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.photos-count{
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 16px;
|
|
||||||
font-weight: 600;
|
|
||||||
margin: 0 0 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.photo-block{
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
height: auto;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
z-index: 1;
|
|
||||||
&:first-child{
|
|
||||||
position: relative;
|
|
||||||
z-index: 3;
|
|
||||||
}
|
|
||||||
a{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* quick list */
|
/* quick list */
|
||||||
/* QUCKLIST ICON */
|
|
||||||
.quick_container{
|
.quick_container{
|
||||||
width:1000px;
|
width:1000px;
|
||||||
margin:0px auto;
|
margin:0px auto;
|
||||||
|
|
@ -596,6 +544,100 @@ iframe{
|
||||||
border:0px;
|
border:0px;
|
||||||
}
|
}
|
||||||
/**/
|
/**/
|
||||||
|
/* collections grid */
|
||||||
|
.collections-grid{
|
||||||
|
padding:22px 16px 0;
|
||||||
|
background: $white;
|
||||||
|
margin: 0 0 20px;
|
||||||
|
.row{
|
||||||
|
margin: 0 -8px;
|
||||||
|
}
|
||||||
|
.collection-item{
|
||||||
|
padding: 0 8px;
|
||||||
|
margin: 0 0 20px;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 16px;
|
||||||
|
}
|
||||||
|
.collection-holder{
|
||||||
|
position: relative;
|
||||||
|
margin: 0 0 10px;
|
||||||
|
}
|
||||||
|
.photo-bg{
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 2;
|
||||||
|
top: -9%;
|
||||||
|
left: 0;
|
||||||
|
height:auto;
|
||||||
|
}
|
||||||
|
.collection-info{
|
||||||
|
width: 60px;
|
||||||
|
height: 60px;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
margin: -30px 0 0 -30px;
|
||||||
|
z-index: 4;
|
||||||
|
border-radius: 30px;
|
||||||
|
overflow: hidden;
|
||||||
|
background: rgba(0,0,0,0.7);
|
||||||
|
color: $white;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 14px;
|
||||||
|
font-weight: 300;
|
||||||
|
text-align: center;
|
||||||
|
padding: 12px 4px;
|
||||||
|
span{
|
||||||
|
display: block;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 16px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin: 0 0 6px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.photo-block{
|
||||||
|
position: relative;
|
||||||
|
z-index: 3;
|
||||||
|
img{
|
||||||
|
width: 100%;
|
||||||
|
height: 88px;
|
||||||
|
}
|
||||||
|
a{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* end of sidebar collection */
|
||||||
|
/* sidebar playlists */
|
||||||
|
.sidebar-playlists{
|
||||||
|
margin: 0 0 20px;
|
||||||
|
.playlist{
|
||||||
|
background: $white;
|
||||||
|
padding: 10px 16px;
|
||||||
|
margin: 0 0 20px;
|
||||||
|
h3{
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 16px;
|
||||||
|
font-weight: 400;
|
||||||
|
margin: 0 0 10px;
|
||||||
|
}
|
||||||
|
.row{
|
||||||
|
margin: 0 -3px;
|
||||||
|
}
|
||||||
|
.video{
|
||||||
|
padding: 0 3px;
|
||||||
|
margin: 0 0 10px;
|
||||||
|
}
|
||||||
|
.videos-count{
|
||||||
|
display: block;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 14px;
|
||||||
|
font-weight: 300;
|
||||||
|
color: $grey-txt;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* end of sidebar playlists */
|
||||||
.video-block,
|
.video-block,
|
||||||
.popular-video{
|
.popular-video{
|
||||||
margin: 12px 0 0;
|
margin: 12px 0 0;
|
||||||
|
|
@ -624,25 +666,7 @@ iframe{
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
.cb_quickie{
|
|
||||||
position: absolute;
|
|
||||||
right: 5px;
|
|
||||||
bottom: 5px;
|
|
||||||
z-index: 2;
|
|
||||||
width: 26px;
|
|
||||||
height: 26px;
|
|
||||||
padding: 4px 0 2px;
|
|
||||||
padding: 0;
|
|
||||||
font-size: 13px;
|
|
||||||
line-height: 20px;
|
|
||||||
text-align: center;
|
|
||||||
border-radius: 50%;
|
|
||||||
color: #fff;
|
|
||||||
background: #000 url(../images/icons/quicklist_small.png) no-repeat 50% 50% !important;
|
|
||||||
&.check_icon{
|
|
||||||
background:#fff url(../images/icons/quicklist_check_small.jpg) no-repeat 50% 50% !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.vid-info{
|
.vid-info{
|
||||||
padding: 0 5px 0 10px;
|
padding: 0 5px 0 10px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue