mailinabox/management/templates/smtp-relays.html

78 lines
2.1 KiB
HTML
Raw Normal View History

<style>
</style>
2020-04-13 16:55:00 +00:00
<script>
function checklocks() {
let use_auth = document.getElementById("relay_use_auth").checked
document.getElementById("relay_auth_user").disabled = !use_auth
document.getElementById("relay_auth_pass").disabled = !use_auth
}
</script>
<h2>SMTP Relays</h2>
2020-04-13 14:34:14 +00:00
<p>SMTP Relays are third-party services you can hand off the responsability of getting the mail delivered. They
can be useful when, for example, port 25 is blocked.</p>
<p>Here, you can configure an authenticated SMTP relay (for example, <a href="https://letsencrypt.org/"
target="_blank">SendGrid</a>) over port 587.</p>
<div id="smtp_relay_config">
2020-04-13 14:53:47 +00:00
<h3>SMTP Relay Configuration</h3>
2020-04-13 14:34:14 +00:00
<form class="form-horizontal" role="form" onsubmit="return false;">
<div class="form-group">
2020-04-13 15:18:26 +00:00
<table style="max-width: 600px">
2020-04-13 14:57:56 +00:00
<tr>
2020-04-13 15:13:26 +00:00
<td>
<label for="relay_host" class="col-sm-1 control-label">Relay Host</label>
</td>
<td>
<div class="col-sm-10">
<input type="text" class="form-control" id="relay_host" placeholder="host.domain.tld">
</div>
</td>
2020-04-13 16:55:00 +00:00
<td style="padding: 0 1em; font-weight: bold;">:587</td>
</tr>
<tr>
2020-04-13 17:05:49 +00:00
<td>
2020-04-13 17:09:04 +00:00
<label for="relay_use_auth">Authenticate</label>
2020-04-13 17:05:49 +00:00
</td>
<td>
2020-04-13 17:09:04 +00:00
<div class="col-sm-10">
<input checked type="checkbox" id="relay_use_auth" name="relay_use_auth" value="true"
onclick="checklocks();">
</div>
2020-04-13 17:05:49 +00:00
</td>
2020-04-13 14:57:56 +00:00
</tr>
2020-04-13 14:53:47 +00:00
2020-04-13 14:57:56 +00:00
<tr>
2020-04-13 15:13:26 +00:00
<td>
2020-04-13 15:18:26 +00:00
<label for="relay_auth_user" class="col-sm-1 control-label">Username</label>
2020-04-13 15:13:26 +00:00
</td>
<td>
<div class="col-sm-10">
<input type="text" class="form-control" id="relay_auth_user" placeholder="user">
</div>
</td>
2020-04-13 14:57:56 +00:00
</tr>
2020-04-13 14:53:47 +00:00
2020-04-13 14:57:56 +00:00
<tr>
2020-04-13 15:13:26 +00:00
<td>
2020-04-13 15:18:26 +00:00
<label for="relay_auth_pass" class="col-sm-1 control-label">Password/Key</label>
2020-04-13 15:13:26 +00:00
</td>
<td>
<div class="col-sm-10">
<input type="password" class="form-control" id="relay_auth_pass" placeholder="password">
</div>
</td>
2020-04-13 14:57:56 +00:00
</tr>
</table>
2020-04-13 14:34:14 +00:00
</div>
<div class="col-sm-offset-1 col-sm-11">
<button type="submit" class="btn btn-primary">Update</button>
</div>
</form>
</div>