Ruud
67 lines
1.3 KiB
JavaScript
67 lines
1.3 KiB
JavaScript
var BlockHeader = new Class({
|
|
|
|
Extends: BlockNavigation,
|
|
|
|
create: function(){
|
|
var self = this;
|
|
|
|
self.parent();
|
|
|
|
self.el.adopt(
|
|
self.foldout = new Element('a.foldout.icon2.menu', {
|
|
'events': {
|
|
'click': self.toggleMenu.bind(self)
|
|
}
|
|
}).grab(new Element('span.overlay')),
|
|
self.logo = new Element('a.logo', {
|
|
'html': '<span>Couch</span><span>Potato</span>',
|
|
'href': App.createUrl('')
|
|
}),
|
|
self.nav
|
|
);
|
|
|
|
new ScrollSpy({
|
|
min: 400,
|
|
onLeave: function(){
|
|
self.backtotop.fade('out');
|
|
},
|
|
onEnter: function(){
|
|
self.backtotop.fade('in');
|
|
}
|
|
});
|
|
|
|
self.nav.addEvents({
|
|
'click:relay(a)': function(){
|
|
if($(document.body).getParent().hasClass('menu_shown'))
|
|
self.toggleMenu();
|
|
}
|
|
});
|
|
|
|
},
|
|
|
|
toggleMenu: function(){
|
|
var self = this,
|
|
body = $(document.body),
|
|
html = body.getParent();
|
|
|
|
// Copy over settings menu
|
|
if(!self.added){
|
|
|
|
new Element('li.separator').inject(self.nav);
|
|
body.getElements('.header .more_menu.menu li a, .header .more_menu.menu li span.separator').each(function(el, nr){
|
|
if(nr <= 2) return;
|
|
if(el.get('tag') == 'a')
|
|
self.nav.grab(new Element('li').grab(el.clone().cloneEvents(el)));
|
|
else
|
|
self.nav.grab(new Element('li.separator'));
|
|
});
|
|
|
|
self.added = true;
|
|
}
|
|
|
|
html.toggleClass('menu_shown');
|
|
|
|
}
|
|
|
|
});
|