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.
51 lines
1.3 KiB
51 lines
1.3 KiB
'use strict';
|
|
define(
|
|
[
|
|
'marionette',
|
|
'Navbar/Search'
|
|
], function (Marionette) {
|
|
return Marionette.ItemView.extend({
|
|
template : 'Navbar/NavbarTemplate',
|
|
|
|
ui: {
|
|
search: '.x-series-search'
|
|
},
|
|
|
|
events: {
|
|
'click a': 'onClick'
|
|
},
|
|
|
|
onRender: function (){
|
|
this.ui.search.bindSearch();
|
|
},
|
|
|
|
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');
|
|
}
|
|
});
|
|
});
|