clipperz/password-manager-mirror
1
0
Fork 0
mirror of http://git.whoc.org.uk/git/password-manager.git synced 2024-11-14 07:29:01 +01:00
Code Issues Releases Wiki Activity

Added the option to view the clear text of a password

Browse Source
This commit is contained in:
Giulio Cesare Solaroli 2015-03-09 17:20:33 +01:00
parent a26c59851d
commit d4c4e5ca63
5 changed files with 72 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/delta/css/clipperz.css
View File

File diff suppressed because one or more lines are too long

2
frontend/delta/css/clipperz.css.map
View File

File diff suppressed because one or more lines are too long

43
frontend/delta/js/Clipperz/PM/UI/Components/Cards/View.js
View File

@ -33,6 +33,12 @@ Clipperz.PM.UI.Components.Cards.View = React.createClass({
'loading': React.PropTypes.bool,
},
getInitialState: function () {
return {};
},
//----------------------------------------------------------------------------
handleDirectLoginClick: function (aDirectLogin) {
var directLoginParameters;
@ -49,6 +55,33 @@ Clipperz.PM.UI.Components.Cards.View = React.createClass({
//----------------------------------------------------------------------------
handlePasswordFieldAction: function (aField) {
var self = this;
var newState = {}
newState[aField['_reference']] = !this.state[aField['_reference']];
return function () {
console.log("SHOW PASSWORD", aField, self);
self.setState(newState);
};
},
handleFieldAction: function (aField) {
var result;
if (aField['actionType'] == 'PASSWORD') {
result = this.handlePasswordFieldAction(aField);
// } else if (aField['actionType'] == 'URL') {
} else {
result = MochiKit.Base.noop;
};
return result;
},
//----------------------------------------------------------------------------
renderEmpty: function () {
// return React.DOM.h4({}, "EMPTY");
return React.DOM.h4({}, "");
@ -128,6 +161,7 @@ Clipperz.PM.UI.Components.Cards.View = React.createClass({
renderField: function (aField) {
var cardFieldClasses = {};
var cardFieldValueClasses = {};
var cardFieldActionClasses = {};
cardFieldClasses['cardField'] = true;
cardFieldClasses[aField['actionType']] = true;
@ -136,6 +170,11 @@ Clipperz.PM.UI.Components.Cards.View = React.createClass({
cardFieldValueClasses['fieldValue'] = true;
cardFieldValueClasses[aField['actionType']] = true;
cardFieldValueClasses['hidden'] = aField['isHidden'];
cardFieldValueClasses['visible'] = this.state[aField['_reference']];
cardFieldActionClasses['action'] = true;
cardFieldActionClasses[aField['actionType']] = true;
cardFieldActionClasses['active'] = this.state[aField['_reference']];
return React.DOM.div({'className':React.addons.classSet(cardFieldClasses)}, [
React.DOM.div({'className':'fieldEditAction'}, null),
@ -143,7 +182,9 @@ Clipperz.PM.UI.Components.Cards.View = React.createClass({
React.DOM.div({'className':'fieldLabel'}, aField['label']),
React.DOM.div({'className':React.addons.classSet(cardFieldValueClasses)}, aField['value']),
]),
React.DOM.div({'className':'fieldAction action'}, aField['actionType'].toLowerCase())
React.DOM.div({'className':'fieldAction'}, [
React.DOM.span({'className':React.addons.classSet(cardFieldActionClasses), 'onClick':this.handleFieldAction(aField)}, aField['actionType'].toLowerCase() == 'password' ? 'view password' : aField['actionType'].toLowerCase())
])
]);
},

2
frontend/delta/scss/core/fonts.scss
View File

File diff suppressed because one or more lines are too long

16
frontend/delta/scss/style/card.scss
View File

@ -442,6 +442,12 @@ $cardViewBasePadding: 10px;
&.hidden {
font-family: clipperz-password;
font-size: 23pt;
&.visible {
font-family: "clipperz-font";
font-size: 18pt;
line-height: 28px;
}
}
}
@ -463,6 +469,16 @@ $cardViewBasePadding: 10px;
height: 20px;
font-size: 15pt;
margin: $iconMargin;
cursor: default;
&.PASSWORD {
cursor: pointer;
&.active {
color: #333;
}
}
}
&.toggleLock {