accountHubEmailAutoFormTemplate.inc.xhtml

Enable keyboard shortcuts

# 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="accountHubEmailAutoFormTemplate" xmlns="http://www.w3.org/1999/xhtml">

  <div class="account-hub-thundermail-header" slot="middle-content">

    <button class="account-hub-thundermail-button" type="button">

      <img class="account-hub-thundermail-icon" src="" alt="" />

      <span data-l10n-id="account-hub-thundermail-button"></span>

    </button>

    <div class="account-hub-thundermail-divider">

      <span

        class="account-hub-thundermail-divider-text"

        data-l10n-id="account-hub-thundermail-divider-text"

      ></span>

    </div>

  </div>

  <form id="autoConfigEmailForm" class="account-hub-form" slot="content">

    <div class="hub-body email-form-body">

      <div class="input-control">

        <input id="realName"

               type="text"

               class="input-field animated"

               aria-invalid="false"

               aria-errormessage="nameErrorMessage"

               placeholder=""

               autofocus="autofocus"

               required="required" />

        <label for="realName"

               class="animated"

               data-l10n-id="account-hub-name-label"

               data-l10n-attrs="accesskey">

        </label>

        <img src=""

             data-l10n-id="account-hub-name-warning-icon"

             alt=""

             class="form-icon icon-danger input-warning" />

        <img src=""

             alt=""

             class="form-icon icon-success input-success" />

        <span id="nameErrorMessage"

              class="input-error-message"

              data-l10n-id="account-hub-name-error-text">

        </span>

      </div>

      <div class="email-input-container">

        <div class="input-control">

          <input id="email"

                class="input-field animated"

                aria-invalid="false"

                aria-errormessage="emailErrorMessage"

                type="email"

                placeholder=""

                required="required" />

          <label for="email"

                class="animated"

                data-l10n-id="account-hub-email-label"

                data-l10n-attrs="accesskey">

          </label>

          <img id="emailWarning"

              src=""

              data-l10n-id="account-hub-email-warning-icon"

              alt=""

              class="form-icon icon-danger input-warning" />

          <img id="emailSuccess"

              src=""

              alt=""

              class="form-icon icon-success input-success" />

          <span id="emailErrorMessage"

                class="input-error-message"

                data-l10n-id="account-hub-email-error-text">

          </span>

        </div>

        <div>

          <button

            id="manualConfiguration"

            class="button link-button link-button-sm visibility-hidden"

            type="button"

            data-l10n-id="account-hub-email-manual-configuration"

          </button>

        </div>

      </div>

    </div>

    <button type="submit" hidden="hidden"></button>

  </form>

</html:template>