You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
1.1 KiB
43 lines
1.1 KiB
"use strict";
|
|
define(['app'], function () {
|
|
var MainMenuView = Backbone.Marionette.ItemView.extend({
|
|
events: {
|
|
'click a': 'onClick'
|
|
},
|
|
|
|
onClick: function (event) {
|
|
|
|
event.preventDefault();
|
|
|
|
var target = $(event.target);
|
|
|
|
//look down for <a/>
|
|
var href = event.target.getAttribute('href');
|
|
|
|
//if couldn't find it look up
|
|
if (!href && target.parent('a') && target.parent('a')[0]) {
|
|
|
|
var linkElement = target.parent('a')[0];
|
|
|
|
href = linkElement.getAttribute('href');
|
|
this.setActive(linkElement);
|
|
} else {
|
|
this.setActive(event.target);
|
|
}
|
|
},
|
|
|
|
setActive: function (element) {
|
|
//Todo: Set active on first load
|
|
this.$('a').removeClass('active');
|
|
$(element).addClass('active');
|
|
},
|
|
|
|
initialize: function () {
|
|
this.setElement($('#main-menu-region'));
|
|
}
|
|
});
|
|
|
|
return new MainMenuView();
|
|
|
|
});
|