mirror of
https://github.com/vale981/Vulcan
synced 2025-03-10 04:26:41 -04:00
64 lines
No EOL
1.8 KiB
JavaScript
64 lines
No EOL
1.8 KiB
JavaScript
Template[getTemplate('nav')].helpers({
|
|
headerClass: function () {
|
|
var headerClass = "";
|
|
var bgBrightness = tinycolor(getSetting('headerColor')).getBrightness();
|
|
if (bgBrightness < 50) {
|
|
headerClass += " dark-bg";
|
|
} else if (bgBrightness < 130) {
|
|
headerClass += " medium-dark-bg";
|
|
} else if (bgBrightness < 220) {
|
|
headerClass += " medium-light-bg";
|
|
} else if (bgBrightness < 255) {
|
|
headerClass += " light-bg";
|
|
} else {
|
|
headerClass += " white-bg";
|
|
}
|
|
return headerClass;
|
|
},
|
|
primaryNav: function () {
|
|
return _.sortBy(primaryNav, 'order');
|
|
},
|
|
hasPrimaryNav: function () {
|
|
return !!primaryNav.length;
|
|
},
|
|
secondaryNav: function () {
|
|
return _.sortBy(secondaryNav, 'order');
|
|
},
|
|
hasSecondaryNav: function () {
|
|
return !!secondaryNav.length;
|
|
},
|
|
dropdownClass: function () {
|
|
var dropdownClass = "";
|
|
// only use dropdowns for top nav
|
|
if (this.length > 3) {
|
|
dropdownClass += "long-dropdown";
|
|
}
|
|
if (getSetting('navLayout', 'top-nav') == 'top-nav' && getThemeSetting('useDropdowns', true)) {
|
|
dropdownClass += "has-dropdown";
|
|
} else {
|
|
dropdownClass += "no-dropdown";
|
|
}
|
|
return dropdownClass;
|
|
},
|
|
hasMoreThanThreeItems: function () {
|
|
console.log(this)
|
|
return this.length > 3;
|
|
},
|
|
logoTemplate: function () {
|
|
return getTemplate('logo');
|
|
},
|
|
navZoneTemplate: function () {
|
|
return getTemplate('navZone');
|
|
},
|
|
getTemplate: function () {
|
|
return getTemplate(this.template);
|
|
}
|
|
});
|
|
|
|
Template[getTemplate('nav')].events({
|
|
'click .mobile-menu-button': function(e){
|
|
e.preventDefault();
|
|
e.stopPropagation(); // Make sure we don't immediately close the mobile nav again. See layout.js event handler.
|
|
$('body').toggleClass('mobile-nav-open');
|
|
}
|
|
}); |