Template:METU HS Ankara/JS/MainJS
var $devicewidth = (window.innerWidth > 0) ? window.innerWidth : screen.width; var $deviceheight = (window.innerHeight > 0) ? window.innerHeight : screen.height; var $htmlel = jQuery("html"); var $bodyel = jQuery("div"); var $navbarel = jQuery(".navbar");
/* ========================== */ /* ==== HELPER FUNCTIONS ==== */
function validatedata($attr, $defaultValue) {
"use strict";
if ($attr !== undefined) {
return $attr
}
return $defaultValue;
}
function parseBoolean(str, $defaultValue) {
"use strict";
if (str == 'true') {
return true;
} else if (str == "false") {
return false;
}
return $defaultValue;
}
(function ($) {
"use strict";
if (document.getElementById('ct-js-wrapper')) {
var snapper = new Snap({
element: document.getElementById('ct-js-wrapper')
});
snapper.settings({
disable: "left",
addBodyClasses: true
});
}
$(document).ready(function () {
if (jQuery.browser.mozilla){$htmlel.addClass('browser-mozilla') }
if (jQuery.browser.webkit){$htmlel.addClass('browser-webkit') }
if (jQuery.browser.msie){$htmlel.addClass('browser-msie') }
if (jQuery.browser.safari){$htmlel.addClass('browser-safari') }
// Add Color // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
$(".ct-js-color").each(function () {
$(this).css("color", '#' + $(this).attr("data-color"))
})
// Snap Navigation in Mobile // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
if ($devicewidth > 767 && document.getElementById('ct-js-wrapper')) {
snapper.disable();
}
$(".navbar-toggle").click(function () {
if ($bodyel.hasClass('snapjs-right')) {
snapper.close();
} else {
snapper.open('right');
}
});
$('.ct-menuMobile .ct-menuMobile-navbar .dropdown > a').click(function (e) {
return false; // iOS SUCKS
})
$('.ct-menuMobile .ct-menuMobile-navbar .dropdown > a').click(function (e) {
var $this = $(this);
if ($this.parent().hasClass('open')) {
$(this).parent().removeClass('open');
} else {
$('.ct-menuMobile .ct-menuMobile-navbar .dropdown.open').toggleClass('open');
$(this).parent().addClass('open');
}
})
$('.ct-menuMobile .ct-menuMobile-navbar .onepage > a').click(function (e) {
snapper.close();
})
// Animations Init // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
if ($().appear) {
if (device.mobile() || device.tablet()) {
$("body").removeClass("cssAnimate");
} else {
$('.cssAnimate .animated').appear(function () {
var $this = $(this);
$this.each(function () {
if ($this.data('time') != undefined) {
setTimeout(function () {
$this.addClass('activate');
$this.addClass($this.data('fx'));
}, $this.data('time'));
} else {
$this.addClass('activate');
$this.addClass($this.data('fx'));
}
});
}, {accX: 50, accY: -350});
}
}
// Tooltips and Popovers // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
$("[data-toggle='tooltip']").tooltip();
$("[data-toggle='popover']").popover({trigger: "hover", html: true});
// Section Spy // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
if ($devicewidth > 480) {
$('.ct-js-fixOnScroll').waypoint('sticky', {
direction: 'down',
stuckClass: 'stuck',
wrapper: '<div class="sticky-wrapper" />'
});
}
// Section Spy // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
if ($bodyel.hasClass("ct-js-enableWayPoints") && $deviceheight > 500) {
if ($(".ct-js-wayPoint").length > 0) {
var $sectionTitle_container = document.createElement('div');
$sectionTitle_container.id = 'ct-sectionTitle-fixed';
$sectionTitle_container.className = 'ct-sectionTitle-fixed';
document.getElementById('nedim').appendChild($sectionTitle_container);
$sectionTitle_container = document.getElementById("ct-sectionTitle-fixed");
var $sectionTitle = $(".ct-sectionTitle-fixed");
$sectionTitle.addClass("is-inactive");
$sectionTitle_container.innerHTML = '' + document.querySelectorAll('ct-js-wayPoint').innerHTML + '
';
var $prevElement;
$(".ct-js-wayPoint").waypoint({
handler: function (direction) {
if (direction === "down") {
$sectionTitle.removeClass("is-inactive");
$sectionTitle_container.innerHTML = '' + $(this)[0].innerHTML + '
';
} else if (direction === "up") {
if ($.waypoints('above').length != 1) {
$prevElement = $(this).waypoint('prev');
$sectionTitle_container.innerHTML = '' + $prevElement[0].innerHTML + '
';
} else {
$sectionTitle.addClass("is-inactive");
}
}
}
});
}
}
// Link Scroll to Section // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
function goToByScroll(id) {
$('html,body').animate({scrollTop: $(id).offset().top - 70}, 'slow');
}
$(document).ready(function () {
$('body .ct-js-btnScroll').click(function () {
goToByScroll($(this).attr('href'));
return false;
});
});
$('.ct-js-btnScrollUp').click(function (e) {
e.preventDefault();
$("body,html").animate({scrollTop: 0}, 1200);
console.log($navbarel);
$navbarel.find('.onepage').removeClass('active');
$navbarel.find('.onepage:first-child').addClass('active');
return false;
});
// Navbar Search // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
var $searchform = $(".ct-navbar-search");
$('#ct-js-navSearch').click(function (e) {
e.preventDefault();
$(this).toggleClass('is-active');
$searchform.fadeToggle(250, function () {
if (($searchform).is(":visible")) {
$searchform.find("[type=text]").focus();
}
});
return false;
})
// Placeholder Fallback // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
if ($().placeholder) {
$("input[placeholder],textarea[placeholder]").placeholder();
}
})
$(window).on('resize', function () {
if ($(window).width() < 768) {
snapper.enable();
} else {
snapper.disable();
}
})
$(document).mouseup(function (e) {
var $searchform = $(".ct-navbar-search");
if (!$('#ct-js-navSearch').is(e.target)) {
if (!$searchform.is(e.target) // if the target of the click isn't the container...
&& $searchform.has(e.target).length === 0) // ... nor a descendant of the container
{
$searchform.hide();
$('#ct-js-navSearch').removeClass('is-active');
}
}
});
$(window).load(function () {
// Masonry For Sidebar // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
if (jQuery().masonry && (jQuery(window).width() < 992) && (jQuery(window).width() > 767)) {
jQuery('.ct-js-sidebar .row').masonry({
itemSelector: '.col-sm-6.col-md-12',
layoutMode: 'sloppyMasonry',
resizable: false, // disable normal resizing
// set columnWidth to a percentage of container width
masonry: {}
});
}
})
$(window).scroll(function () {
var scroll = $(window).scrollTop();
if (scroll > 400) {
jQuery('.ct-js-btnScrollUp').addClass('is-active');
} else {
jQuery('.ct-js-btnScrollUp').removeClass('is-active');
}
// Navbar Height // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
if (($bodyel.hasClass("ct-navbar--fixedTop"))) {
if (scroll >= 100) {
if ($bodyel.hasClass("ct-js-navbarMakeSmaller")) {
$navbarel.addClass("is-small");
}
if ($bodyel.hasClass("ct-navbar-isTransparent-toInverse") || $bodyel.hasClass("ct-navbar-isTransparent-toDefault")) {
$navbarel.removeClass("ct-navbar--transparent");
}
if ($bodyel.hasClass("ct-navbar-isTransparent-toInverse")) {
$navbarel.addClass("navbar-inverse");
}
if ($bodyel.hasClass("ct-navbar-isTransparent-toDefault")) {
$navbarel.addClass("navbar-default");
}
} else {
//if ($bodyel.hasClass("ct-js-navbarMakeSmaller")) {
//$navbarel.removeClass("is-small");
//}
if ($bodyel.hasClass("ct-navbar-isTransparent-toDefault") || $bodyel.hasClass("ct-navbar-isTransparent-toInverse")) {
$navbarel.removeClass("navbar-default");
$navbarel.removeClass("navbar-inverse");
$navbarel.addClass("ct-navbar--transparent");
}
}
}
// fixed navbar
if ($bodyel.is(".navbar-fixed.with-topbar")) {
if (scroll >= 100) {
$bodyel.addClass("hide-topbar");
if (!($bodyel.is(".revert-to-transparent"))) {
$bodyel.addClass("navbar-with-shadow");
}
} else {
$bodyel.removeClass("hide-topbar navbar-with-shadow");
}
}
})
})(jQuery);