brite/tutorial/taskmanager/03/js/main.js

DOM Centric Minimalistic MVC Framework

// Set brite.js to load on demand
brite.viewDefaultConfig.loadTmpl = true;
brite.viewDefaultConfig.loadCss = true;

// on document ready, display MainView
$(document).ready(function(){
  brite.display("MainView","#pageBody");
});

// Handlebars.js render wrapper
Handlebars.templates = Handlebars.templates || {};	
function render(templateName,data){
	var tmpl = Handlebars.templates[templateName];
	
	if (!tmpl){
		var tmplContent = $("#" + templateName).html();
		tmpl = Handlebars.compile(tmplContent);
		Handlebars.templates[templateName] = tmpl;		
	}
	return tmpl(data);
}

var main = main || {};
(function(){
	
	// sample data
	var seedProjects = [
		{id:"001",title:"Grocery List"},
		{id:"002",title:"House Remodeling"},
		{id:"003",title:"Learn HTML5"},
		{id:"004",title:"Learn Brite"}
	];
	
	// dample data;
	var seedTasks = [
		{id:"101",projectId:"001",done:false,title:"Heavy Whipping cream"},
		{id:"102",projectId:"001",done:true,title:"1 Garlic"},
		{id:"103",projectId:"001",done:false,title:"Mushrooms (cèpe)"},
		{id:"104",projectId:"001",done:false,title:"Fresh Pasta"},
		
		{id:"201",projectId:"002",done:true,title:"Take room dimensions"},
		{id:"202",projectId:"002",done:true,title:"Make sketches with iPad app"},
		{id:"203",projectId:"002",done:false,title:"Hire architect to review sketches"},
		{id:"204",projectId:"002",done:false,title:"Hire engineer to finish plan"},
		{id:"205",projectId:"002",done:false,title:"Hire contractors"},
		
		{id:"301",projectId:"003",done:true,title:"Brush up HTML, JS, and CSS skills"},
		{id:"302",projectId:"003",done:false,title:"Checkout html5rocks.com for new HTML5 features"},
		{id:"303",projectId:"003",done:false,title:"Learn Object Oriented with JavaScript"},
		{id:"304",projectId:"003",done:false,title:"Learn application layout with HTML and CSS"},
		{id:"305",projectId:"003",done:false,title:"Learn"},
		
		{id:"401",projectId:"004",done:false,title:"Learn HTML5"},
		{id:"402",projectId:"004",done:false,title:"Learn D-MVC (DOM centric MVC)"},
		{id:"403",projectId:"004",done:true,title:"Forget Sencha type: $('.sencha').delete()"},
		{id:"404",projectId:"004",done:false,title:"Build an amazing HTML5 application the DOM way and not the desktop way"}
  ]
  
  // Note: here we are using the provided brite.InMemoryDaoHandler for this tutorial,
  // but DaoHandler can easly implemented to fit your server or local storage need.  

  main.projectDao = brite.registerDao(new brite.InMemoryDaoHandler("Project",seedProjects));
  
  main.taskDao = brite.registerDao(new brite.InMemoryDaoHandler("Task",seedTasks));	
	
	
})();