Movie lists

2014-12-16 23:55:26 +01:00
parent 5bfdb121df
commit 0155c8de2d
10 changed files with 348 additions and 1139 deletions
@@ -0,0 +1,66 @@
+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');
+
+	}
+
+});
@@ -5,47 +5,10 @@ var BlockNavigation = new Class({
 	create: function(){
 		var self = this;

-		self.el = new Element('div.navigation').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 Element('ul'),
-			self.backtotop = new Element('a.backtotop', {
-				'text': 'back to top',
-				'events': {
-					'click': function(){
-						window.scroll(0,0);
-					}
-				},
-				'tween': {
-					'duration': 100
-				}
-			})
+		self.el = new Element('div.navigation').grab(
+			self.nav = new Element('ul')
 		);

-		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();
-			}
-		});
-
 	},

 	addTab: function(name, tab){
@@ -57,30 +20,6 @@ var BlockNavigation = new Class({

 	},

-	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');
-
-	},
-
 	activate: function(name){
 		var self = this;