Vulcan/client/components/menu/menu_component.js

74 lines
2.1 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);
}
2015-03-28 10:54:41 +09:00
Template[getTemplate('menuComponent')].helpers({
menuClass: function () {
2015-03-23 10:32:56 +09:00
2015-03-28 10:54:41 +09:00
var classes = [this.menuName+"-menu"];
var mode = (typeof this.menuMode === "undefined") ? "list" : this.menuMode;
var count = this.menuItems.length;
2015-03-23 11:28:36 +09:00
2015-03-28 10:54:41 +09:00
classes.push("menu-"+mode);
2015-03-23 10:32:56 +09:00
2015-03-28 10:54:41 +09:00
if(!!this.menuClass) {
classes.push(this.menuClass)
2015-03-23 10:32:56 +09:00
}
2015-03-28 10:54:41 +09:00
// enable menu if top-nav layout is enabled, if themes supports menus, and if menu isn't empty
2015-03-23 11:28:36 +09:00
if (count) {
2015-03-28 10:54:41 +09:00
classes.push("menu-has-items");
2015-03-23 11:28:36 +09:00
if (count > 3) {
2015-03-28 10:54:41 +09:00
classes.push("menu-long");
2015-03-23 11:28:36 +09:00
}
} else {
2015-03-28 10:54:41 +09:00
classes.push("menu-no-items");
}
2015-03-23 11:28:36 +09:00
2015-03-23 10:32:56 +09:00
return classes.join(" ");
},
2015-03-28 10:54:41 +09:00
menuLabel: function () {
// if label is defined, use this. Else default to menu name
return !!this.menuLabel ? this.menuLabel : i18n.t(this.menuName);
},
2015-03-28 10:54:41 +09:00
showMenuItem: 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);
}
});
2015-03-28 10:54:41 +09:00
Template[getTemplate('menuComponent')].events({
'click .show-more': function (e, t) {
e.preventDefault();
2015-03-28 10:54:41 +09:00
$menu = t.$('.menu');
$menu.toggleClass('menu-open');
}
});