mirror of https://github.com/moparisthebest/mail
96 lines
2.3 KiB
JavaScript
96 lines
2.3 KiB
JavaScript
define(['jquery', 'backbone', 'js/view/login-view', 'js/view/compose-view',
|
|
'js/view/folderlist-view', 'js/view/messagelist-view', 'js/view/read-view',
|
|
'jquerymobile'
|
|
], function($, Backbone, LoginView, ComposeView, FolderListView, MessageListView, ReadView) {
|
|
'use strict';
|
|
|
|
var Router = Backbone.Router.extend({
|
|
|
|
routes: {
|
|
'': 'login',
|
|
'compose/:userId': 'compose',
|
|
'compose/:userId/folders/:folder': 'compose',
|
|
'accounts/:userId/folders': 'folders',
|
|
'accounts/:userId/folders/:folder': 'messagelist',
|
|
'accounts/:userId/folders/:folder/read/:messageId': 'read',
|
|
'accounts/:userId/folders/:folder/reply/:messageId': 'compose'
|
|
},
|
|
|
|
initialize: function() {},
|
|
|
|
login: function() {
|
|
var loginView = new LoginView();
|
|
this.changePage(loginView);
|
|
},
|
|
|
|
compose: function(userId, folder, messageId) {
|
|
var self = this,
|
|
composeView;
|
|
|
|
composeView = new ComposeView({
|
|
account: userId,
|
|
folder: folder,
|
|
messageId: (messageId) ? decodeURIComponent(messageId) : null,
|
|
callback: function(view) {
|
|
self.changePage(view);
|
|
}
|
|
});
|
|
},
|
|
|
|
folders: function(userId) {
|
|
var folderListView = new FolderListView({
|
|
account: userId
|
|
});
|
|
this.changePage(folderListView);
|
|
folderListView.listFolder();
|
|
},
|
|
|
|
messagelist: function(userId, folder) {
|
|
var self = this;
|
|
var messageListView = new MessageListView({
|
|
account: userId,
|
|
folder: folder
|
|
});
|
|
self.changePage(messageListView);
|
|
messageListView.loadItems();
|
|
},
|
|
|
|
read: function(userId, folder, messageId) {
|
|
var self = this,
|
|
readView;
|
|
|
|
readView = new ReadView({
|
|
account: userId,
|
|
folder: folder,
|
|
messageId: decodeURIComponent(messageId),
|
|
callback: function(view) {
|
|
self.changePage(view);
|
|
view.renderBody(true);
|
|
}
|
|
});
|
|
},
|
|
|
|
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);
|
|
|
|
// 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
|
|
});
|
|
}
|
|
|
|
});
|
|
|
|
return Router;
|
|
}); |