myAgendaPlanner.js

/*
 *	My Agenda Planner
 *	This is the "general controller" of the application. It controlls
 *	which views are displayed, some generic statuses and so forth.
 *
 *	@Parameter 1	( model | object Model | ... )
 *	-------------------------------------------------
 */
function MyAgendaPlanner (model) {
	"use strict";
	//	Defining variables.
	var mainView;
	this.activityPrevPos;	//	This variable is needed to know prevPos when moving between containers.

	/*
	 *	Views & view-object.
	 *	the views-array contains view-objects to be sent through the displayView-method.
	 *
	 * 	view-object:
	 * 	{
	 * 		type : "view-type",
	 * 		view : reference to view class,
	 * 		controller : reference to controller class
	 *	}
	 */
	this.views = [];
	
	/*
	 *	init ().
	 *	This method is used to 'start' the application.
	 *	--------------------------------------------------
	 */
	this.init = function () {
		//console.log("myAgendaPlanner - init()");
		//	Initalizing views by pushing view-objects to the views-array.
		this.views["main-view"] = {
			type : "main-view",
			view : MainView,
			controller : MainViewController

		};
		this.views["activity-view"] = {
			type : "activity-view",
			view : ActivityView,
			controller : ActivityViewController
			
		};
		this.views["day-view"] = {
			type : "day-view",
			view : DayView,
			controller : DayViewController
			
		};
		this.views["add-activity-view"] = {
			type : "add-activity-view",
			view : AddActivityView,
			controller : AddActivityViewController
			
		};
		//	Displaying default view(s).
		mainView = this.displayView({}, this.views["main-view"], "my-agenda-planner");
		mainView.addActivityView();
		mainView.addDayViews();

	};
	/*
	 *	displayView (viewParameters, viewObject, targetDOM).
	 *	This method is used to display a view somewhere in the HTML document.
	 *	Each view passed through the method must have a method called init which returns a DOM-element.
	 * 
	 *	@Parameter 1	(viewParameters | object {}	| This object should contain view-specific attributes.)
	 *	@Parameter 2	(viewObject 	| object {}	| view-object, read documentation above.)
	 *	@Parameter 3	(targetDOM		| string	| "DOM-id", without the #.)
	 * 
	 *	@Return			(view			| object	| "instance of main-view".)
	 *	--------------------------------------------------------------------------
	 */
	this.displayView = function (viewParameters, viewObject, targetDOM) {
		//console.log("myAgendaPlanner - displayView()");
		//	Defining variables.
		var controller,
			view;
			
		//	Creating new view & controller.
		controller = new viewObject.controller(model, this);
		view = new viewObject.view(viewParameters, controller, model, this);
		
		//	Displaying view by pushing returned DOM-element to targetDOM.
		$("#" + targetDOM).append(view.init());
		
		//	Returning only if type is main-view.
		if (viewObject.type == "main-view") {
			return view;
			
		};
	};
};