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
  <div class="subcategory" data-category="paneQrExport">
    <h1 data-l10n-id="qr-export-pane-header"></h1>
  </div>
# groupbox and xul label for search functionality.
  <xul:groupbox
    id="qrExportContent"
    data-category="paneQrExport"
    data-hidden-from-search="true"
  >
    <xul:label class="search-header" hidden="hidden">
      <h2 data-l10n-id="qr-export-pane-header"></h2>
    </xul:label>
    <section id="qrExportIntro">
      <p data-l10n-id="qr-export-description"></p>
      <p
        class="qr-small"
        data-l10n-id="qr-export-get-app"
      >
        <a
          data-l10n-name="app-link"
        ></a>
      </p>
      <h2 data-l10n-id="qr-export-create"></h2>
      <form id="qrExportIntroForm" class="qr-panel" action="">
        <h3 data-l10n-id="qr-export-select-accounts"></h3>
        <section class="qr-subpanel">
          <header class="inset">
            <h4
              id="qrExportAccountsLegend"
              class="inset-icon"
              data-l10n-id="qr-export-accounts-legend"
            ></h4>
            <button
              id="qrExportSelectAll"
              type="button"
              disabled="disabled"
              data-l10n-id="qr-export-select-all-accounts"
            ></button>
          </header>
          <ul id="qrExportAccountsList" class="inset"></ul>
          <p
            id="qrExportNoAccounts"
            data-l10n-id="qr-export-no-accounts"
            class="qr-small inset"
          >
            <a
              data-l10n-name="account-support-link"
            ></a>
          </p>
        </section>
        <section id="qrExportPasswordsSection">
          <h4
            id="qrExportSecurityLegend"
            class="inset inset-icon"
            data-l10n-id="qr-export-security-legend"
          ></h4>
          <div class="inset">
            <input
              id="qrExportIncludePasswords"
              type="checkbox"
              checked="checked"
            /><label
              for="qrExportIncludePasswords"
              data-l10n-id="qr-export-include-passwords"
            ></label>
          </div>
          <p
            id="qrExportOauthWarning"
            class="inset inset-icon"
            data-l10n-id="qr-export-oauth-warning"
            hidden="hidden"
          ></p>
          <p
            id="qrExportSecurityHint"
            class="inset inset-icon"
            data-l10n-id="qr-export-security-hint"
          ></p>
          <p data-l10n-id="qr-export-security-warning" class="qr-warn inset"></p>
        </section>
        <div class="qr-nav">
          <button
            id="qrExportStart"
            type="submit"
            disabled="disabled"
            data-l10n-id="qr-export-start-export"
            class="end"
          ></button>
        </div>
      </form>
    </section>
    <section id="qrExportCodes" hidden="hidden">
      <p id="qrExportScanDescription"></p>
      <ol class="qr-panel">
        <li data-l10n-id="qr-export-scan-step1"></li>
        <li data-l10n-id="qr-export-scan-step2"></li>
        <li data-l10n-id="qr-export-scan-step3"></li>
        <li data-l10n-id="qr-export-scan-step4-revision"></li>
      </ol>
      <section class="qr-panel">
        <qr-code-wizard id="qrCodeWizard"></qr-code-wizard>
        <div class="qr-nav">
          <button
            id="qrExportCodesBack"
            type="button"
            data-l10n-id="qr-export-back"
          ></button>
          <button
            id="qrExportCodesNext"
            type="button"
            class="primary"
            data-l10n-id="qr-export-next"
          ></button>
        </div>
      </section>
    </section>
    <section id="qrExportSummary" hidden="hidden">
      <p data-l10n-id="qr-export-summary-description"></p>
      <div class="qr-panel">
        <h2 data-l10n-id="qr-export-summary-title"></h2>
        <ul id="qrExportSummaryList">
          <li id="qrExportSummaryQrCodes"></li>
          <li>
            <span id="qrExportSummaryAccounts"></span>
            <ul id="qrExportSummaryAccountList"></ul>
          </li>
          <li id="qrExportSummaryPasswords"></li>
        </ul>
      </div>
      <button
        id="qrExportRestart"
        data-l10n-id="qr-export-more-accounts"
        type="button"
      ></button>
    </section>
  </xul:groupbox>
</html:template>
  <li>
    <label>
      <input type="checkbox" checked="checked" />
    </label>
  </li>
</html:template>
  <figure>
    <figcaption></figcaption>
    <img alt="" src="" />
  </figure>
</html:template>