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
<!--
List of all the account creation templates. Don't load any JavaScript or
CSS in here, those files are handled lazily in the controller and in the
various shadowRoots of the views.
-->
<dialog class="account-hub-dialog">
<button id="closeButton" type="button">
<img src="" alt="" />
</button>
</dialog>
</html:template>
<header class="hub-header">
<div id="welcomeHeader" class="start-header" hidden="hidden">
<h1 data-l10n-id="account-hub-welcome-line">
<span data-l10n-name="brand-name"></span>
</h1>
</div>
<div id="defaultHeader" class="start-header" hidden="hidden">
<h1>
<span
class="start-header-brand-name"
data-l10n-id="account-hub-brand"></span>
<span
class="start-header-title"
data-l10n-id="account-hub-title"></span>
</h1>
</div>
</header>
<div class="hub-body">
<div class="hub-body-grid"></div>
#ifdef NIGHTLY_BUILD
<button
id="hubSyncButton"
data-l10n-id="account-hub-sync-button"
class="button button-flat"
type="button"
hidden="hidden"></button>
#endif
</div>
<footer class="hub-footer">
<ul class="reset-list footer-links">
<li>
<a
id="hubReleaseNotes"
data-l10n-id="account-hub-release-notes"></a>
</li>
<li>
<a
data-l10n-id="account-hub-support"
onclick="openLinkExternally(this.href);"></a>
</li>
<li>
<a
data-l10n-id="account-hub-donate"
onclick="openLinkExternally(this.href);"></a>
</li>
</ul>
</footer>
</html:template>
<!-- Email/Password Form Subview -->
<form id="emailFormSubview" class="account-hub-form">
<header id="emailFormHeader" class="hub-header">
<h1 class="sub-view-title" data-l10n-id="account-hub-add-email-title"></h1>
<details id="emailFormNotification" class="notification-bar">
<summary id="emailFormNotificationSummary" class="notification-title-container">
<img
class="form-icon notification-icon warning-icon"
src=""
alt="" />
<p id="emailFormNotificationTitle" class="notification-title"></p>
<div id="emailFormNotificationToggle">
<span data-l10n-id="account-hub-notification-show-more"></span>
<span data-l10n-id="account-hub-notification-show-less"></span>
</div>
</summary>
<p id="emailFormNotificationText" class="notification-text"></p>
</details>
</header>
<div class="hub-body">
<label
for="realName"
data-l10n-id="account-setup-name-label"
data-l10n-attrs="accesskey">
</label>
<div class="input-control">
<input
id="realName"
type="text"
class="input-field"
data-l10n-id="account-setup-name-input"
required="required" />
<img
data-l10n-id="account-setup-name-info-icon"
alt=""
class="form-icon" />
<img
data-l10n-id="account-setup-name-warning-icon"
alt=""
class="form-icon icon-warning" />
</div>
<label
for="email"
data-l10n-id="account-setup-email-label"
data-l10n-attrs="accesskey">
</label>
<div class="input-control">
<input
id="email"
type="email"
data-l10n-id="account-setup-email-input"
class="input-field"
required="required" />
<img
id="emailInfo"
data-l10n-id="account-setup-email-info-icon"
alt=""
class="form-icon" />
<img
id="emailWarning"
data-l10n-id="account-setup-email-warning-icon"
alt=""
class="form-icon icon-warning" />
</div>
<label
for="password"
data-l10n-id="account-setup-password-label"
data-l10n-attrs="accesskey">
</label>
<div class="input-control">
<!-- Leave the placeholder empty for CSS visibility toggle of the
adjacent button. -->
<input
id="password"
type="password"
class="input-field"
placeholder="" />
<button
id="passwordToggleButton"
type="button"
data-l10n-id="account-setup-password-toggle-show"
class="form-toggle-button"
aria-pressed="false">
<img src="" alt="" class="form-icon" />
</button>
</div>
<div class="remember-button-container">
<label class="toggle-container-with-text">
<input id="rememberPassword" type="checkbox" checked="checked" />
<span
data-l10n-id="account-setup-remember-password"
data-l10n-attrs="accesskey">
</span>
</label>
</div>
</div>
<footer id="accountHubEmailFooter" class="hub-footer">
<menu id="accountHubEmailFooterMenu" class="dialog-menu-container two-columns">
<li id="footerButtonsLeftColumn">
<button
id="emailCancelButton"
type="button"
data-l10n-id="account-hub-email-cancel-button"
hidden="hidden"></button>
<button
id="emailGoBackButton"
type="button"
data-l10n-id="account-hub-email-back-button"
hidden="hidden"></button>
<button
id="emailRetestButton" type="button"
data-l10n-id="account-hub-email-retest-button"
hidden="hidden"> </button>
</li>
<li id="footerButtonsCenterColumn" hidden="hidden">
<button
id="emailFinishButton" type="button"
data-l10n-id="account-hub-email-finish-button"
class="primary"
hidden="hidden"></button>
</li>
<li id="footerButtonsRightColumn">
<button
id="emailManuallyConfigureButton"
hidden="hidden"
class="button link-button"
data-l10n-id="account-hub-email-manually-configure-button"></button>
<button
id="emailContinueButton" type="submit"
data-l10n-id="account-hub-email-continue-button"
class="primary"
disabled="disabled"
hidden="hidden"></button>
</li>
</menu>
</footer>
</form>
<!-- Manual Config Email Form Subview -->
<form
id="manualConfigureEmailFormSubview"
class="account-hub-form"
hidden="hidden">
<header id="manualConfigureEmailFormHeader" class="hub-header">
<h1
class="sub-view-title"
data-l10n-id="account-hub-manually-configure-email-title">
</h1>
</header>
<div class="hub-body flex-direction-row">
<div class="hub-body-column">
<div>
<legend data-l10n-id="account-hub-incoming-server-legend"></legend>
</div>
<label
for="incomingProtocol"
data-l10n-id="account-hub-protocol-label"
data-l10n-attrs="accesskey">
</label>
<div class="input-control">
<xul:menulist
id="incomingProtocol"
class="menulist"
label="IMAP"
value="1"
flex="1">
<xul:menupopup id="incomingProtocolMenupopup" class="menupopup">
<xul:menuitem
id="incomingProtocolIMAP"
label="IMAP"
value="1" />
<xul:menuitem
id="incomingProtocolPOP3"
label="POP3"
value="2" />
<xul:menuitem
id="incomingProtocolExchange"
label="Exchange"
value="3"
hidden="hidden" />
</xul:menupopup>
</xul:menulist>
</div>
<label
for="incomingHostname"
data-l10n-id="account-hub-hostname-label"
class="option-label">
</label>
<div class="input-control">
<input
id="incomingHostname"
type="text"
placeholder="mail.example.com"
required="required"
class="input-field" />
</div>
<label
for="incomingPort"
data-l10n-id="account-hub-port-label"
class="option-label">
</label>
<div class="input-control">
<input
id="incomingPort"
type="number"
min="1" max="65535"
placeholder="993"
required="required"
class="input-field" />
</div>
<label
for="incomingConnectionSecurity"
data-l10n-id="account-hub-ssl-label"
class="option-label">
</label>
<div class="input-control">
<xul:menulist
id="incomingConnectionSecurity"
class="menulist"
value="0"
flex="1">
<xul:menupopup
id="incomingConnectionSecurityMenupopup"
class="menupopup">
<xul:menuitem
id="incomingConnectionSecurityAutodetect"
data-l10n-id="account-hub-ssl-autodetect-option"
value="-1" />
<xul:menuitem
id="incomingConnectionSecurityNonEncryption"
data-l10n-id="account-hub-ssl-noencryption-option"
value="0" />
<xul:menuitem
id="incomingConnectionSecurityStartTtls"
label="STARTTLS"
value="2" />
<xul:menuitem
id="incomingConnectionSecuritySslTls"
label="SSL/TLS"
value="3" />
</xul:menupopup>
</xul:menulist>
</div>
<label
for="incomingAuthMethod"
data-l10n-id="account-hub-auth-label"
class="option-label">
</label>
<div class="input-control">
<xul:menulist
id="incomingAuthMethod"
class="menulist"
required="required"
value="0"
flex="1">
<xul:menupopup id="incomingAuthMenupopup" class="menupopup">
<xul:menuitem
id="incomingAuthMethodAutodetect"
data-l10n-id="account-hub-ssl-autodetect-option"
value="0">
</xul:menuitem>
<xul:menuitem
id="incomingAuthMethodCleartext"
data-l10n-id="account-hub-ssl-cleartext-password-option"
value="3">
</xul:menuitem>
<xul:menuitem
id="incomingAuthMethodEncrypted"
data-l10n-id="account-hub-ssl-encrypted-password-option"
value="4">
</xul:menuitem>
<xul:menuitem
id="incomingAuthMethodKerbos"
label="Kerberos / GSSAPI"
value="5">
</xul:menuitem>
<xul:menuitem
id="incomingAuthMethodNtlm"
label="NTLM"
value="6">
</xul:menuitem>
<xul:menuitem
id="incomingAuthMethodOAuth2"
value="10"
hidden="hidden"
label="OAuth2">
</xul:menuitem>
</xul:menupopup>
</xul:menulist>
</div>
<label
for="incomingUsername"
data-l10n-id="account-hub-username-label"
class="option-label">
</label>
<div class="input-control">
<input
id="incomingUsername"
type="text"
data-l10n-id="account-setup-email-input"
required="required"
class="username input-field" />
</div>
</div>
<div class="hub-body-column">
<div>
<legend data-l10n-id="account-hub-outgoing-server-legend"></legend>
</div>
<label
for="outgoingHostname"
data-l10n-id="account-hub-hostname-label"
class="option-label">
</label>
<div class="input-control">
<input
id="outgoingHostname"
type="text"
placeholder="mail.example.com"
required="required"
class="input-field" />
</div>
<label
for="outgoingPort"
data-l10n-id="account-hub-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" />
</div>
<label for="outgoingSsl" data-l10n-id="account-hub-ssl-label" class="option-label">
</label>
<div class="input-control">
<xul:menulist
id="outgoingConnectionSecurity"
class="menulist"
value="0"
flex="1">
<xul:menupopup
id="outgoingConnectionSecurityMenupopup"
class="menupopup">
<xul:menuitem
id="outgoingConnectionSecurityAutodetect"
data-l10n-id="account-hub-ssl-autodetect-option"
value="-1" />
<xul:menuitem
id="outgoingConnectionSecurityNonEncryption"
data-l10n-id="account-hub-ssl-noencryption-option"
value="0" />
<xul:menuitem
id="outgoingConnectionSecurityStartTtls"
label="STARTTLS"
value="2" />
<xul:menuitem
id="outgoingConnectionSecuritySslTls"
label="SSL/TLS"
value="3" />
</xul:menupopup>
</xul:menulist>
</div>
<label
for="outgoingAuthMethod"
data-l10n-id="account-hub-auth-label"
class="option-label">
</label>
<div class="input-control">
<xul:menulist
id="outgoingAuthMethod"
class="menulist"
required="required"
value="0"
flex="1">
<xul:menupopup
id="outgoingAuthMenupopup"
class="menupopup">
<xul:menuitem
id="outgoingAuthMethodAutodetect"
data-l10n-id="account-hub-ssl-autodetect-option"
value="0">
</xul:menuitem>
<xul:menuitem
id="outgoingAuthMethodNone"
data-l10n-id="account-hub-auth-no-authentication-option"
value="1">
</xul:menuitem>
<xul:menuitem
id="outgoingAuthMethodCleartext"
data-l10n-id="account-hub-ssl-cleartext-password-option"
value="3">
</xul:menuitem>
<xul:menuitem
id="outgoingAuthMethodEncrypted"
data-l10n-id="account-hub-ssl-encrypted-password-option"
value="4">
</xul:menuitem>
<xul:menuitem
id="outgoingAuthMethodKerbos"
label="Kerberos / GSSAPI"
value="5">
</xul:menuitem>
<xul:menuitem
id="outgoingAuthMethodNtlm"
label="NTLM"
value="6">
</xul:menuitem>
<xul:menuitem
id="outgoingAuthMethodOAuth2"
value="10"
hidden="hidden"
label="OAuth2">
</xul:menuitem>
</xul:menupopup>
</xul:menulist>
</div>
<label
for="outgoingUsername"
data-l10n-id="account-hub-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" />
</div>
</div>
</div>
</form>
<!-- Account Hub Email Added Subview -->
<div id="emailAddedSubview" class="account-hub-grid" hidden="hidden">
<header class="hub-header">
<h1
id="accountAddedTitle"
class="sub-view-title"
data-l10n-id="account-hub-email-account-added-title">
</h1>
<p id="accountAddedSubheader" class="sub-view-subheader">
</p>
</header>
<div class="hub-body">
</div>
</div>
<!-- Account Hub Email Loading Subview -->
<div id="emailLoadingSubview" class="account-hub-grid" hidden="hidden">
<header class="hub-header">
<h1
id="lookupEmailConfigurationTitle"
class="sub-view-title"
data-l10n-id="account-hub-lookup-email-configuration-title"
hidden="hidden">
</h1>
<h1
id="addingAccountTitle"
class="sub-view-title"
data-l10n-id="account-hub-adding-account-title">
</h1>
<p
id="lookupEmailConfigurationSubheader"
class="sub-view-subheader"
data-l10n-id="account-hub-lookup-email-configuration-subheader"
hidden="hidden">
</p>
<p
id="addingAccountSubheader"
class="sub-view-subheader"
data-l10n-id="account-hub-adding-account-subheader">
</p>
</header>
<div class="hub-body">
<img id="hubLoader" class="icon" role="presentation" />
</div>
</div>
</html:template>