Movie details page

couchpotato/static/scripts/couchpotato.js

@@ -82,7 +82,7 @@
 				self.block.more = new BlockMenu(self, {'button_class': 'icon2.cog'})
 			),
 			self.content = new Element('div.content').adopt(
-				self.pages = new Element('div.pages'),
+				self.pages_container = new Element('div.pages'),
 				self.block.footer = new BlockFooter(self, {})
 			)
 		);
@@ -143,7 +143,9 @@
 
 		var pages = [];
 		Object.each(Page, function(page_class, class_name){
-			var pg = new Page[class_name](self, {});
+			var pg = new Page[class_name](self, {
+				'level': 1
+			});
 			self.pages[class_name] = pg;
 
 			pages.include({
@@ -156,7 +158,7 @@
 		pages.stableSort(self.sortPageByOrder).each(function(page){
 			page['class'].load();
 			self.fireEvent('load'+page.name);
-			$(page['class']).inject(self.pages);
+			$(page['class']).inject(self.getPageContainer());
 		});
 
 		self.fireEvent('load');
@@ -207,6 +209,10 @@
 		return this.pages[name];
 	},
 
+	getPageContainer: function(){
+		return this.pages_container;
+	},
+
 	shutdown: function(){
 		var self = this;
 

couchpotato/static/scripts/page.js

@@ -20,7 +20,9 @@ var PageBase = new Class({
 		self.setOptions(options);
 
 		// Create main page container
-		self.el = new Element('div.page.'+self.name);
+		self.el = new Element('div', {
+			'class': 'page ' + self.getPageClass() + (' level_' + (options.level || 0))
+		});
 	},
 
 	load: function(){
@@ -55,11 +57,11 @@ var PageBase = new Class({
 
 		var sub_pages = self.sub_pages;
 
-		self.pages = new Element('div.pages').inject(self.el);
-
 		self.sub_pages = [];
 		sub_pages.each(function(class_name){
-			var pg = new window[self.name.capitalize()+class_name](self, {});
+			var pg = new window[self.name.capitalize()+class_name](self, {
+				'level': 2
+			});
 			self.sub_pages[class_name] = pg;
 
 			self.sub_pages.include({
@@ -73,7 +75,7 @@ var PageBase = new Class({
 			page['class'].load();
 			self.fireEvent('load'+page.name);
 
-			$(page['class']).inject(self.pages);
+			$(page['class']).inject(App.getPageContainer());
 		});
 
 	},
@@ -83,9 +85,9 @@ var PageBase = new Class({
 		//p('Opening: ' +self.getName() + ', ' + action + ', ' + Object.toQueryString(params));
 
 		try {
-			var elements
+			var elements;
 			if(!self[action+'Action']){
-				elements = self['defaultAction'](action, params);
+				elements = self.defaultAction(action, params);
 			}
 			else {
 				elements = self[action+'Action'](params);
@@ -114,6 +116,11 @@ var PageBase = new Class({
 		return (self.parent_page && self.parent_page.getPageUrl ? self.parent_page.getPageUrl() + '/' : '') + self.name;
 	},
 
+	getPageClass: function(){
+		var self = this;
+		return (self.parent_page && self.parent_page.getPageClass ? self.parent_page.getPageClass() + '_' : '') + self.name;
+	},
+
 	errorAction: function(e){
 		p('Error, action not found', e);
 	},