2016-06-09 15:33:37 +05:00
function headerFooter ( )
{
2016-03-16 17:30:07 +05:00
var headerheight = "" ;
var footerheight = "" ;
2016-06-09 15:33:37 +05:00
var cont _height = "" ;
var cont _height _new = "" ;
cont _height = $ ( "#container" ) . height ( ) ;
2016-03-16 17:30:07 +05:00
headerheight = $ ( "#header" ) . outerHeight ( ) ;
footerheight = $ ( "#footer" ) . outerHeight ( ) ;
2016-11-15 14:50:16 +05:00
/ * c o n s o l e . l o g ( ' h e a d e r h e i g h t = > ' + h e a d e r h e i g h t + ' , f o o t e r h e i g h t = > ' + f o o t e r h e i g h t ) ;
console . log ( "cont_height" + cont _height ) * /
2016-06-09 15:33:37 +05:00
cont _height _new = cont _height - ( headerheight + footerheight ) ;
2016-11-15 14:50:16 +05:00
/*console.log("cont_height_new"+cont_height_new)*/
2016-03-16 17:30:07 +05:00
$ ( "#container" ) . css ( 'padding-top' , headerheight + 'px' ) ;
2016-04-04 11:22:32 +05:00
$ ( "#container" ) . css ( 'padding-bottom' , footerheight + 'px' ) ;
2016-06-09 15:33:37 +05:00
$ ( ".account-container, .page-error" ) . css ( 'height' , cont _height _new + 'px' ) ;
2016-03-16 17:30:07 +05:00
}
2016-05-16 16:45:06 +05:00
function shortKeys ( ) {
$ ( document ) . keypress ( function ( e ) {
var key = e . which ;
2016-05-16 18:30:34 +05:00
if ( $ ( '#query,textarea,#name,#email' ) . is ( ":focus" ) ) {
// typing in field so shutup
} else {
if ( pageNow == 'index' ) {
if ( e . which == 70 && e . shiftKey ) // shift + f = featured load more
{
$ ( '#featured_load_more' ) . trigger ( "click" ) ;
}
if ( e . which == 82 && e . shiftKey ) // shift + r = recent load more
{
$ ( '#recent_load_more' ) . trigger ( "click" ) ;
}
2016-05-16 18:55:36 +05:00
} else if ( pageNow == 'watch_video' ) {
if ( e . which == 70 && e . shiftKey ) // shift + f = featured load more
{
$ ( '.icon-plusrounded' ) . trigger ( "click" ) ;
$ ( '#addfav' ) . trigger ( "click" ) ;
}
if ( e . which == 82 && e . shiftKey ) // shift + r = recent load more
{
$ ( '.icon-flag' ) . trigger ( "click" ) ;
}
if ( e . which == 84 && e . shiftKey ) // shift + r = recent load more
{
$ ( '#comment_box' ) . focus ( ) . select ( ) ;
}
if ( e . which == 69 && e . shiftKey ) // shift + r = recent load more
{
$ ( '.icon-share' ) . trigger ( "click" ) ;
}
2016-05-16 16:45:06 +05:00
}
2016-05-16 18:30:34 +05:00
if ( e . which == 83 && e . shiftKey ) // shift + s = search something
2016-05-16 16:45:06 +05:00
{
2016-05-16 18:30:34 +05:00
$ ( '#query' ) . focus ( ) . select ( ) ;
2016-05-16 16:45:06 +05:00
}
2016-05-16 18:30:34 +05:00
if ( e . which == 86 && e . shiftKey ) // shift + v = videos page
{
window . location . href = baseurl + "/videos" ;
}
2016-05-16 16:45:06 +05:00
2016-05-16 18:30:34 +05:00
if ( e . which == 80 && e . shiftKey ) // shift + p = photos page
{
window . location . href = baseurl + "/photos" ;
}
2016-05-16 16:45:06 +05:00
2016-05-16 18:30:34 +05:00
if ( e . which == 67 && e . shiftKey ) // shift + c = collections page
{
window . location . href = baseurl + "/collections" ;
}
2016-05-16 16:45:06 +05:00
2016-05-16 18:30:34 +05:00
if ( e . which == 85 && e . shiftKey ) // shift + u = channel page
{
window . location . href = baseurl + "/channels" ;
}
2016-05-16 16:45:06 +05:00
}
} ) ;
}
2016-03-16 17:30:07 +05:00
var flag = 0 ;
function responsiveFixes ( ) {
var WinWidth = $ ( window ) . width ( ) ;
2016-06-07 05:07:33 -07:00
//console.log(WinWidth);
2016-04-07 15:22:30 +05:00
var SearchHtml = $ ( "#header .menu-holder .user_menu" ) . html ( ) ;
var navseach = $ ( '#header .navbar-header' ) ;
var menuLinks = $ ( "#header .menu-holder" ) ;
if ( WinWidth < 992 )
2016-03-16 17:30:07 +05:00
{
2016-04-07 15:22:30 +05:00
var length1 = navseach . find ( '.user_menu' ) . length ;
if ( length1 == 0 )
2016-03-16 17:30:07 +05:00
{
2016-04-07 15:22:30 +05:00
$ ( navseach ) . append ( '<div class="col btn-holder user_menu text-right logged-out">' + SearchHtml + "</div>" ) ;
2016-03-16 17:30:07 +05:00
}
2016-04-07 15:22:30 +05:00
$ ( '.menu-holder' ) . find ( '.user_menu' ) . remove ( ) ;
}
else
{
var searchBtns = navseach . find ( '.user_menu' ) . html ( ) ;
var length2 = menuLinks . find ( '.user_menu' ) . length ;
if ( length2 == 0 )
2016-03-16 17:30:07 +05:00
{
2016-04-07 15:22:30 +05:00
menuLinks . append ( '<div class="col btn-holder user_menu text-right logged-out">' + searchBtns + "</div>" ) ;
2016-03-16 17:30:07 +05:00
}
2016-04-07 15:22:30 +05:00
navseach . find ( '.user_menu' ) . remove ( ) ;
}
if ( WinWidth < 1280 )
{
$ ( ".btn-newacc" ) . html ( "Signup" ) ;
}
else
{
$ ( ".btn-newacc" ) . html ( "Create new account" ) ;
}
if ( userid )
{
$ ( ".user_menu" ) . addClass ( 'logged-in' ) ;
$ ( ".user_menu" ) . removeClass ( 'logged-out' ) ;
}
else {
$ ( ".user_menu" ) . removeClass ( 'logged-in' ) ;
$ ( ".user_menu" ) . addClass ( 'logged-out' ) ;
}
if ( WinWidth < 768 )
{
var length3 = $ ( '.menu-holder' ) . find ( '.newuser-links' ) . length ;
if ( length3 == 0 )
2016-03-16 17:30:07 +05:00
{
2016-04-07 15:22:30 +05:00
var rightLinkHtml = $ ( '.navbar-right' ) . html ( ) ;
$ ( '.menu-holder' ) . prepend ( "<ul class='newuser-links'>" + rightLinkHtml + "</ul>" ) ;
$ ( '.navbar-right' ) . remove ( ) ;
}
}
else {
var length4 = $ ( '.user_menu' ) . find ( '.right-menu' ) . length ;
if ( length4 == 0 )
{
var newLinkHtml = $ ( '.newuser-links' ) . html ( ) ;
$ ( '.user_menu' ) . append ( "<ul class='nav navbar-nav navbar-right right-menu'>" + newLinkHtml + "</ul>" ) ;
$ ( '.newuser-links' ) . remove ( ) ;
2016-03-16 17:30:07 +05:00
}
}
}
2016-05-16 11:04:28 +05:00
// automatically scrolls to new loaded videos
2016-05-13 17:52:16 +05:00
function thakkiLoading ( yawnTo ) {
$ ( "html, body" ) . animate ( { scrollTop : yawnTo } , 1900 , "swing" ) ;
}
2016-03-21 15:36:42 +05:00
function preLoadingBlock ( ) {
//two videos in a row
var ftthumbWidth = $ ( '.featured-videos .thumb-video' ) . width ( ) ;
var ftthumbHeight = ftthumbWidth * ( 10 / 16 ) ;
$ ( ".featured-videos .thumb-video" ) . css ( 'height' , ftthumbHeight + 'px' ) ;
//three videos in a row
var thumbWidth = $ ( '.videos .thumb-video' ) . width ( ) ;
var thumbHeight = thumbWidth * ( 10 / 16 ) ;
$ ( ".videos .thumb-video" ) . css ( 'height' , thumbHeight + 'px' ) ;
}
2016-04-07 15:22:30 +05:00
function loginHeight ( ) {
var loginHeight = $ ( "#login_form" ) . outerHeight ( ) ;
loginHeight = loginHeight - 40 ;
$ ( ".account-holder .side-box" ) . css ( 'height' , loginHeight + 'px' ) ;
}
2016-03-16 17:30:07 +05:00
$ ( document ) . ready ( function ( ) {
//footer at bototm
headerFooter ( ) ;
2016-04-07 15:22:30 +05:00
if ( userid )
{
$ ( ".user_menu" ) . addClass ( 'logged-in' ) ;
$ ( ".user_menu" ) . removeClass ( 'logged-out' ) ;
}
else {
$ ( ".user_menu" ) . removeClass ( 'logged-in' ) ;
$ ( ".user_menu" ) . addClass ( 'logged-out' ) ;
}
2016-03-16 17:30:07 +05:00
responsiveFixes ( ) ;
$ ( ".navbar-sm-login-links a" ) . click ( function ( ) {
$ ( "body" ) . removeClass ( 'sideactive' ) ;
} ) ;
var havechild = $ ( '.adbox-holder' ) . children ( ) . length ;
if ( havechild == 0 ) {
$ ( '.adbox-holder' ) . hide ( ) ;
}
2016-04-07 15:22:30 +05:00
$ ( ".btn-search-toggle" ) . click ( function ( ) {
$ ( ".navbar-header" ) . toggleClass ( 'show-search' ) ;
2016-03-16 17:30:07 +05:00
} ) ;
2016-04-07 15:22:30 +05:00
loginHeight ( ) ;
2016-03-16 17:30:07 +05:00
} ) ;
2016-03-21 15:15:09 +05:00
function homePageVideos ( qlist _items ) {
2016-06-07 05:07:33 -07:00
console . log ( "Hey there Pumpkin! Looks like you really like what we do, hence trying to look under the hood. Happy sneaking buddy! Drop us an email for any questions : info@clipbucket.com" )
2016-03-21 15:15:09 +05:00
$ ( '#container' ) . on ( "click" , "#recent_load_more, #featured_load_more" , function ( ) {
var loadLink = baseurl + '/ajax/home.php' ,
main _object = $ ( this ) ,
sendType = 'post' ,
dataType = 'html' ,
loadType = $ ( main _object ) . attr ( 'loadtype' ) ,
loadMode = $ ( main _object ) . attr ( 'loadmode' ) ,
loadLimit = $ ( main _object ) . attr ( 'loadlimit' ) ,
loadHit = $ ( main _object ) . attr ( 'loadhit' ) ,
newloadHit = parseInt ( loadHit ) + 1 ;
2016-03-21 18:59:29 +05:00
moreRecent = true ;
moreFeatured = true ;
2016-04-05 17:14:53 +05:00
featuredFound = '' ;
2016-04-05 20:08:43 +05:00
if ( loadHit == 1 ) {
recentFound = 6 ;
2016-09-16 16:13:38 +05:00
featuredFound = 4 ;
2016-04-05 20:08:43 +05:00
} else {
featuredSect = $ ( '#container' ) . find ( '#total_videos_featured' ) . text ( ) ;
recentSect = $ ( '#container' ) . find ( '#total_videos_recent' ) . text ( ) ;
totalFeaturedVids = featuredSect ;
totalRecentVids = recentSect ;
2016-09-16 16:13:38 +05:00
featuredShown = loadHit * loadHit - loadLimit ;
recentShown = loadHit * loadHit - loadLimit ;
2016-04-05 20:08:43 +05:00
gotMoreFeatured = parseInt ( totalFeaturedVids ) - parseInt ( featuredShown ) ;
gotMoreRecent = parseInt ( totalRecentVids ) - parseInt ( recentShown ) ;
2016-06-07 05:11:33 -07:00
2016-04-05 20:08:43 +05:00
if ( gotMoreFeatured > 2 ) {
featuredFound = 2 ;
} else {
moreFeatured = false ;
featuredFound = gotMoreFeatured ;
}
2016-04-05 17:14:53 +05:00
2016-04-05 20:08:43 +05:00
if ( gotMoreRecent > 6 ) {
2016-05-23 12:50:52 +05:00
recentFound = 3 ;
2016-04-05 20:08:43 +05:00
} else {
moreRecent = false ;
recentFound = gotMoreRecent ;
}
}
2016-03-21 15:15:09 +05:00
$ . ajax ( {
url : loadLink ,
type : sendType ,
dataType : dataType ,
data : {
"load_type" : loadType ,
"load_mode" : loadMode ,
"load_limit" : loadLimit ,
"load_hit" : loadHit
} ,
beforeSend : function ( ) {
// setting a timeout
2016-04-13 11:19:25 +05:00
$ ( main _object ) . attr ( 'disabled' , 'disabled' ) ;
2016-03-21 18:10:48 +05:00
$ ( main _object ) . text ( "Loading.." ) ;
if ( loadType != 'count' ) {
if ( loadMode == 'featured' ) {
2016-04-05 20:08:43 +05:00
for ( var i = 0 ; i < featuredFound ; i ++ ) {
$ ( document ) . find ( '#featured_pre' ) . append ( '<div class="item-video col-lg-6 col-md-6 col-sm-6 col-xs-12"><div style="height:200px" class="thumb-video background-masker clearfix"></div></div>' ) ;
}
2016-05-23 12:50:52 +05:00
var currWidth = $ ( window ) . width ( ) ;
if ( loadHit >= 2 && currWidth > 767 ) {
var moveTo = $ ( ".featAppending" ) . last ( ) . offset ( ) . top ;
moveTo = moveTo ;
thakkiLoading ( moveTo ) ;
}
2016-03-21 18:10:48 +05:00
} else {
2016-04-05 20:08:43 +05:00
for ( var i = 0 ; i < recentFound ; i ++ ) {
2016-03-21 18:10:48 +05:00
$ ( document ) . find ( '#recent_pre' ) . append ( '<div class="item-video col-lg-4 col-md-4 col-sm-4 col-xs-6"><div class="thumb-video background-masker clearfix"></div><div class="loadingInfo video-info relative clearfix"><div class="background-masker heading clearfix"></div><div class="background-masker paragraph clearfix"></div><div class="background-masker clearfix views-date"></div></div></div>' ) ;
}
preLoadingBlock ( ) ;
2016-05-23 12:50:52 +05:00
var currWidth = $ ( window ) . width ( ) ;
if ( loadHit >= 2 && currWidth > 767 ) {
var moveTo = $ ( "#recent_pre" ) . last ( ) . offset ( ) . top ;
moveTo = moveTo ;
thakkiLoading ( moveTo ) ;
}
2016-03-21 18:10:48 +05:00
}
2016-03-21 17:05:43 +05:00
}
2016-03-21 15:15:09 +05:00
} ,
success : function ( data ) {
2016-04-13 11:19:25 +05:00
$ ( main _object ) . removeAttr ( 'disabled' ) ;
2016-06-14 00:10:34 -07:00
$ ( main _object ) . text ( loadMoreLang ) ;
2016-04-06 15:06:13 +05:00
if ( data . length < 10 ) {
2016-03-21 15:15:09 +05:00
$ ( main _object ) . remove ( ) ;
2016-04-06 15:06:13 +05:00
if ( loadHit == 1 ) {
2016-10-06 18:13:06 +05:00
//alert(loadMode);
2016-04-28 12:33:20 +05:00
if ( loadMode == 'featured' ) {
2016-04-06 15:06:13 +05:00
$ ( '#featured_load_more' ) . hide ( ) ;
$ ( '#featured_pre' ) . hide ( ) ;
2016-06-14 00:10:34 -07:00
$ ( "#featured_vid_sec" ) . html ( '<div class="break2"></div><span class="well well-info btn-block">' + langCo + '</span>' ) ;
2016-04-06 15:06:13 +05:00
return false ;
} else if ( loadMode == 'recent' ) {
$ ( '#recent_load_more' ) . remove ( ) ;
$ ( '#recent_pre' ) . remove ( ) ;
2016-06-14 00:10:34 -07:00
$ ( "#recent_vids_sec" ) . html ( '<div class="break2"></div><span class="well well-info btn-block">' + noRecent + '</span>' ) ;
2016-04-06 15:06:13 +05:00
return false ;
}
}
2016-03-21 15:15:09 +05:00
return true ;
}
if ( loadType == 'video' ) {
if ( loadMode == 'recent' ) {
$ ( '#recent_load_more' ) . remove ( ) ;
2016-03-21 18:10:48 +05:00
$ ( '#recent_pre' ) . html ( '' ) ;
2016-03-22 11:57:18 +05:00
$ ( data ) . appendTo ( '#recent_vids_sec' ) . fadeIn ( 'slow' ) ;
2016-04-08 15:48:37 +05:00
recentSect = $ ( '#container' ) . find ( '#total_videos_recent' ) . text ( ) ;
if ( loadHit == 1 && recentSect <= 2 ) {
moreRecent = false ;
}
2016-03-21 18:59:29 +05:00
if ( moreRecent == true ) {
2016-06-14 00:10:34 -07:00
$ ( document ) . find ( '#recent-loadmore' ) . append ( '<div class="clearfix text-center"><button id="recent_load_more" class="btn btn-loadmore" loadtype="video" loadmode="recent" loadlimit="' + loadLimit + '" loadhit="' + newloadHit + '">' + loadMoreLang + '</button></div>' ) ;
2016-03-21 18:59:29 +05:00
}
2016-05-23 12:50:52 +05:00
2016-03-21 15:15:09 +05:00
} else {
$ ( '#featured_load_more' ) . remove ( ) ;
2016-04-05 20:08:43 +05:00
$ ( '#featured_pre' ) . html ( '' ) ;
2016-03-22 11:57:18 +05:00
$ ( data ) . appendTo ( '#featured_vid_sec' ) . fadeIn ( 'slow' ) ;
2016-04-08 15:48:37 +05:00
featuredSect = $ ( '#container' ) . find ( '#total_videos_featured' ) . text ( ) ;
2016-09-16 16:13:38 +05:00
if ( loadHit == 1 && loadLimit >= featuredSect ) {
moreFeatured = false ;
} else if ( loadHit * loadLimit >= featuredSect ) {
2016-04-08 15:48:37 +05:00
moreFeatured = false ;
}
2016-03-21 18:59:29 +05:00
if ( moreFeatured == true ) {
2016-06-14 00:10:34 -07:00
$ ( document ) . find ( '#featured-loadmore' ) . append ( '<div class="clearfix text-center"><button id="featured_load_more" class="btn btn-loadmore" loadtype="video" loadmode="featured" loadlimit="' + loadLimit + '" loadhit="' + newloadHit + '">' + loadMoreLang + '</button></div>' ) ;
2016-03-21 18:59:29 +05:00
}
2016-03-21 15:15:09 +05:00
}
2016-03-21 18:12:54 +05:00
}
2016-04-05 20:08:43 +05:00
$ ( '#container' ) . find ( '#total_videos_recent' ) . hide ( ) ;
$ ( '#container' ) . find ( '#total_videos_featured' ) . hide ( ) ;
2016-03-21 18:12:54 +05:00
}
} ) ;
2016-03-21 15:15:09 +05:00
} ) ;
// trigger clicks on doc load to get
// initial videos
$ ( document ) . ready ( function ( ) {
$ ( '#featured_load_more' ) . trigger ( "click" ) ;
$ ( '#featured_load_more' ) . hide ( ) ;
$ ( '#recent_load_more' ) . trigger ( "click" ) ;
$ ( '#recent_load_more' ) . hide ( ) ;
} ) ;
}
2016-03-16 17:30:07 +05:00
//on resize functions
$ ( window ) . resize ( function ( ) {
headerFooter ( ) ;
2016-03-21 15:36:42 +05:00
preLoadingBlock ( ) ;
2016-03-16 17:30:07 +05:00
responsiveFixes ( ) ;
2016-04-07 15:22:30 +05:00
loginHeight ( ) ;
2016-05-16 16:45:06 +05:00
} ) ;
2016-05-23 12:50:52 +05:00
//shortKeys();