chrome/browser/resources/signin/batch_upload/batch_upload_app.html.ts

// Copyright 2024 The Chromium Authors
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import {html} from '//resources/lit/v3_0/lit.rollup.js';

import type {BatchUploadAppElement} from './batch_upload_app.js';

export function getHtml(this: BatchUploadAppElement) {
  // clang-format off
  return html`
<div id="batchUploadDialog">
  <div id="header">
    <h1 id="title">${this.i18n('batchUploadTitle')}</h1>
    <div id="subtitle">${this.dialogSubtitle_}</div>

    <div id="account-info-row">
      <img id="account-icon" alt=""
          src="${this.accountInfo_.dataPictureUrl}">
      <div id="email">${this.accountInfo_.email}</div>
    </div>
  </div>

  <div id="dataContainer" class="custom-scrollbar">
    <div id="dataSections">
      ${this.dataSections_.map((section, sectionIndex) =>
      html`
      <data-section .dataContainer="${section}" data-index="${sectionIndex}"
          @update-view-height="${this.updateViewHeight_}"
          @toggle-changed="${this.onSectionToggleChanged_}">
      </data-section>
      `)}
    </div>
  </div>

  <div id="action-row">
    <cr-button id='saveButton' class="action-button"
        ?disabled="${!this.isSaveEnabled_}"
        @click="${this.saveToAccount_}">
      ${this.i18n('saveToAccount')}
    </cr-button>
    <cr-button id='cancelButton' class="tonal-button"
        @click="${this.close_}">
      ${this.i18n('cancel')}
    </cr-button>
  </div>

</div>`;
  // clang-format on
}