mirror of
https://github.com/Feodor2/Mypal68.git
synced 2025-06-18 14:55:44 -04:00
154 lines
8.5 KiB
HTML
154 lines
8.5 KiB
HTML
<!-- 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:; img-src data: blob:;"/>
|
|
<title data-l10n-id="about-logins-page-title"></title>
|
|
<link rel="localization" href="preview/aboutLogins.ftl">
|
|
<script type="module" src="chrome://browser/content/aboutlogins/components/confirmation-dialog.js"></script>
|
|
<script type="module" src="chrome://browser/content/aboutlogins/components/login-filter.js"></script>
|
|
<script type="module" src="chrome://browser/content/aboutlogins/components/login-item.js"></script>
|
|
<script type="module" src="chrome://browser/content/aboutlogins/components/login-list.js"></script>
|
|
<script type="module" src="chrome://browser/content/aboutlogins/components/login-list-item.js"></script>
|
|
<script type="module" src="chrome://browser/content/aboutlogins/components/menu-button.js"></script>
|
|
<script defer="defer" src="chrome://browser/content/aboutlogins/aboutLogins.js"></script>
|
|
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css">
|
|
<link rel="stylesheet" href="chrome://browser/content/aboutlogins/aboutLogins.css">
|
|
<link rel="stylesheet" href="chrome://browser/content/aboutlogins/common.css">
|
|
<link rel="icon" href="chrome://browser/content/aboutlogins/icons/favicon.svg">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<login-filter></login-filter>
|
|
<menu-button></menu-button>
|
|
</header>
|
|
<login-list></login-list>
|
|
<login-item></login-item>
|
|
<confirmation-dialog hidden></confirmation-dialog>
|
|
|
|
<template id="confirmation-dialog-template">
|
|
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css">
|
|
<link rel="stylesheet" href="chrome://browser/content/aboutlogins/common.css">
|
|
<link rel="stylesheet" href="chrome://browser/content/aboutlogins/components/confirmation-dialog.css">
|
|
<div class="overlay">
|
|
<div class="container" role="dialog" aria-labelledby="title" aria-describedby="message">
|
|
<button class="dismiss-button" data-l10n-id="confirmation-dialog-dismiss-button">
|
|
<img class="dismiss-icon" src="chrome://global/skin/icons/close.svg"/>
|
|
</button>
|
|
<div class="content">
|
|
<img class="warning-icon" src="chrome://global/skin/icons/warning.svg"/>
|
|
<h1 class="title" id="title"></h1>
|
|
<p class="message" id="message"></p>
|
|
</div>
|
|
<div class="buttons">
|
|
<button class="confirm-button danger-button"></button>
|
|
<button class="cancel-button" data-l10n-id="confirmation-dialog-cancel-button"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="login-list-template">
|
|
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css">
|
|
<link rel="stylesheet" href="chrome://browser/content/aboutlogins/common.css">
|
|
<link rel="stylesheet" href="chrome://browser/content/aboutlogins/components/login-list.css">
|
|
<div class="meta">
|
|
<label for="login-sort">
|
|
<span data-l10n-id="login-list-sort-label-text"></span>
|
|
<select id="login-sort">
|
|
<option data-l10n-id="login-list-name-option" value="name"/>
|
|
<option data-l10n-id="login-list-last-used-option" value="last-used"/>
|
|
<option data-l10n-id="login-list-last-changed-option" value="last-changed"/>
|
|
</select>
|
|
</label>
|
|
<span class="count" data-l10n-id="login-list-count" data-l10n-args='{"count": 0}'></span>
|
|
</div>
|
|
<ol role="listbox" tabindex="0" data-l10n-id="login-list">
|
|
</ol>
|
|
<button class="create-login-button" data-l10n-id="create-login-button"></button>
|
|
</template>
|
|
|
|
<template id="login-list-item-template">
|
|
<li class="labels login-list-item" role="option">
|
|
<span class="title"></span>
|
|
<span class="username"></span>
|
|
</li>
|
|
</template>
|
|
|
|
<template id="login-item-template">
|
|
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css">
|
|
<link rel="stylesheet" href="chrome://browser/content/aboutlogins/common.css">
|
|
<link rel="stylesheet" href="chrome://browser/content/aboutlogins/components/login-item.css">
|
|
<div class="header">
|
|
<h2 class="title">
|
|
<span class="login-item-title"></span>
|
|
<span class="new-login-title" data-l10n-id="login-item-new-login-title"></span>
|
|
</h2>
|
|
<button class="edit-button ghost-button" data-l10n-id="login-item-edit-button"></button>
|
|
<button class="delete-button ghost-button" data-l10n-id="login-item-delete-button"></button>
|
|
</div>
|
|
<form>
|
|
<div class="detail-row">
|
|
<label class="detail-cell">
|
|
<span class="origin-label field-label" data-l10n-id="login-item-origin-label"></span>
|
|
<input type="url" name="origin" class="origin-input" required data-l10n-id="login-item-origin" dir="auto"/>
|
|
</label>
|
|
<button class="open-site-button" data-l10n-id="login-item-open-site-button" type="button"></button>
|
|
</div>
|
|
<div class="detail-row">
|
|
<label class="detail-cell">
|
|
<span class="username-label field-label" data-l10n-id="login-item-username-label"></span>
|
|
<input type="text" name="username" data-l10n-id="login-item-username"/>
|
|
</label>
|
|
<button class="copy-button copy-username-button" data-copy-login-property="username" type="button">
|
|
<span class="copied-button-text" data-l10n-id="login-item-copied-username-button-text"></span>
|
|
<span class="copy-button-text" data-l10n-id="login-item-copy-username-button-text"></span>
|
|
</button>
|
|
</div>
|
|
<div class="detail-row">
|
|
<label class="detail-cell">
|
|
<span class="password-label field-label" data-l10n-id="login-item-password-label"></span>
|
|
<div class="reveal-password-wrapper">
|
|
<input type="password" name="password" required/>
|
|
<input type="checkbox"
|
|
class="reveal-password-checkbox"
|
|
data-l10n-id="login-item-password-reveal-checkbox"/>
|
|
</div>
|
|
</label>
|
|
<button class="copy-button copy-password-button" data-copy-login-property="password" type="button">
|
|
<span class="copied-button-text" data-l10n-id="login-item-copied-password-button-text"></span>
|
|
<span class="copy-button-text" data-l10n-id="login-item-copy-password-button-text"></span>
|
|
</button>
|
|
</div>
|
|
<p class="time-created meta-info" data-l10n-id="login-item-time-created" data-l10n-args='{"timeCreated": 0}'></p>
|
|
<p class="time-changed meta-info" data-l10n-id="login-item-time-changed" data-l10n-args='{"timeChanged": 0}'></p>
|
|
<p class="time-used meta-info" data-l10n-id="login-item-time-used" data-l10n-args='{"timeUsed": 0}'></p>
|
|
<button class="save-changes-button" type="submit"></button>
|
|
<button class="cancel-button" data-l10n-id="login-item-cancel-button" type="button"></button>
|
|
</form>
|
|
</template>
|
|
|
|
<template id="login-filter-template">
|
|
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css">
|
|
<link rel="stylesheet" href="chrome://browser/content/aboutlogins/common.css">
|
|
<link rel="stylesheet" href="chrome://browser/content/aboutlogins/components/login-filter.css">
|
|
<input data-l10n-id="login-filter" class="filter" type="text" dir="auto"/>
|
|
</template>
|
|
|
|
<template id="menu-button-template">
|
|
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css">
|
|
<link rel="stylesheet" href="chrome://browser/content/aboutlogins/common.css">
|
|
<link rel="stylesheet" href="chrome://browser/content/aboutlogins/components/menu-button.css">
|
|
<button class="menu-button ghost-button" data-l10n-id="menu"></button>
|
|
<ul class="menu" role="menu" hidden>
|
|
<button role="menuitem" class="menuitem-button menuitem-import ghost-button" hidden data-supported-platforms="Win32" data-event-name="AboutLoginsImport" data-l10n-id="menu-menuitem-import"></button>
|
|
<button role="menuitem" class="menuitem-button menuitem-preferences ghost-button" data-event-name="AboutLoginsOpenPreferences" data-l10n-id="menu-menuitem-preferences"></button>
|
|
</ul>
|
|
</template>
|
|
</body>
|
|
</html>
|