Revision control
Copy as Markdown
Other Tools
# This Source Code Form is subject to the terms of the Mozilla Public
# License, v. 2.0. If a copy of the MPL was not distributed with this
# file, You can obtain one at http://mozilla.org/MPL/2.0/.
<html:template id="accountHubOutgoingEmailFormTemplate" xmlns="http://www.w3.org/1999/xhtml">
<form id="outgoingEmailForm" class="account-hub-form" slot="content">
<div class="hub-body manual-form-body">
<div class="form-row">
<div>
<span data-l10n-id="account-hub-protocol-label"></span>
<div class="selected-option">
SMTP
</div>
</div>
<div class="expanded">
<label for="outgoingHostname"
data-l10n-id="account-hub-result-hostname-label"
class="option-label">
</label>
<div class="input-control">
<input id="outgoingHostname"
type="text"
placeholder="mail.example.com"
required="required"
class="input-field manual-input"
aria-invalid="false" />
<img src=""
alt=""
class="form-icon icon-danger input-warning" />
<img src=""
alt=""
class="form-icon icon-success input-success" />
<span id="outgoingHostnameErrorMessage"
class="input-error-message"
data-l10n-id="account-hub-hostname-error-text">
</span>
</div>
</div>
</div>
<div class="form-row">
<div>
<label for="outgoingPort"
data-l10n-id="account-hub-on-port-label"
class="option-label">
</label>
<div class="input-control">
<input id="outgoingPort"
min="1"
max="65535"
type="number"
placeholder="465"
required="required"
class="input-field number-input"
aria-invalid="false" />
<img src=""
alt=""
class="form-icon icon-danger input-warning" />
<img src=""
alt=""
class="form-icon icon-success input-success" />
<span id="outgoingPortErrorMessage"
class="input-error-message"
data-l10n-id="account-hub-port-error-text">
</span>
</div>
</div>
<div class="expanded">
<account-hub-select id="outgoingConnectionSecurity"
l10n-label-id="account-hub-ssl-label"
l10n-error-id="account-hub-select-security-warning"
flex="1">
<option id="outgoingConnectionSecurityAutodetect"
data-l10n-id="account-hub-ssl-autodetect-option"
value="-1"></option>
<option id="outgoingConnectionSecurityNoEncryption"
data-l10n-id="account-hub-ssl-noencryption-option"
selected="selected"
value="0"></option>
<option id="outgoingConnectionSecurityStartTtls"
label="STARTTLS"
value="2"></option>
<option id="outgoingConnectionSecuritySslTls"
label="SSL/TLS"
value="3"></option>
</account-hub-select>
</div>
</div>
<div class="form-row responsive-row">
<account-hub-select id="outgoingAuthMethod"
l10n-label-id="account-hub-auth-label"
flex="1">
<option id="outgoingAuthMethodAutodetect"
data-l10n-id="account-hub-ssl-autodetect-option"
selected="selected"
value="0">
</option>
<option id="outgoingAuthMethodNone"
data-l10n-id="account-hub-auth-no-authentication-option"
value="1">
</option>
<option id="outgoingAuthMethodCleartext"
data-l10n-id="account-hub-ssl-cleartext-password-option"
value="3">
</option>
<option id="outgoingAuthMethodEncrypted"
data-l10n-id="account-hub-ssl-encrypted-password-option"
value="4">
</option>
<option id="outgoingAuthMethodKerbos"
label="Kerberos / GSSAPI"
value="5">
</option>
<option id="outgoingAuthMethodNtlm"
label="NTLM"
value="6">
</option>
<option id="outgoingAuthMethodOAuth2"
value="10"
hidden="hidden"
label="OAuth2">
</option>
</account-hub-select>
<div class="expanded">
<label for="outgoingUsername"
data-l10n-id="account-hub-result-username-label"
class="option-label">
</label>
<div class="input-control">
<input id="outgoingUsername"
type="text"
data-l10n-id="account-setup-email-input"
required="required"
class="username input-field manual-input"
aria-invalid="false" />
<img src=""
alt=""
class="form-icon icon-danger input-warning" />
<img src=""
alt=""
class="form-icon icon-success input-success" />
<span id="outgoingUsernameErrorMessage"
class="input-error-message"
data-l10n-id="account-hub-username-error-text">
</span>
</div>
</div>
</div>
<button id="advancedConfigurationOutgoing"
type="button"
class="button link-button link-button-sm align-self-end"
data-l10n-id="account-setup-advanced-setup-button">
</button>
</div>
<button type="submit" hidden="hidden"></button>
</form>
</html:template>