mirror of
https://github.com/mail-in-a-box/mailinabox.git
synced 2024-12-22 07:17:05 +00:00
242 lines
9.4 KiB
HTML
242 lines
9.4 KiB
HTML
<style>
|
|
#alias_table .actions > * { padding-right: 3px; }
|
|
#alias_table .alias-required .remove { display: none }
|
|
</style>
|
|
|
|
<h2>Aliases</h2>
|
|
|
|
<h3>Add a mail alias</h3>
|
|
|
|
<p>An alias can forward email to a <a href="javascript:show_panel('users')">mail user</a> or to any email address. You can separately grant permission to one or more users to send as an alias.</p>
|
|
|
|
<form class="form-horizontal" role="form" onsubmit="do_add_alias(); return false;">
|
|
<div class="form-group">
|
|
<div class="col-sm-offset-1 col-sm-11">
|
|
<div id="alias_type_buttons" class="btn-group btn-group-xs">
|
|
<button type="button" class="btn btn-default" data-mode="regular">Regular</button>
|
|
<button type="button" class="btn btn-default" data-mode="catchall">Catch-All</button>
|
|
<button type="button" class="btn btn-default" data-mode="domainalias">Domain Alias</button>
|
|
</div>
|
|
<div id="alias_mode_info" class="text-info small" style="display: none; margin: .5em 0 0 0;">
|
|
<span class="catchall hidden">A catch-all alias captures all otherwise unmatched email to a domain. Enter just a part of an email address starting with the @-sign.</span>
|
|
<span class="domainalias hidden">A domain alias forwards all otherwise unmatched mail from one domain to another domain, preserving the part before the @-sign.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="addaliasEmail" class="col-sm-1 control-label">Alias</label>
|
|
<div class="col-sm-10">
|
|
<input type="email" class="form-control" id="addaliasEmail">
|
|
<div style="margin-top: 3px; padding-left: 3px; font-size: 90%" class="text-muted">You may use international (non-ASCII) characters for the domain part of the email address only.</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="addaliasReceivers" class="col-sm-1 control-label">Forwards To</label>
|
|
<div class="col-sm-10">
|
|
<textarea class="form-control" rows="3" id="addaliasReceivers"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="addaliasSenders" class="col-sm-1 control-label">Permitted Senders</label>
|
|
<div class="col-sm-10">
|
|
<textarea class="form-control" rows="3" id="addaliasSenders"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-sm-offset-1 col-sm-11">
|
|
<button id="add-alias-button" type="submit" class="btn btn-primary">Add Alias</button>
|
|
<button id="alias-cancel" class="btn btn-default hidden" onclick="aliases_reset_form(); return false;">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<h3>Existing mail aliases</h3>
|
|
<table id="alias_table" class="table" style="width: auto">
|
|
<thead>
|
|
<tr>
|
|
<th></th>
|
|
<th>Alias<br></th>
|
|
<th>Forwards To</th>
|
|
<th>Permitted Senders</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p style="margin-top: 1.5em"><small>hostmaster@, postmaster@, and admin@ email addresses are required on some domains.</small></p>
|
|
|
|
<div style="display: none">
|
|
<table>
|
|
<tr id="alias-template">
|
|
<td class='actions'>
|
|
<a href="#" onclick="aliases_edit(this); scroll_top(); return false;" class='edit' title="Edit Alias">
|
|
<span class="glyphicon glyphicon-pencil"></span>
|
|
</a>
|
|
<a href="#" onclick="aliases_remove(this); return false;" class='remove' title="Remove Alias">
|
|
<span class="glyphicon glyphicon-trash"></span>
|
|
</a>
|
|
</td>
|
|
<td class='email'> </td>
|
|
<td class='receivers'> </td>
|
|
<td class='senders'> </td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
<script>
|
|
function show_aliases() {
|
|
$('#alias_table tbody').html("<tr><td colspan='2' class='text-muted'>Loading...</td></tr>")
|
|
api(
|
|
"/mail/aliases",
|
|
"GET",
|
|
{ format: 'json' },
|
|
function(r) {
|
|
$('#alias_table tbody').html("");
|
|
for (var i = 0; i < r.length; i++) {
|
|
var hdr = $("<tr><td colspan='3'><h4/></td></tr>");
|
|
hdr.find('h4').text(r[i].domain);
|
|
$('#alias_table tbody').append(hdr);
|
|
|
|
for (var k = 0; k < r[i].aliases.length; k++) {
|
|
var alias = r[i].aliases[k];
|
|
|
|
var n = $("#alias-template").clone();
|
|
n.attr('id', '');
|
|
|
|
if (alias.required) n.addClass('alias-required');
|
|
n.attr('data-email', alias.address_display); // this is decoded from IDNA, but will get re-coded to IDNA on the backend
|
|
n.find('td.email').text(alias.address_display)
|
|
for (var j = 0; j < alias.receivers.length; j++)
|
|
n.find('td.receivers').append($("<div></div>").text(alias.receivers[j]))
|
|
for (var j = 0; j < alias.senders.length; j++)
|
|
n.find('td.senders').append($("<div></div>").text(alias.senders[j]))
|
|
$('#alias_table tbody').append(n);
|
|
}
|
|
}
|
|
})
|
|
|
|
$(function() {
|
|
$('#alias_type_buttons button').off('click').click(function() {
|
|
$('#alias_type_buttons button').removeClass('active');
|
|
$(this).addClass('active');
|
|
if ($(this).attr('data-mode') == "regular") {
|
|
$('#addaliasEmail').attr('type', 'email');
|
|
$('#addaliasEmail').attr('placeholder', 'incoming email address (e.g. you@yourdomain.com)');
|
|
$('#addaliasReceivers').attr('placeholder', 'forward to these email addresses (one per line or separated by commas)');
|
|
$('#addaliasSenders').attr('placeholder', 'allow these users to send as this alias (one per line or separated by commas)');
|
|
$('#alias_mode_info').slideUp();
|
|
} else if ($(this).attr('data-mode') == "catchall") {
|
|
$('#addaliasEmail').attr('type', 'text');
|
|
$('#addaliasEmail').attr('placeholder', 'incoming catch-all address (e.g. @yourdomain.com)');
|
|
$('#addaliasReceivers').attr('placeholder', 'forward to these email addresses (one per line or separated by commas)');
|
|
$('#addaliasSenders').attr('placeholder', 'allow these users to send as any address on this domain (one per line or separated by commas)');
|
|
$('#alias_mode_info').slideDown();
|
|
$('#alias_mode_info span').addClass('hidden');
|
|
$('#alias_mode_info span.catchall').removeClass('hidden');
|
|
} else if ($(this).attr('data-mode') == "domainalias") {
|
|
$('#addaliasEmail').attr('type', 'text');
|
|
$('#addaliasEmail').attr('placeholder', 'incoming domain (@yourdomain.com)');
|
|
$('#addaliasReceivers').attr('placeholder', 'forward to domain (@yourdomain.com)');
|
|
$('#addaliasSenders').attr('placeholder', 'allow these users to send as any address on this domain (one per line or separated by commas)');
|
|
$('#alias_mode_info').slideDown();
|
|
$('#alias_mode_info span').addClass('hidden');
|
|
$('#alias_mode_info span.domainalias').removeClass('hidden');
|
|
}
|
|
})
|
|
$('#alias_type_buttons button[data-mode="regular"]').click(); // init
|
|
})
|
|
}
|
|
|
|
var is_alias_add_update = false;
|
|
function do_add_alias() {
|
|
var title = (!is_alias_add_update) ? "Add Alias" : "Update Alias";
|
|
var form_address = $("#addaliasEmail").val();
|
|
var form_receivers = $("#addaliasReceivers").val();
|
|
var form_senders = $("#addaliasSenders").val();
|
|
api(
|
|
"/mail/aliases/add",
|
|
"POST",
|
|
{
|
|
update_if_exists: is_alias_add_update ? '1' : '0',
|
|
address: form_address,
|
|
receivers: form_receivers,
|
|
senders: form_senders
|
|
},
|
|
function(r) {
|
|
// Responses are multiple lines of pre-formatted text.
|
|
show_modal_error(title, $("<pre/>").text(r));
|
|
show_aliases()
|
|
aliases_reset_form();
|
|
},
|
|
function(r) {
|
|
show_modal_error(title, r);
|
|
});
|
|
return false;
|
|
}
|
|
|
|
function aliases_reset_form() {
|
|
$("#addaliasEmail").prop('disabled', false);
|
|
$("#addaliasEmail").val('')
|
|
$("#addaliasReceivers").val('')
|
|
$("#addaliasSenders").val('')
|
|
$('#alias-cancel').addClass('hidden');
|
|
$('#add-alias-button').text('Add Alias');
|
|
is_alias_add_update = false;
|
|
}
|
|
|
|
function aliases_edit(elem) {
|
|
var email = $(elem).parents('tr').attr('data-email');
|
|
var receiverdivs = $(elem).parents('tr').find('.receivers div');
|
|
var senderdivs = $(elem).parents('tr').find('.senders div');
|
|
var receivers = "";
|
|
for (var i = 0; i < receiverdivs.length; i++)
|
|
receivers += $(receiverdivs[i]).text() + "\n";
|
|
var senders = "";
|
|
for (var i = 0; i < senderdivs.length; i++)
|
|
senders += $(senderdivs[i]).text() + "\n";
|
|
if (email.charAt(0) == '@' && receivers.charAt(0) == '@')
|
|
$('#alias_type_buttons button[data-mode="domainalias"]').click();
|
|
else if (email.charAt(0) == '@')
|
|
$('#alias_type_buttons button[data-mode="catchall"]').click();
|
|
else
|
|
$('#alias_type_buttons button[data-mode="regular"]').click();
|
|
$('#alias-cancel').removeClass('hidden');
|
|
$("#addaliasEmail").prop('disabled', true);
|
|
$("#addaliasEmail").val(email);
|
|
$("#addaliasReceivers").val(receivers);
|
|
$("#addaliasSenders").val(senders);
|
|
$('#add-alias-button').text('Update');
|
|
$('body').animate({ scrollTop: 0 })
|
|
is_alias_add_update = true;
|
|
}
|
|
|
|
function aliases_remove(elem) {
|
|
var row_address = $(elem).parents('tr').attr('data-email');
|
|
show_modal_confirm(
|
|
"Remove Alias",
|
|
"Remove " + email + "?",
|
|
"Remove",
|
|
function() {
|
|
api(
|
|
"/mail/aliases/remove",
|
|
"POST",
|
|
{
|
|
address: row_address
|
|
},
|
|
function(r) {
|
|
// Responses are multiple lines of pre-formatted text.
|
|
show_modal_error("Remove User", $("<pre/>").text(r));
|
|
show_aliases();
|
|
});
|
|
});
|
|
}
|
|
|
|
function scroll_top() {
|
|
$('html, body').animate({
|
|
scrollTop: $("#panel_aliases").offset().top
|
|
}, 1000);
|
|
}
|
|
</script>
|