archive/theorangeone.net-legacy
Archived
1
Fork 0
Code Releases Packages Activity

Linting

Browse source
This commit is contained in:
Jake Howard 2016-01-03 13:32:08 +00:00
parent 7caf5753bf
commit c1dc76a3c3
1 changed files with 35 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

67
static/src/js/events.js
View file

@ -1,50 +1,53 @@
/* global $ */ /* global $ */
var is_navbar_attached = false; var is_navbar_attached = false;
function position_navbar() {
if ($(window).width() < 862) { // @screen-sm
$('.navbar-icon').removeClass('ion-ios-arrow-up').addClass('ion-ios-arrow-down');
return;
}
if ($(window).scrollTop() > $('#navbar-anchor').offset().top) {
if(!is_navbar_attached) {attach_navbar(); is_navbar_attached = true;}
} else if (is_navbar_attached) {
detach_navbar();
is_navbar_attached = false;
}
$('.dropdown-menu').each(function(){
var direction = ($(this).height() + 10 < $('nav').offset().top - $(window).scrollTop()) ? 'up' : 'down';
flip_dropdowns($(this), direction);
});
}
$(window).load(function(){ $(window).load(function() {
$(window).trigger('scroll').trigger('resize'); $(window).trigger('scroll').trigger('resize');
}); });
function detach_navbar() { function detach_navbar() {
$('#navbar-container').removeClass('stick-top').addClass('align'); $('#navbar-container').removeClass('stick-top').addClass('align');
$('.dropdown-menu').removeClass('dropdown').addClass('dropup'); $('.dropdown-menu').removeClass('dropdown').addClass('dropup');
} }
function attach_navbar() { function attach_navbar() {
$('#navbar-container').removeClass('align').addClass('stick-top'); $('#navbar-container').removeClass('align').addClass('stick-top');
$('.dropdown-menu').removeClass('dropup').addClass('dropdown'); $('.dropdown-menu').removeClass('dropup').addClass('dropdown');
} }
function flip_dropdowns(obj, direction) { function flip_dropdowns(obj, direction) {
if (obj.hasClass('drop'+direction)){ return; } if (obj.hasClass('drop' + direction)) { return; }
var reverse = direction == 'up' ? 'down' : 'up'; var reverse = ((direction === 'up') ? 'down' : 'up');
obj.removeClass('drop' + reverse).addClass('drop' + direction); obj.removeClass('drop' + reverse).addClass('drop' + direction);
obj.prev().children().removeClass('ion-ios-arrow-' + reverse).addClass('ion-ios-arrow-' + direction); obj.prev().children().removeClass('ion-ios-arrow-' + reverse).addClass('ion-ios-arrow-' + direction);
}
function position_navbar() {
if ($(window).width() < 862) { // @screen-sm
$('.navbar-icon').removeClass('ion-ios-arrow-up').addClass('ion-ios-arrow-down');
return;
}
if ($(window).scrollTop() > $('#navbar-anchor').offset().top) {
if (!is_navbar_attached) {
attach_navbar();
is_navbar_attached = true;
}
} else if (is_navbar_attached) {
detach_navbar();
is_navbar_attached = false;
}
$('.dropdown-menu').each(function() {
var direction = ($(this).height() + 10 < $('nav').offset().top - $(window).scrollTop()) ? 'up' : 'down';
flip_dropdowns($(this), direction);
});
} }
function space_navbar() { //This really should be CSS! function space_navbar() { //This really should be CSS!
if ($(window).width() < 862) {return;} // @screen-sm if ($(window).width() < 862) { return; } // @screen-sm
var nav_width = $('#navigation').outerWidth(true); var nav_width = $('#navigation').outerWidth(true);
var full_width = $('nav > .container-fluid').outerWidth(true) - $('.home-button').outerWidth(true); var full_width = $('nav > .container-fluid').outerWidth(true) - $('.home-button').outerWidth(true);
var margin = (full_width - nav_width) / 2; var margin = (full_width - nav_width) / 2;
$('#navigation').css('margin-left', margin); $('#navigation').css('margin-left', margin);
} }
$(function() { // https://css-tricks.com/snippets/jquery/smooth-scrolling/ $(function() { // https://css-tricks.com/snippets/jquery/smooth-scrolling/