1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
|
// Copyright 2015 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
/**
* @fileoverview 'passwords-section' is the collapsible section containing
* the list of saved passwords as well as the list of sites that will never
* save any passwords.
*/
/** @typedef {!{model: !{item: !chrome.passwordsPrivate.PasswordUiEntry}}} */
var PasswordUiEntryEvent;
/** @typedef {!{model: !{item: !chrome.passwordsPrivate.ExceptionPair}}} */
var ExceptionPairEntryEvent;
(function() {
'use strict';
Polymer({
is: 'passwords-section',
properties: {
/**
* An array of passwords to display.
* @type {!Array<!chrome.passwordsPrivate.PasswordUiEntry>}
*/
savedPasswords: {
type: Array,
value: function() { return []; },
},
/**
* Whether passwords can be shown or not.
* @type {boolean}
*/
showPasswords: {
type: Boolean,
},
/**
* An array of sites to display.
* @type {!Array<!chrome.passwordsPrivate.ExceptionPair>}
*/
passwordExceptions: {
type: Array,
value: function() { return []; },
},
},
listeners: {
'passwordList.scroll': 'closeMenu_',
'tap': 'closeMenu_',
},
/**
* Sets the password in the current password dialog if the loginPair matches.
* @param {!chrome.passwordsPrivate.LoginPair} loginPair
* @param {!string} password
*/
setPassword: function(loginPair, password) {
var passwordDialog = this.$.passwordEditDialog;
if (passwordDialog.item && passwordDialog.item.loginPair &&
passwordDialog.item.loginPair.originUrl == loginPair.originUrl &&
passwordDialog.item.loginPair.username == loginPair.username) {
passwordDialog.password = password;
}
},
/**
* Shows the edit password dialog.
* @private
*/
onMenuEditPasswordTap_: function() {
var menu = /** @type {CrSharedMenuElement} */(this.$.menu);
var data =
/** @type {chrome.passwordsPrivate.PasswordUiEntry} */(menu.itemData);
this.$.passwordEditDialog.item = data;
this.$.passwordEditDialog.open();
menu.closeMenu();
},
/**
* Fires an event that should delete the saved password.
* @private
*/
onMenuRemovePasswordTap_: function() {
var menu = /** @type {CrSharedMenuElement} */(this.$.menu);
var data =
/** @type {chrome.passwordsPrivate.PasswordUiEntry} */(menu.itemData);
this.fire('remove-saved-password', data.loginPair);
menu.closeMenu();
},
/**
* Fires an event that should delete the password exception.
* @param {!ExceptionPairEntryEvent} e The polymer event.
* @private
*/
onRemoveExceptionButtonTap_: function(e) {
this.fire('remove-password-exception', e.model.item.exceptionUrl);
},
/**
* Creates an empty password of specified length.
* @param {number} length
* @return {string} password
* @private
*/
getEmptyPassword_: function(length) { return ' '.repeat(length); },
/**
* Toggles the overflow menu.
* @param {!Event} e The polymer event.
* @private
*/
onPasswordMenuTap_: function(e) {
var menu = /** @type {CrSharedMenuElement} */(this.$.menu);
var target = /** @type {!Element} */(Polymer.dom(e).localTarget);
var passwordUiEntryEvent = /** @type {!PasswordUiEntryEvent} */(e);
menu.toggleMenu(target, passwordUiEntryEvent.model.item);
e.stopPropagation(); // Prevent the tap event from closing the menu.
},
/**
* Closes the overflow menu.
* @private
*/
closeMenu_: function() {
/** @type {CrSharedMenuElement} */(this.$.menu).closeMenu();
},
});
})();
|
