Files
cloudron-box/src/views/email.js
2020-02-24 12:56:13 +01:00

679 lines
24 KiB
JavaScript

'use strict';
/* global angular:false */
/* global $:false */
angular.module('Application').controller('EmailController', ['$scope', '$location', '$timeout', '$routeParams', 'Client', function ($scope, $location, $timeout, $routeParams, Client) {
Client.onReady(function () { if (!Client.getUserInfo().isAtLeastAdmin) $location.path('/'); });
var domainName = $routeParams.domain;
if (!domainName) return $location.path('/email');
$scope.ready = false;
$scope.refreshBusy = true;
$scope.client = Client;
$scope.user = Client.getUserInfo();
$scope.config = Client.getConfig();
$scope.apps = Client.getInstalledApps();
$scope.users = [];
$scope.domain = null;
$scope.adminDomain = null;
$scope.expectedDnsRecords = {
mx: { },
dkim: { },
spf: { },
dmarc: { },
ptr: { }
};
$scope.expectedDnsRecordsTypes = [
{ name: 'MX', value: 'mx' },
{ name: 'DKIM', value: 'dkim' },
{ name: 'SPF', value: 'spf' },
{ name: 'DMARC', value: 'dmarc' },
{ name: 'PTR', value: 'ptr' }
];
$scope.catchall = {
mailboxes: [],
busy: false,
submit: function () {
$scope.catchall.busy = true;
var addresses = $scope.catchall.mailboxes.map(function (m) { return m.name; });
Client.setCatchallAddresses($scope.domain.domain, addresses, function (error) {
if (error) console.error('Unable to add catchall address.', error);
$timeout(function () { $scope.catchall.busy = false; }, 2000); // otherwise, it's too fast
});
},
refresh: function () {
$scope.catchall.mailboxes = $scope.domain.mailConfig.catchAll.map(function (name) {
return $scope.mailboxes.mailboxes.find(function (m) { return m.name === name; });
}).filter(function (m) { return !!m; });
}
};
$scope.mailinglists = {
busy: false,
mailinglists: [],
search: '',
add: {
busy: false,
error: {},
name: '',
membersTxt: '',
reset: function () {
$scope.mailinglists.add.busy = false;
$scope.mailinglists.add.error = {};
$scope.mailinglists.add.name = '';
$scope.mailinglists.add.membersTxt = '';
},
show: function () {
$scope.mailinglists.add.reset();
$('#mailinglistAddModal').modal('show');
},
submit: function () {
$scope.mailinglists.add.busy = true;
var members = $scope.mailinglists.add.membersTxt
.split(/[\n,]/)
.map(function (m) { return m.trim(); })
.filter(function (m) { return m.length !== 0; });
Client.addMailingList($scope.domain.domain, $scope.mailinglists.add.name, members, function (error) {
$scope.mailinglists.add.busy = false;
$scope.mailinglists.add.error = {};
if (error) {
if (error.statusCode === 400 && error.message.indexOf('member') !== -1) {
$scope.mailinglists.add.error.members = error.message;
} else {
$scope.mailinglists.add.error.name = error.message;
}
return;
}
$scope.mailinglists.add.reset();
$scope.mailinglists.refresh();
$('#mailinglistAddModal').modal('hide');
});
}
},
edit: {
busy: false,
error: {},
name: '',
membersTxt: '',
show: function (list) {
$scope.mailinglists.edit.name = list.name;
$scope.mailinglists.edit.membersTxt = list.members.sort().join('\n');
$('#mailinglistEditModal').modal('show');
},
submit: function () {
$scope.mailinglists.edit.busy = true;
var members = $scope.mailinglists.edit.membersTxt.split(/[\n,]/)
.map(function (m) { return m.trim(); })
.filter(function (m) { return m.length !== 0; });
Client.updateMailingList($scope.domain.domain, $scope.mailinglists.edit.name, members, function (error) {
$scope.mailinglists.edit.busy = false;
$scope.mailinglists.edit.error = {};
if (error) {
$scope.mailinglists.edit.error.members = error.message;
return;
}
$scope.mailinglists.refresh();
$('#mailinglistEditModal').modal('hide');
});
}
},
remove: {
busy: false,
list: null,
show: function (list) {
$scope.mailinglists.remove.list = list;
$('#mailinglistRemoveModal').modal('show');
},
submit: function () {
$scope.mailinglists.remove.busy = true;
Client.removeMailingList($scope.domain.domain, $scope.mailinglists.remove.list.name, function (error) {
$scope.mailinglists.remove.busy = false;
if (error) return console.error(error);
$scope.mailinglists.remove.list = null;
$scope.mailinglists.refresh();
$('#mailinglistRemoveModal').modal('hide');
});
}
},
refresh: function (callback) {
callback = typeof callback === 'function' ? callback : function (error) { if (error) return console.error(error); };
Client.listMailingLists($scope.domain.domain, function (error, result) {
if (error) return callback(error);
$scope.mailinglists.mailinglists = result;
callback();
});
}
};
$scope.toggleMailFromValidation = function () {
Client.setMailFromValidation($scope.domain.domain, !$scope.domain.mailConfig.mailFromValidation, function (error) {
if (error) return console.error(error);
$scope.refreshDomain();
});
};
$scope.incomingEmail = {
busy: false,
setupDns: true,
setupDnsBusy: false,
toggleEmailEnabled: function () {
if ($scope.domain.mailConfig.enabled) {
$('#disableEmailModal').modal('show');
} else {
$('#enableEmailModal').modal('show');
}
},
setDnsRecords: function (callback) {
$scope.incomingEmail.setupDnsBusy = true;
Client.setDnsRecords($scope.domain.domain, function (error) {
if (error) console.error(error);
$timeout(function () { $scope.incomingEmail.setupDnsBusy = false; }, 2000); // otherwise, it's too fast
if (callback) callback();
});
},
enable: function () {
$('#enableEmailModal').modal('hide');
$scope.incomingEmail.busy = true;
Client.enableMailForDomain($scope.domain.domain, true , function (error) {
if (error) return console.error(error);
$scope.reconfigureEmailApps();
let maybeSetupDns = $scope.incomingEmail.setupDns ? $scope.incomingEmail.setDnsRecords : function (next) { next(); };
maybeSetupDns(function (error) {
if (error) return console.error(error);
$scope.refreshDomain();
$scope.incomingEmail.busy = false;
});
});
},
disable: function () {
$('#disableEmailModal').modal('hide');
$scope.incomingEmail.busy = true;
Client.enableMailForDomain($scope.domain.domain, false , function (error) {
if (error) return console.error(error);
$scope.reconfigureEmailApps();
$scope.refreshDomain();
$scope.incomingEmail.busy = false;
});
}
};
$scope.mailboxes = {
mailboxes: [],
search: '',
add: {
error: null,
busy: false,
name: '',
owner: null,
reset: function () {
$scope.mailboxes.add.busy = false;
$scope.mailboxes.add.error = null;
$scope.mailboxes.add.name = '';
$scope.mailboxes.add.owner = null;
},
show: function () {
$scope.mailboxes.add.reset();
$('#mailboxAddModal').modal('show');
},
submit: function () {
$scope.mailboxes.add.busy = true;
Client.addMailbox($scope.domain.domain, $scope.mailboxes.add.name, $scope.mailboxes.add.owner.id, function (error) {
if (error) {
$scope.mailboxes.add.busy = false;
$scope.mailboxes.add.error = error;
return;
}
$scope.mailboxes.add.reset();
$scope.mailboxes.refresh(function (error) {
if (error) return console.error(error);
$scope.catchall.refresh();
$('#mailboxAddModal').modal('hide');
});
});
}
},
edit: {
busy: false,
error: null,
name: '',
owner: null,
aliases: '',
show: function (mailbox) {
$scope.mailboxes.edit.name = mailbox.name;
$scope.mailboxes.edit.owner = mailbox.owner; // this can be null if mailbox had no owner
$scope.mailboxes.edit.aliases = mailbox.aliases;
$('#mailboxEditModal').modal('show');
},
submit: function () {
$scope.mailboxes.edit.busy = true;
// $scope.mailboxes.edit.owner is expected to be validated by the UI
Client.updateMailbox($scope.domain.domain, $scope.mailboxes.edit.name, $scope.mailboxes.edit.owner.id, function (error) {
if (error) {
$scope.mailboxes.edit.error = error;
$scope.mailboxes.edit.busy = false;
return;
}
var aliases = $scope.mailboxes.edit.aliases.split(',').map(function (a) { return a.trim(); }).filter(function (a) { return !!a; });
Client.setAliases($scope.domain.domain, $scope.mailboxes.edit.name, aliases, function (error) {
if (error) {
$scope.mailboxes.edit.error = error;
$scope.mailboxes.edit.busy = false;
return;
}
$scope.mailboxes.edit.busy = false;
$scope.mailboxes.edit.error = null;
$scope.mailboxes.edit.name = '';
$scope.mailboxes.edit.owner = null;
$scope.mailboxes.edit.aliases = '';
$scope.mailboxes.refresh();
$('#mailboxEditModal').modal('hide');
});
});
}
},
remove: {
busy: false,
mailbox: null,
show: function (mailbox) {
$scope.mailboxes.remove.mailbox = mailbox;
$('#mailboxRemoveModal').modal('show');
},
submit: function () {
$scope.mailboxes.remove.busy = true;
Client.removeMailbox($scope.domain.domain, $scope.mailboxes.remove.mailbox.name, function (error) {
$scope.mailboxes.remove.busy = false;
if (error) return console.error(error);
$scope.mailboxes.remove.mailbox = null;
$scope.mailboxes.refresh(function (error) {
if (error) return console.error(error);
$scope.catchall.refresh();
$('#mailboxRemoveModal').modal('hide');
});
});
}
},
refresh: function (callback) {
callback = typeof callback === 'function' ? callback : function (error) { if (error) return console.error(error); };
Client.getMailboxes($scope.domain.domain, function (error, mailboxes) {
if (error) return callback(error);
Client.listAliases($scope.domain.domain, function (error, aliases) {
if (error) return callback(error);
$scope.mailboxes.mailboxes = mailboxes.map(function (m) {
m.aliases = aliases.filter(function (a) { return a.aliasTarget === m.name; }).map(function (a) { return a.name; }).join(',');
m.owner = $scope.users.find(function (u) { return u.id === m.ownerId; }); // owner may not exist
m.ownerDisplayName = m.owner ? m.owner.display : ''; // this meta property is set when we get the user list
return m;
});
Client.getMailUsage($scope.domain.domain, function (error, usage) {
if (error) return callback(error);
$scope.mailboxes.mailboxes.forEach(function (m) { m.usage = usage[m.name + '@' + m.domain].size || 0; });
callback();
});
});
});
}
};
$scope.mailRelayPresets = [
{ provider: 'cloudron-smtp', name: 'Built-in SMTP server' },
{ provider: 'external-smtp', name: 'External SMTP server', host: '', port: 587 },
{ provider: 'external-smtp-noauth', name: 'External SMTP server (No Authentication)', host: '', port: 587 },
{ provider: 'ses-smtp', name: 'Amazon SES', host: 'email-smtp.us-east-1.amazonaws.com', port: 587, spfDoc: 'https://docs.aws.amazon.com/ses/latest/DeveloperGuide/spf.html' },
{ provider: 'google-smtp', name: 'Google', host: 'smtp.gmail.com', port: 587, spfDoc: 'https://support.google.com/a/answer/33786?hl=en' },
{ provider: 'mailgun-smtp', name: 'Mailgun', host: 'smtp.mailgun.org', port: 587, spfDoc: 'https://www.mailgun.com/blog/white-labeling-dns-records-your-customers-tips-tricks' },
{ provider: 'mailjet-smtp', name: 'Mailjet', host: '', port: 587, spfDoc: 'https://app.mailjet.com/docs/spf-dkim-guide' },
{ provider: 'postmark-smtp', name: 'Postmark', host: 'smtp.postmarkapp.com', port: 587, spfDoc: 'https://postmarkapp.com/support/article/1092-how-do-i-set-up-spf-for-postmark' },
{ provider: 'sendgrid-smtp', name: 'SendGrid', host: 'smtp.sendgrid.net', port: 587, username: 'apikey', spfDoc: 'https://sendgrid.com/docs/ui/account-and-settings/spf-records/' },
{ provider: 'sparkpost-smtp', name: 'SparkPost', host: 'smtp.sparkpostmail.com', port: 587, username: 'SMTP_Injection', spfDoc: 'https://www.sparkpost.com/resources/email-explained/spf-sender-policy-framework/' },
{ provider: 'noop', name: 'Disable' },
];
$scope.usesTokenAuth = function (provider) {
return provider === 'postmark-smtp' || provider === 'sendgrid-smtp' || provider === 'sparkpost-smtp';
};
$scope.usesExternalServer = function (provider) {
return provider !== 'cloudron-smtp' && provider !== 'noop';
};
$scope.usesPasswordAuth = function (provider) {
return provider === 'external-smtp'
|| provider === 'ses-smtp'
|| provider === 'google-smtp'
|| provider === 'mailgun-smtp'
|| provider === 'mailjet-smtp';
};
$scope.mailRelay = {
error: null,
success: false,
busy: false,
preset: $scope.mailRelayPresets[0],
presetChanged: function () {
$scope.mailRelay.error = null;
$scope.mailRelay.relay.provider = $scope.mailRelay.preset.provider;
$scope.mailRelay.relay.host = $scope.mailRelay.preset.host;
$scope.mailRelay.relay.port = $scope.mailRelay.preset.port;
$scope.mailRelay.relay.username = '';
$scope.mailRelay.relay.password = '';
$scope.mailRelay.relay.serverApiToken = '';
$scope.mailRelay.relay.acceptSelfSignedCerts = false;
},
// form data to be set on load
relay: {
provider: 'cloudron-smtp',
host: '',
port: 25,
username: '',
password: '',
serverApiToken: '',
acceptSelfSignedCerts: false
},
submit: function () {
$scope.mailRelay.error = null;
$scope.mailRelay.busy = true;
$scope.mailRelay.success = false;
var data = {
provider: $scope.mailRelay.relay.provider,
host: $scope.mailRelay.relay.host,
port: $scope.mailRelay.relay.port,
acceptSelfSignedCerts: $scope.mailRelay.relay.acceptSelfSignedCerts
};
// fill in provider specific username/password usage
if (data.provider === 'postmark-smtp') {
data.username = $scope.mailRelay.relay.serverApiToken;
data.password = $scope.mailRelay.relay.serverApiToken;
} else if (data.provider === 'sendgrid-smtp') {
data.username = 'apikey';
data.password = $scope.mailRelay.relay.serverApiToken;
} else if (data.provider === 'sparkpost-smtp') {
data.username = 'SMTP_Injection';
data.password = $scope.mailRelay.relay.serverApiToken;
} else {
data.username = $scope.mailRelay.relay.username;
data.password = $scope.mailRelay.relay.password;
}
Client.setMailRelay($scope.domain.domain, data, function (error) {
$scope.mailRelay.busy = false;
if (error) {
$scope.mailRelay.error = error.message;
return;
}
$scope.domain.relay = data;
$scope.mailRelay.success = true;
$scope.refreshDomain();
// clear success indicator after 3sec
$timeout(function () { $scope.mailRelay.success = false; }, 3000);
});
}
};
function resetDnsRecords() {
$scope.expectedDnsRecordsTypes.forEach(function (record) {
var type = record.value;
$scope.expectedDnsRecords[type] = {};
$('#collapse_dns_' + type).collapse('hide');
});
$('#collapse_outbound_smtp').collapse('hide');
$('#collapse_rbl').collapse('hide');
}
function showExpectedDnsRecords() {
// open the record details if they are not correct
$scope.expectedDnsRecordsTypes.forEach(function (record) {
var type = record.value;
$scope.expectedDnsRecords[type] = $scope.domain.mailStatus.dns[type] || {};
if (!$scope.expectedDnsRecords[type].status) {
$('#collapse_dns_' + type).collapse('show');
}
});
if (!$scope.domain.mailStatus.relay.status) {
$('#collapse_outbound_smtp').collapse('show');
}
if (!$scope.domain.mailStatus.rbl.status) {
$('#collapse_rbl').collapse('show');
}
}
$scope.selectDomain = function () {
$location.path('/email/' + $scope.domain.domain, false);
};
// this is required because we need to rewrite the MAIL_DOMAINS env var
$scope.reconfigureEmailApps = function () {
var installedApps = Client.getInstalledApps();
for (var i = 0; i < installedApps.length; i++) {
if (!installedApps[i].manifest.addons.email) continue;
Client.repairApp(installedApps[i].id, { }, function (error) {
if (error) console.error(error);
});
}
};
$scope.refreshDomain = function () {
$scope.refreshBusy = true;
resetDnsRecords();
Client.getMailConfigForDomain(domainName, function (error, mailConfig) {
if (error) {
$scope.refreshBusy = false;
return console.error(error);
}
// pre-fill the form
$scope.mailRelay.relay.provider = mailConfig.relay.provider;
$scope.mailRelay.relay.host = mailConfig.relay.host;
$scope.mailRelay.relay.port = mailConfig.relay.port;
$scope.mailRelay.relay.acceptSelfSignedCerts = !!mailConfig.relay.acceptSelfSignedCerts;
$scope.mailRelay.relay.username = '';
$scope.mailRelay.relay.password = '';
$scope.mailRelay.relay.serverApiToken = '';
if (mailConfig.relay.provider === 'postmark-smtp') {
$scope.mailRelay.relay.serverApiToken = mailConfig.relay.username;
} else if (mailConfig.relay.provider === 'sendgrid-smtp') {
$scope.mailRelay.relay.serverApiToken = mailConfig.relay.password;
} else if (mailConfig.relay.provider === 'sparkpost-smtp') {
$scope.mailRelay.relay.serverApiToken = mailConfig.relay.password;
} else {
$scope.mailRelay.relay.username = mailConfig.relay.username;
$scope.mailRelay.relay.password = mailConfig.relay.password;
}
for (var i = 0; i < $scope.mailRelayPresets.length; i++) {
if ($scope.mailRelayPresets[i].provider === mailConfig.relay.provider) {
$scope.mailRelay.preset = $scope.mailRelayPresets[i];
break;
}
}
// amend to selected domain to be available for the UI
$scope.domain.mailConfig = mailConfig;
$scope.domain.mailStatus = {};
$scope.mailboxes.refresh(function (error) {
if (error) console.error(error);
$scope.mailinglists.refresh();
$scope.catchall.refresh();
});
// we will fetch the status without blocking the ui
Client.getMailStatusForDomain($scope.domain.domain, function (error, mailStatus) {
$scope.refreshBusy = false;
if (error) return console.error(error);
$scope.domain.mailStatus = mailStatus;
showExpectedDnsRecords();
});
});
};
$scope.refreshStatus = function () {
$scope.refreshBusy = true;
Client.getMailStatusForDomain($scope.domain.domain, function (error, mailStatus) {
if (error) {
$scope.refreshBusy = false;
return console.error(error);
}
// overwrite the selected domain status to be available for the UI
$scope.domain.mailStatus = mailStatus;
showExpectedDnsRecords();
$scope.refreshBusy = false;
});
};
Client.onReady(function () {
$scope.isAdminDomain = $scope.config.adminDomain === domainName;
Client.getUsers(function (error, users) {
if (error) return console.error('Unable to get user listing.', error);
// ensure we have a display value available
$scope.users = users.map(function (u) {
u.display = u.username || u.email;
return u;
});
$scope.users = users;
Client.getDomain(domainName, function (error, result) {
if (error) return console.error('Unable to get view domain.', error);
$scope.domain = result;
Client.getDomain($scope.config.adminDomain, function (error, result) {
if (error) return console.error('Unable to get admin domain.', error);
$scope.adminDomain = result;
$scope.refreshDomain();
$scope.ready = true;
});
});
});
});
// setup all the dialog focus handling
['mailboxAddModal', 'mailboxEditModal', 'mailinglistEditModal', 'mailinglistAddModal'].forEach(function (id) {
$('#' + id).on('shown.bs.modal', function () {
$(this).find('[autofocus]:first').focus();
});
});
$('.modal-backdrop').remove();
}]);