accountHubEmailConfigFoundTemplate.inc.xhtml

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

  <div id="configFound" slot="content">

    <form id="protocolForm" class="account-hub-form">

      <div class="hub-body auto-config-body">

        <div class="config-form-data">

          <fieldset class="form-options">

            <label id="imap" class="config-option">

              <div class="config-title">

                <input type="radio" name="config-type" value="imap" />

                IMAP

                <span class="recommended" data-l10n-id="account-hub-result-recommended-label"></span>

              </div>

              <div class="config-text" data-l10n-id="account-hub-result-imap-description"></div>

            </label>

            <label id="pop3" class="config-option">

              <div class="config-title">

                <input type="radio" name="config-type" value="pop3" />

                POP3

                <span class="recommended" data-l10n-id="account-hub-result-recommended-label"></span>

              </div>

              <div class="config-text" data-l10n-id="account-hub-result-pop-description"></div>

            </label>

            <label id="exchange" class="config-option">

              <div class="config-title">

                <input type="radio" name="config-type" value="exchange" />

                <span data-l10n-id="account-hub-result-ews-shortname"></span>

                <span class="recommended" data-l10n-id="account-hub-result-recommended-label"></span>

              </div>

              <div class="config-text" data-l10n-id="account-hub-result-ews-description"></div>

            </label>

          </fieldset>

          <div id="configSelection" class="form-selection">

            <div class="config-directions selection-grid">

              <div class="config-detail" id="incomingConfigType">

                <img src="chrome://messenger/skin/icons/new/normal/incoming.svg" alt="" />

                <div class="config-item-data">

                  <p id="incomingType"></p>

                  <p id="incomingTypeText" data-l10n-id="account-hub-result-incoming-server-legend"></p>

                </div>

              </div>

              <div class="config-detail" id="outgoingConfigType" hidden="hidden">

                <img src="chrome://messenger/skin/icons/new/normal/outgoing.svg" alt="" />

                <div class="config-item-data">

                  <p id="outgoingType"></p>

                  <p data-l10n-id="account-hub-result-outgoing-server-legend"></p>

                </div>

              </div>

            </div>

            <div class="selection-grid">

              <div class="config-column" id="incomingConfig">

                <!-- Host -->

                <div class="config-detail">

                  <img class="config-item-icon lighter" src="chrome://messenger/skin/icons/new/compact/globe.svg" />

                  <div class="config-item-data">

                    <p data-l10n-id="account-hub-result-hostname-label"></p>

                    <p id="incomingHost"></p>

                  </div>

                </div>

                <!-- Authentication -->

                <div class="config-detail">

                  <img class="config-item-icon" src="chrome://messenger/skin/icons/new/compact/key.svg" />

                  <div class="config-item-data">

                    <p data-l10n-id="account-hub-result-authentication-label"></p>

                    <p id="incomingAuth"></p>

                  </div>

                </div>

                <!-- Username -->

                <div class="config-detail">

                  <img class="config-item-icon" src="chrome://messenger/skin/icons/new/compact/account-settings.svg" />

                  <div class="config-item-data">

                    <p data-l10n-id="account-hub-result-username-label"></p>

                    <p id="incomingUsername"></p>

                  </div>

                </div>

              </div>

              <div class="config-column" id="outgoingConfig" hidden="hidden">

                <!-- Host -->

                <div class="config-detail">

                  <img class="config-item-icon" src="chrome://messenger/skin/icons/new/compact/globe.svg" />

                  <div class="config-item-data">

                    <p data-l10n-id="account-hub-result-hostname-label"></p>

                    <p id="outgoingHost"></p>

                  </div>

                </div>

                <!-- Authentication -->

                <div class="config-detail">

                  <img class="config-item-icon" src="chrome://messenger/skin/icons/new/compact/key.svg" />

                  <div class="config-item-data">

                    <p data-l10n-id="account-hub-result-authentication-label"></p>

                    <p id="outgoingAuth"></p>

                  </div>

                </div>

                <!-- Username -->

                <div class="config-detail">

                  <img class="config-item-icon" src="chrome://messenger/skin/icons/new/compact/account-settings.svg" />

                  <div class="config-item-data">

                    <p data-l10n-id="account-hub-result-username-label"></p>

                    <p id="outgoingUsername"></p>

                  </div>

                </div>

              </div>

              <div class="custom-action-container">

                <button id="editConfiguration" class="button link-button link-button-sm" type="button"

                  data-l10n-id="account-hub-edit-configuration"></button>

              </div>

            </div>

          </div>

        </div>

      </div>

    </form>

  </div>

</html:template>