browser/components/aboutlogins/content/aboutLogins.html
author Jared Wein <jwein@mozilla.com>
Tue, 14 May 2019 20:08:08 +0000
changeset 532690 cedd9c296f112a48c64159888612a1da50d4ea8b
parent 532689 6e1256ea2dd73c29e9c4147c4afd2566062080a8
child 533053 7c03af91db0459ce9624dc1a594b9a11b4f18eb4
permissions -rw-r--r--
Bug 1550091 - Place the Launch button in its own column in the LoginItem. r=MattN Differential Revision: https://phabricator.services.mozilla.com/D30977

<!-- 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/reflected-fluent-element.js"></script>
    <script defer="defer" src="chrome://browser/content/aboutlogins/components/login-filter.js"></script>
    <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/components/modal-input.js"></script>
    <script defer="defer" src="chrome://browser/content/aboutlogins/aboutLogins.js"></script>
    <link rel="stylesheet" type="text/css" href="chrome://global/skin/in-content/common.css">
    <link rel="stylesheet" type="text/css" href="chrome://browser/content/aboutlogins/aboutLogins.css">
  </head>
  <body>
    <header>
      <login-filter data-l10n-id="login-filter"
                    data-l10n-attrs="placeholder"></login-filter>
    </header>
    <login-list data-l10n-id="login-list"
                data-l10n-attrs="count"
                data-l10n-args='{"count": 0}'></login-list>
    <login-item data-l10n-id="login-item"
                data-l10n-args='{"timeCreated": 0, "timeChanged": 0, "timeUsed": 0}'
                data-l10n-attrs="cancel-button,
                                 delete-button,
                                 edit-button,
                                 hostname-label,
                                 modal-input-reveal-button,
                                 open-site-button,
                                 password-label,
                                 save-changes-button,
                                 time-created,
                                 time-changed,
                                 time-used,
                                 username-label"></login-item>

    <template id="login-list-template">
      <link rel="stylesheet" type="text/css" href="chrome://global/skin/in-content/common.css">
      <link rel="stylesheet" href="chrome://browser/content/aboutlogins/components/login-list.css">
      <div class="meta">
        <span class="count"></span>
      </div>
      <ol>
      </ol>
    </template>

    <template id="login-list-item-template">
      <link rel="stylesheet" type="text/css" href="chrome://global/skin/in-content/common.css">
      <link rel="stylesheet" href="chrome://browser/content/aboutlogins/components/login-list-item.css">
      <span class="hostname"></span>
      <span class="username"></span>
    </template>

    <template id="login-item-template">
      <link rel="stylesheet" type="text/css" href="chrome://global/skin/in-content/common.css">
      <link rel="stylesheet" href="chrome://browser/content/aboutlogins/components/login-item.css">
      <div class="header">
        <h2 class="title"></h2>
        <button class="edit-button"></button>
        <button class="delete-button"></button>
      </div>
      <div class="detail-row">
        <label>
          <span class="hostname-label field-label"></span>
          <span class="hostname"/>
        </label>
        <button class="open-site-button"></button>
      </div>
      <div class="detail-row">
        <label>
          <span class="username-label field-label"></span>
          <modal-input name="username"/>
        </label>
      </div>
      <div class="detail-row">
        <label>
          <span class="password-label field-label"></span>
          <modal-input type="password" name="password"/>
        </label>
      </div>
      <p class="time-created meta-info"></p>
      <p class="time-changed meta-info"></p>
      <p class="time-used meta-info"></p>
      <button class="save-changes-button"></button>
      <button class="cancel-button"></button>
    </template>

    <template id="login-filter-template">
      <link rel="stylesheet" type="text/css" href="chrome://global/skin/in-content/common.css">
      <link rel="stylesheet" href="chrome://browser/content/aboutlogins/components/login-filter.css">
      <input type="text"/>
    </template>

    <template id="modal-input-template">
      <link rel="stylesheet" type="text/css" href="chrome://global/skin/in-content/common.css">
      <link rel="stylesheet" href="chrome://browser/content/aboutlogins/components/modal-input.css">
      <span class="locked-value"></span>
      <input type="text" class="unlocked-value"/>
      <button class="reveal-button"/>
    </template>
  </body>
</html>