mail/src/js/app-router.js

'use strict';

var AppRouter = Backbone.Router.extend({

	routes:{
		'': 'login',
		'compose': 'compose',
		'accounts/:userId/folders': 'folders',
		'accounts/:userId/folders/:folder': 'messagelist',
		'accounts/:userId/folders/:folder/read/:messageId': 'read'
	},

	initialize: function () {
	},
	
	login: function() {
		// init email dao and dependencies
		var util = new app.crypto.Util(window, null);
		var jsonDao = new app.dao.LawnchairDAO(window);
		var crypto = new app.crypto.Crypto(window, util);
		var cloudstorage = new app.dao.CloudStorage(window, $);
		var devicestorage = new app.dao.DeviceStorage(crypto, jsonDao, null);
		this.emailDao = new app.dao.EmailDAO(_, crypto, devicestorage, cloudstorage);
	
		var loginView = new app.view.LoginView({dao: this.emailDao});
		this.changePage(loginView);
	},
	
	compose: function() {
		var composeView = new app.view.ComposeView();
		this.changePage(composeView);
	},
	
	folders: function(userId) {
		var folderListView = new app.view.FolderListView({account: userId});
		this.changePage(folderListView);	
	},
	
	messagelist: function(userId, folder) {
		var self = this;		
		var messageListView = new app.view.MessageListView({account: userId, folder: folder, dao: this.emailDao});
		self.changePage(messageListView);
		messageListView.loadItems();		
	},
	
	read: function(userId, folder, messageId) {
		var readView = new app.view.ReadView({
			folder: folder,
			messageId: decodeURIComponent(messageId),
			dao: this.emailDao
		});
		this.changePage(readView);
		readView.renderBody();
	},

	changePage: function (page) {
		// render the page and append it to the DOM
		var pageEl = $(page.el);
		pageEl.attr('data-role', 'page');
		page.render();
		$('body').append(pageEl);
		
		// handle back click
		pageEl.on('vmousedown', '#backBtn', function(e) {
			e.preventDefault();
			window.history.back();
		});
		
		// change page for link buttons on vmousedown instead of waiting on vmouseup
		pageEl.on('vmousedown', 'a[data-role="button"]', function(e) {
			e.preventDefault();
			var href = $(e.currentTarget).attr('href');
			window.location = href;
		});
		
		$.mobile.changePage(pageEl, {changeHash:false, reverse:false});
	}

});