Vulcan/client/views/nav/dropdown_component.js

74 lines
2.2 KiB
JavaScript
Raw Normal View History

getRoute = function (item) {
// if route is a Function return its result, else apply Router.path() to it
return typeof item.route == "function" ? item.route() : Router.path(item.route);
}
Template[getTemplate('dropdownComponent')].helpers({
dropdownClass: function () {
2015-03-23 10:32:56 +09:00
var classes = [this.dropdownName+"-menu"];
var mode = (typeof this.dropdownMode === "undefined") ? "list" : this.dropdownMode;
2015-03-23 11:28:36 +09:00
var count = this.dropdownItems.length;
classes.push("dropdown-"+mode);
2015-03-23 10:32:56 +09:00
if(!!this.dropdownClass) {
classes.push(this.dropdownClass)
}
2015-03-22 12:27:05 +09:00
// enable dropdown if top-nav layout is enabled, if themes supports dropdowns, and if dropdown isn't empty
2015-03-23 11:28:36 +09:00
if (count) {
classes.push("dropdown-has-items");
if (count > 3) {
classes.push("dropdown-long");
}
} else {
2015-03-23 11:28:36 +09:00
classes.push("dropdown-no-items");
}
2015-03-23 11:28:36 +09:00
2015-03-23 10:32:56 +09:00
return classes.join(" ");
},
dropdownLabel: function () {
// if label is defined, use this. Else default to dropdown name
return !!this.dropdownLabel ? this.dropdownLabel : i18n.t(this.dropdownName);
},
showDropdownItem: function () {
// if this is an admin item, only show it if current user is admin
return this.adminOnly ? isAdmin(Meteor.user()) : true;
},
2015-03-22 12:27:05 +09:00
hasTemplate: function () {
return !!this.template;
},
itemClass: function () {
var itemClass = "";
var currentPath = Router.current().location.get().path ;
if (this.adminOnly) {
itemClass += " item-admin";
}
if (getRoute(this) === currentPath || getRoute(this) === Meteor.absoluteUrl() + currentPath.substr(1)) {
// substr(1) is to avoid having two "/" in the URL
itemClass += " item-active";
}
if (this.itemClass) {
itemClass += " "+this.itemClass;
}
return itemClass;
},
itemLabel: function () {
// if label is a Function return its result, else return i18n'd version of label
return typeof this.label == "function" ? this.label() : i18n.t(this.label);
},
itemRoute: function () {
return getRoute(this);
}
});
Template[getTemplate('dropdownComponent')].events({
'click .show-more': function (e, t) {
e.preventDefault();
$dropdown = t.$('.dropdown');
$dropdown.toggleClass('dropdown-open');
}
});