chromium/ui/webui/resources/cr_components/certificate_manager/certificate_password_dialog.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 {CertificatePasswordDialogElement} from './certificate_password_dialog.js';

export function getHtml(this: CertificatePasswordDialogElement) {
  return html`
    <!-- TODO(crbug.com/40928765): localize -->
    <cr-dialog id="dialog" show-on-attach>
      <div slot="title">Enter password</div>
      <div slot="body">
        <cr-input id="password" type="password" autofocus>
        <!-- TODO(crbug.com/40928765): add a button to toggle the password
            being visible -->
        </cr-input>
      </div>
      <div slot="button-container">
        <cr-button id="cancel" class="cancel-button"
            @click="${this.onCancelClick_}">
          ${this.i18n('cancel')}
        </cr-button>
        <cr-button id="ok" class="action-button"
            @click="${this.onOkClick_}">
          ${this.i18n('ok')}
        </cr-button>
      </div>
    </cr-dialog>`;
}