113 lines
3.2 KiB
JavaScript
113 lines
3.2 KiB
JavaScript
var LANDING_PAGE_HERO_HEIGHT = 550 - 64;
|
|
|
|
$(function() {
|
|
window.isSmall = $(window).width() <= 600;
|
|
window.pathArray = window.location.pathname.split( '/' );
|
|
window.onLandingPage = 0;
|
|
|
|
initEffects();
|
|
initSideNav();
|
|
initStickyHeader();
|
|
});
|
|
|
|
function initEffects() {
|
|
// Pipes Slide & Custom Parallax
|
|
$('#hero .img-wrapper').slideDown();
|
|
function parallaxScroll(){
|
|
var scrolledY = $(window).scrollTop();
|
|
$('#hero .img-wrapper').css('bottom','-'+((scrolledY*0.1))+'px');
|
|
}
|
|
|
|
if(!window.isSmall) {
|
|
$(window).bind('scroll',function(e){
|
|
parallaxScroll();
|
|
});
|
|
}
|
|
|
|
// Slide In Top Level Menu
|
|
$(".button-collapse").sideNav();
|
|
|
|
// Generel Parallax Effect
|
|
$('.parallax').parallax();
|
|
|
|
|
|
// Code Syntax Highlighting
|
|
hljs.initHighlightingOnLoad();
|
|
|
|
// Striped Tables
|
|
$('section#documentation table').addClass('striped');
|
|
|
|
// Linkable Headers
|
|
$('body.documentation section#documentation h2, body.documentation section#documentation h3').click(function(event) {
|
|
var id = $(event.target).attr('id');
|
|
window.location.hash = id;
|
|
});
|
|
}
|
|
|
|
function initStickyHeader() {
|
|
var stickyHeaderPosition = !window.onLandingPage ? 1 : LANDING_PAGE_HERO_HEIGHT;
|
|
|
|
$(window).scroll(function() {
|
|
if ($(this).scrollTop() > stickyHeaderPosition) {
|
|
$('#header').addClass("sticky");
|
|
$('#header').addClass("z-depth-1");
|
|
} else {
|
|
$('#header').removeClass("sticky");
|
|
$('#header').removeClass("z-depth-1");
|
|
}
|
|
});
|
|
}
|
|
|
|
function initSideNav() {
|
|
var linkUrl = getLinkUrl();
|
|
$('section ul.nav a').each(function(index, element) {
|
|
if($(element).attr('href').indexOf(linkUrl) != -1) {
|
|
$(element).closest('li').addClass('active');
|
|
$(element).closest('li').parents('li').addClass('active open');
|
|
$(element).parents('ul').slideDown();
|
|
}
|
|
if($(element).closest('li').children('ul').length > 0) {
|
|
$(element).addClass('has-submenu');
|
|
// Accordion
|
|
/*$(element).click(function(event) {
|
|
event.stopPropagation();
|
|
$('section#documentation ul.nav ul').slideUp();
|
|
$(element).closest('li').children('ul').slideDown();
|
|
return false;
|
|
});*/
|
|
}
|
|
});
|
|
|
|
// Sticky SideNav
|
|
if(!window.onLandingPage) {
|
|
var isSmall = $(window).width() <= 600;
|
|
|
|
if(!isSmall) {
|
|
// $('section ul.nav').sticky({topSpacing: 100});
|
|
}
|
|
|
|
$( window ).resize(function() {
|
|
var isSmall = $(window).width() <= 600;
|
|
if(isSmall) {
|
|
// $('section ul.nav').unstick();
|
|
} else {
|
|
// $('section ul.nav').sticky({topSpacing: 100});
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function getLinkUrl() {
|
|
var linkUrl = '';
|
|
for (i = 1; i < pathArray.length; i++) {
|
|
var pathSegment = pathArray[i];
|
|
if(pathSegment!='') {
|
|
linkUrl += "/" + pathSegment;
|
|
}
|
|
}
|
|
if(!linkUrl.endsWith('.html')) {
|
|
return linkUrl + "/index.html";
|
|
} else {
|
|
return linkUrl;
|
|
}
|
|
} |