browser/components/aboutlogins/content/aboutLogins.html
author Jared Wein <jwein@mozilla.com>
Fri, 10 May 2019 18:24:09 +0000
changeset 532289 9f3df400296282c8f0319bc322138dba94d4d8c6
parent 532288 b1519a245b748b1f8b0e938f97e4f20980125c0f
child 532290 741b2f74227b86fff0d7c000fe73c0770c305ac1
permissions -rw-r--r--
Bug 1550095 - Put LoginItem styles in an external stylesheet. r=MattN Differential Revision: https://phabricator.services.mozilla.com/D30539

<!-- 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/. -->

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Security-Policy" content="default-src 'none'; object-src 'none'; script-src resource: chrome:; connect-src https:; img-src https: data: blob:; style-src 'unsafe-inline';"/>
    <title data-l10n-id="about-logins-page-title"></title>
    <link rel="localization" href="browser/aboutLogins.ftl">
    <script defer="defer" src="chrome://browser/content/aboutlogins/components/login-item.js"></script>
    <script defer="defer" src="chrome://browser/content/aboutlogins/components/login-list.js"></script>
    <script defer="defer" src="chrome://browser/content/aboutlogins/components/login-list-item.js"></script>
    <script defer="defer" src="chrome://browser/content/aboutlogins/aboutLogins.js"></script>
  </head>
  <body>
    <login-list data-l10n-id="login-list"
                data-l10n-attrs="login-list-header"></login-list>
    <login-item data-l10n-id="login-item"
                data-l10n-attrs="delete-button,
                                 hostname-label,
                                 password-label,
                                 time-created-label,
                                 username-label"></login-item>

    <template id="login-list-template">
      <h2></h2>
      <pre>
      </pre>
    </template>

    <template id="login-list-item-template">
      <style>
        :host(.selected) {
          font-weight: bold;
        }
      </style>
      <span class="login-list-item-hostname"></span>
      <span class="login-list-item-username"></span>
    </template>

    <template id="login-item-template">
      <link rel="stylesheet" href="chrome://browser/content/aboutlogins/components/login-item.css">
      <h2 class="header"></h2>
      <label>
        <span class="hostname-label"></span>
        <input name="hostname"/>
      </label>
      <label>
        <span class="username-label"></span>
        <input name="username"/>
      </label>
      <label>
        <span class="password-label"></span>
        <input type="password" name="password"/>
      </label>
      <p>
        <span class="time-created-label"></span>
        <span class="time-created"></span>
      </p>
      <button class="delete-button"></button>
    </template>
  </body>
</html>