35 lines
774 B
JavaScript
35 lines
774 B
JavaScript
app.views.Header = app.views.Base.extend({
|
|
|
|
templateName : "header",
|
|
|
|
className : "dark-header",
|
|
|
|
events : {
|
|
"click ul.dropdown li:first-child" : "toggleDropdown"
|
|
},
|
|
|
|
initialize : function(options) {
|
|
$(document.body).click($.proxy(this.hideDropdown, this));
|
|
return this;
|
|
},
|
|
|
|
menuElement : function() {
|
|
return this.$("ul.dropdown");
|
|
},
|
|
|
|
toggleDropdown : function(evt) {
|
|
if(evt){ evt.preventDefault(); }
|
|
|
|
this.menuElement().toggleClass("active");
|
|
|
|
if($.browser.msie) {
|
|
this.$("header").toggleClass('ie-user-menu-active');
|
|
}
|
|
},
|
|
|
|
hideDropdown : function(evt) {
|
|
if(this.menuElement().hasClass("active") && !$(evt.target).parents("#user_menu").length) {
|
|
this.menuElement().removeClass("active");
|
|
}
|
|
}
|
|
});
|