mail/src/js/controller/navigation.js

197 lines
5.8 KiB
JavaScript
Raw Normal View History

2013-10-02 07:11:18 -04:00
define(function(require) {
2013-09-17 13:11:30 -04:00
'use strict';
2013-10-13 06:46:24 -04:00
var angular = require('angular'),
appController = require('js/app-controller'),
config = require('js/app-config').config,
notification = require('js/util/notification'),
2014-08-04 09:53:55 -04:00
backBtnHandler = require('js/util/backbutton-handler'),
2013-10-16 12:56:18 -04:00
_ = require('underscore'),
emailDao, outboxBo;
2013-10-02 07:11:18 -04:00
2013-10-13 07:51:34 -04:00
//
// Controller
//
var NavigationCtrl = function($scope, $routeParams, $location) {
if (!appController._emailDao && !$routeParams.dev) {
$location.path('/'); // init app
return;
}
emailDao = appController._emailDao;
outboxBo = appController._outboxBo;
//
// scope functions
//
2013-09-17 13:11:30 -04:00
$scope.state.nav = {
open: false,
toggle: function(to) {
this.open = to;
}
2013-09-17 13:11:30 -04:00
};
2013-09-18 16:05:51 -04:00
2013-09-30 15:22:46 -04:00
$scope.openFolder = function(folder) {
2013-11-08 17:31:20 -05:00
$scope.state.nav.currentFolder = folder;
$scope.state.nav.toggle(false);
2013-09-30 15:22:46 -04:00
};
$scope.onOutboxUpdate = function(err, count) {
if (err) {
$scope.onError(err);
return;
}
// update the outbox mail count
2014-02-24 04:14:07 -05:00
var outbox = _.findWhere($scope.account.folders, {
type: config.outboxMailboxType
});
outbox.count = count;
$scope.$apply();
2014-06-03 05:48:11 -04:00
emailDao.refreshFolder({
folder: outbox
}, $scope.onError);
};
//
// Start
//
2014-08-04 09:53:55 -04:00
// handle back button
backBtnHandler.start();
// init folders
initializeFolders();
// select inbox as the current folder on init
if ($scope.account.folders && $scope.account.folders.length > 0) {
$scope.openFolder($scope.account.folders[0]);
}
// connect imap/smtp clients on first startup
appController.onConnect(function(err) {
if (err) {
$scope.onError(err);
return;
}
// select inbox if not yet selected
2014-04-29 19:20:36 -04:00
if (!$scope.state.nav.currentFolder) {
$scope.openFolder($scope.account.folders[0]);
$scope.$apply();
}
});
2013-10-11 17:45:30 -04:00
//
// helper functions
//
function initializeFolders() {
// create dummy folder in dev environment only
if ($routeParams.dev) {
createDummyFolders();
2013-10-11 17:45:30 -04:00
return;
}
// get pointer to account/folder/message tree on root scope
$scope.$root.account = emailDao._account;
// set notificatio handler for sent messages
outboxBo.onSent = sentNotification;
// start checking outbox periodically
outboxBo.startChecking($scope.onOutboxUpdate);
}
function sentNotification(email) {
notification.create({
title: 'Message sent',
message: email.subject,
timeout: 2000
}, function() {});
}
// attach dummy folders for development
function createDummyFolders() {
$scope.$root.account = {};
$scope.account.folders = [{
2013-10-12 13:39:09 -04:00
type: 'Inbox',
count: 2,
2013-10-12 13:39:09 -04:00
path: 'INBOX'
2013-10-11 17:45:30 -04:00
}, {
2013-10-12 13:39:09 -04:00
type: 'Sent',
count: 0,
2013-10-12 13:39:09 -04:00
path: 'SENT'
2013-10-11 17:45:30 -04:00
}, {
type: config.outboxMailboxType,
count: 0,
path: config.outboxMailboxPath
2013-10-11 17:45:30 -04:00
}, {
2013-10-12 13:39:09 -04:00
type: 'Drafts',
count: 0,
2013-10-12 13:39:09 -04:00
path: 'DRAFTS'
2013-10-11 17:45:30 -04:00
}, {
2013-10-12 13:39:09 -04:00
type: 'Trash',
count: 0,
2013-10-12 13:39:09 -04:00
path: 'TRASH'
}];
}
2013-09-17 13:11:30 -04:00
};
2013-10-13 06:46:24 -04:00
//
// Directives
//
var ngModule = angular.module('navigation', []);
2013-12-06 11:30:49 -05:00
ngModule.directive('keyShortcuts', function($timeout) {
2013-10-13 06:46:24 -04:00
return function(scope, elm) {
elm.bind('keydown', function(e) {
2013-11-08 17:31:20 -05:00
// global state is not yet set, ignore keybaord shortcuts
if (!scope.state) {
return;
}
2013-12-06 05:51:13 -05:00
var modifier = e.ctrlKey || e.metaKey;
2014-04-23 11:45:02 -04:00
if (modifier && e.keyCode === 78 && scope.state.lightbox !== 'write') {
2013-10-13 06:56:33 -04:00
// n -> new mail
2013-10-13 06:46:24 -04:00
e.preventDefault();
2013-11-08 15:55:08 -05:00
scope.state.writer.write();
scope.$apply();
2013-10-13 06:46:24 -04:00
2014-04-23 11:45:02 -04:00
} else if (modifier && e.keyCode === 70 && scope.state.lightbox !== 'write') {
2013-12-06 11:30:49 -05:00
// f -> find
e.preventDefault();
scope.state.mailList.searching = true;
$timeout(function() {
scope.state.mailList.searching = false;
}, 200);
scope.$apply();
2013-12-06 11:30:49 -05:00
2014-04-23 11:45:02 -04:00
} else if (modifier && e.keyCode === 82 && scope.state.lightbox !== 'write' && scope.state.mailList.selected) {
2013-10-13 06:56:33 -04:00
// r -> reply
2013-10-13 06:46:24 -04:00
e.preventDefault();
2013-11-08 17:31:20 -05:00
scope.state.writer.write(scope.state.mailList.selected);
scope.$apply();
2014-04-23 11:45:02 -04:00
} else if (e.keyCode === 27 && scope.state.lightbox !== undefined) {
// escape -> close current lightbox
e.preventDefault();
2014-04-23 11:45:02 -04:00
scope.state.lightbox = undefined;
scope.$apply();
} else if (e.keyCode === 27 && scope.state.nav.open) {
// escape -> close nav view
e.preventDefault();
scope.state.nav.toggle(false);
scope.$apply();
2013-10-13 06:46:24 -04:00
}
2013-10-13 06:46:24 -04:00
});
};
});
2013-09-17 13:11:30 -04:00
return NavigationCtrl;
});