mirror of
https://github.com/moparisthebest/mail
synced 2024-08-13 16:43:47 -04:00
1d0526a6a0
* Remove recursive ng-includes/templates * Use DOMPurify to sanitize reader input * Remove ngSanitize * Wait to show signature error until body has been parsed * Fix scrollbar in iframe * Allow iframe scrolling on iOS * Move mail text body rendering to sandbox * Cleanup html files
261 lines
7.9 KiB
JavaScript
261 lines
7.9 KiB
JavaScript
define(function(require) {
|
|
'use strict';
|
|
|
|
var appController = require('js/app-controller'),
|
|
download = require('js/util/download'),
|
|
angular = require('angular'),
|
|
str = require('js/app-config').string,
|
|
emailDao, invitationDao, outbox, pgp, keychain;
|
|
|
|
//
|
|
// Controller
|
|
//
|
|
|
|
var ReadCtrl = function($scope) {
|
|
|
|
emailDao = appController._emailDao;
|
|
invitationDao = appController._invitationDao;
|
|
outbox = appController._outboxBo;
|
|
pgp = appController._pgp;
|
|
keychain = appController._keychain;
|
|
|
|
// set default value so that the popover height is correct on init
|
|
$scope.keyId = 'No key found.';
|
|
|
|
$scope.state.read = {
|
|
open: false,
|
|
toggle: function(to) {
|
|
this.open = to;
|
|
}
|
|
};
|
|
|
|
$scope.getKeyId = function(address) {
|
|
$scope.keyId = 'Searching...';
|
|
keychain.getReceiverPublicKey(address, function(err, pubkey) {
|
|
if (err) {
|
|
$scope.onError(err);
|
|
return;
|
|
}
|
|
|
|
if (!pubkey) {
|
|
$scope.keyId = 'User has no key. Click to invite.';
|
|
$scope.$apply();
|
|
return;
|
|
}
|
|
|
|
var fpr = pgp.getFingerprint(pubkey.publicKey);
|
|
var formatted = fpr.slice(32);
|
|
|
|
$scope.keyId = 'PGP key: ' + formatted;
|
|
$scope.$apply();
|
|
});
|
|
};
|
|
|
|
$scope.$watch('state.mailList.selected', function(mail) {
|
|
if (!mail) {
|
|
return;
|
|
}
|
|
|
|
// display sender security status
|
|
mail.from.forEach(checkPublicKey);
|
|
// display recipient security status
|
|
mail.to.forEach(checkPublicKey);
|
|
// display recipient security status
|
|
Array.isArray(mail.cc) && mail.cc.forEach(checkPublicKey);
|
|
});
|
|
|
|
function checkPublicKey(user) {
|
|
user.secure = undefined;
|
|
keychain.getReceiverPublicKey(user.address, function(err, pubkey) {
|
|
if (err) {
|
|
$scope.onError(err);
|
|
return;
|
|
}
|
|
|
|
if (pubkey && pubkey.publicKey) {
|
|
user.secure = true;
|
|
} else {
|
|
user.secure = false;
|
|
}
|
|
|
|
$scope.$apply();
|
|
});
|
|
}
|
|
|
|
$scope.download = function(attachment) {
|
|
// download file to disk if content is available
|
|
if (attachment.content) {
|
|
saveToDisk(attachment);
|
|
return;
|
|
}
|
|
|
|
var folder = $scope.state.nav.currentFolder;
|
|
var email = $scope.state.mailList.selected;
|
|
|
|
emailDao.getAttachment({
|
|
folder: folder,
|
|
uid: email.uid,
|
|
attachment: attachment
|
|
}, function(err) {
|
|
if (err) {
|
|
$scope.onError(err);
|
|
return;
|
|
}
|
|
|
|
saveToDisk(attachment);
|
|
});
|
|
|
|
function saveToDisk(attachment) {
|
|
download.createDownload({
|
|
content: attachment.content,
|
|
filename: attachment.filename,
|
|
contentType: attachment.mimeType
|
|
}, $scope.onError);
|
|
}
|
|
};
|
|
|
|
$scope.invite = function(user) {
|
|
// only invite non-pgp users
|
|
if (user.secure) {
|
|
return;
|
|
}
|
|
|
|
$scope.keyId = 'Sending invitation...';
|
|
|
|
var sender = emailDao._account.emailAddress,
|
|
recipient = user.address;
|
|
|
|
invitationDao.invite({
|
|
recipient: recipient,
|
|
sender: sender
|
|
}, function(err) {
|
|
if (err) {
|
|
$scope.onError(err);
|
|
return;
|
|
}
|
|
|
|
var invitationMail = {
|
|
from: [{
|
|
address: sender
|
|
}],
|
|
to: [{
|
|
address: recipient
|
|
}],
|
|
cc: [],
|
|
bcc: [],
|
|
subject: str.invitationSubject,
|
|
body: str.invitationMessage
|
|
};
|
|
|
|
// send invitation mail
|
|
outbox.put(invitationMail, $scope.onError);
|
|
});
|
|
};
|
|
};
|
|
|
|
//
|
|
// Directives
|
|
//
|
|
|
|
var ngModule = angular.module('read', []);
|
|
|
|
ngModule.directive('replySelection', function() {
|
|
return function(scope, elm) {
|
|
var popover, visible;
|
|
|
|
popover = angular.element(document.querySelector('.reply-selection'));
|
|
visible = false;
|
|
|
|
elm.on('touchstart click', appear);
|
|
elm.parent().parent().on('touchstart click', disappear);
|
|
popover.on('touchstart click', disappear);
|
|
|
|
function appear(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
visible = true;
|
|
|
|
// set popover position
|
|
var top = elm[0].offsetTop;
|
|
var left = elm[0].offsetLeft;
|
|
var width = elm[0].offsetWidth;
|
|
var height = elm[0].offsetHeight;
|
|
|
|
popover[0].style.transition = 'opacity 0.1s linear';
|
|
popover[0].style.top = (top + height) + 'px';
|
|
popover[0].style.left = (left + width / 2 - popover[0].offsetWidth / 2) + 'px';
|
|
popover[0].style.opacity = '1';
|
|
}
|
|
|
|
function disappear() {
|
|
if (!visible) {
|
|
return;
|
|
}
|
|
|
|
popover[0].style.transition = 'opacity 0.25s linear, top 0.25s step-end, left 0.25s step-end';
|
|
popover[0].style.opacity = '0';
|
|
popover[0].style.top = '-9999px';
|
|
popover[0].style.left = '-9999px';
|
|
visible = false;
|
|
}
|
|
};
|
|
});
|
|
|
|
ngModule.directive('frameLoad', function() {
|
|
return function(scope, elm) {
|
|
var iframe = elm[0];
|
|
|
|
iframe.onload = function() {
|
|
// set listeners
|
|
scope.$watch('state.mailList.selected.body', displayText);
|
|
scope.$watch('state.mailList.selected.html', displayHtml);
|
|
// display initial message body
|
|
scope.$apply();
|
|
};
|
|
|
|
function displayText(body) {
|
|
var mail = scope.state.mailList.selected;
|
|
if (!body || mail.html || (mail.encrypted && !mail.decrypted)) {
|
|
return;
|
|
}
|
|
|
|
// send text body for rendering in iframe
|
|
iframe.contentWindow.postMessage({
|
|
text: body
|
|
}, '*');
|
|
}
|
|
|
|
function displayHtml(html) {
|
|
if (!html) {
|
|
return;
|
|
}
|
|
|
|
// if there are image tags in the html?
|
|
var hasImages = /<img[^>]+\bsrc=['"][^'">]+['"]/ig.test(html);
|
|
scope.showImageButton = hasImages;
|
|
|
|
iframe.contentWindow.postMessage({
|
|
html: html,
|
|
removeImages: hasImages // avoids doing unnecessary work on the html
|
|
}, '*');
|
|
|
|
// no need to add a scope function to reload the html if there are no images
|
|
if (!hasImages) {
|
|
return;
|
|
}
|
|
|
|
// reload WITH images
|
|
scope.displayImages = function() {
|
|
scope.showImageButton = false;
|
|
iframe.contentWindow.postMessage({
|
|
html: html,
|
|
removeImages: false
|
|
}, '*');
|
|
};
|
|
}
|
|
};
|
|
});
|
|
|
|
return ReadCtrl;
|
|
}); |