mirror of https://github.com/moparisthebest/mail
86 lines
1.8 KiB
JavaScript
86 lines
1.8 KiB
JavaScript
(function() {
|
|
'use strict';
|
|
|
|
app.view.MessageListView = Backbone.View.extend({
|
|
|
|
initialize: function(args) {
|
|
this.template = _.template(app.util.tpl.get('messagelist'));
|
|
this.folder = args.folder;
|
|
this.dao = args.dao;
|
|
},
|
|
|
|
render: function(eventName) {
|
|
var self = this,
|
|
page = $(this.el);
|
|
|
|
page.html(this.template(this.options));
|
|
|
|
page.find('#refreshBtn').on('vmousedown', function() {
|
|
self.syncFolder();
|
|
});
|
|
|
|
return this;
|
|
},
|
|
|
|
/**
|
|
* Synchronize emails from the cloud
|
|
*/
|
|
syncFolder: function() {
|
|
var self = this;
|
|
|
|
$.mobile.loading('show', {
|
|
text: 'Syncing...',
|
|
textVisible: true
|
|
});
|
|
// sync from cloud
|
|
this.dao.syncFromCloud(this.folder, function(err) {
|
|
$.mobile.loading('hide');
|
|
|
|
// check for error
|
|
if (err) {
|
|
window.alert('Syncing failed!');
|
|
return;
|
|
}
|
|
|
|
// read local storage and add to list view
|
|
self.loadItems();
|
|
});
|
|
},
|
|
|
|
/**
|
|
* Load items from local storage
|
|
*/
|
|
loadItems: function() {
|
|
var self = this,
|
|
page = $(this.el),
|
|
list = page.find('#message-list'),
|
|
listItemArgs, i, email;
|
|
|
|
$.mobile.loading('show', {
|
|
text: 'decrypting...',
|
|
textVisible: true
|
|
});
|
|
this.dao.listItems(this.folder, 0, 10, function(collection) {
|
|
// clear list
|
|
list.html('');
|
|
|
|
// append items to list in reverse order so mails with the most recent date will be displayed first
|
|
for (i = collection.models.length - 1; i >= 0; i--) {
|
|
email = collection.at(i);
|
|
listItemArgs = {
|
|
account: self.options.account,
|
|
folder: self.folder,
|
|
model: email
|
|
};
|
|
list.append(new app.view.MessageListItemView(listItemArgs).render().el);
|
|
}
|
|
|
|
// refresh list view
|
|
list.listview('refresh');
|
|
$.mobile.loading('hide');
|
|
});
|
|
}
|
|
|
|
});
|
|
|
|
}()); |