ston1th/zarafa-webapp-passwd
1
0
Fork 0
mirror of https://github.com/silentsakky/zarafa-webapp-passwd synced 2026-07-27 10:30:56 +02:00
Code Releases Activity

Improved UI, added password strength meter, frontend checks and an password change icon.

Browse source
This commit is contained in:
Christoph Haas 2015-05-20 01:39:42 +02:00
commit 33d35759a3
11 changed files with 281 additions and 185 deletions
Download patch file Download diff file Expand all files Collapse all files

12
js/settings/PasswdPanel.js
View file

@ -30,26 +30,30 @@ Zarafa.plugins.passwd.settings.PasswdPanel = Ext.extend(Ext.form.FormPanel, {
}, {
xtype : 'textfield',
name : 'current_password',
ref : 'current_password',
fieldLabel : dgettext("plugin_passwd", 'Current password'),
inputType : 'password',
allowBlank : false,
listeners : {
change : this.onFieldChange,
scope : this
}
}, {
xtype : 'textfield',
xtype : 'ux.passwordmeterfield',
name : 'new_password',
ref : 'new_password',
allowBlank : false,
fieldLabel : dgettext("plugin_passwd", 'New password'),
inputType : 'password',
listeners : {
change : this.onFieldChange,
scope : this
}
}, {
xtype : 'textfield',
xtype : 'ux.passwordmeterfield',
name : 'new_password_repeat',
allowBlank : false,
ref : 'new_password_repeat',
fieldLabel : dgettext("plugin_passwd", 'Retype new password'),
inputType : 'password',
listeners : {
change : this.onFieldChange,
scope : this

5
js/settings/SettingsPasswdCategory.js
View file

@ -19,11 +19,14 @@ Zarafa.plugins.passwd.settings.SettingsPasswdCategory = Ext.extend(Zarafa.settin
Ext.applyIf(config, {
title : dgettext("plugin_passwd", 'Change Password'),
categoryIndex : 9997,
iconCls : 'zarafa-settings-category-passwd',
xtype : 'zarafa.settingspasswdcategory',
items : [{
xtype : 'zarafa.settingspasswdwidget',
settingsContext : config.settingsContext
}]
},
container.populateInsertionPoint('context.settings.category.passwd', this)
]
});
Zarafa.plugins.passwd.settings.SettingsPasswdCategory.superclass.constructor.call(this, config);

44
js/settings/SettingsPasswdWidget.js
View file

@ -19,14 +19,9 @@ Zarafa.plugins.passwd.settings.SettingsPasswdWidget = Ext.extend(Zarafa.settings
config = config || {};
Ext.applyIf(config, {
height : 175,
width : 400,
title : dgettext("plugin_passwd", 'Change Password'),
xtype : 'zarafa.settingspasswdwidget',
layout : {
// override from SettingsWidget
type : 'fit'
},
layout: 'form',
items : [{
xtype : 'zarafa.passwdpanel',
ref : 'passwdPanel',
@ -51,10 +46,42 @@ Zarafa.plugins.passwd.settings.SettingsPasswdWidget = Ext.extend(Zarafa.settings
// listen to savesettings and discardsettings to save/discard delegation data
var contextModel = this.settingsContext.getModel();
this.mon(contextModel, 'beforesavesettings', this.onBeforeSaveSettings, this);
this.mon(contextModel, 'savesettings', this.onSaveSettings, this);
this.mon(contextModel, 'discardsettings', this.onDiscardSettings, this);
},
/**
* Event handler will be called when {@link Zarafa.settings.SettingsContextModel#beforesavesettings} event is fired.
* This function will validate the formdata.
*
* @private
*/
onBeforeSaveSettings : function()
{
// do some quick checks before submitting
if(this.passwdPanel.new_password.getValue() != this.passwdPanel.new_password_repeat.getValue()) {
Ext.MessageBox.alert(dgettext("plugin_passwd", 'Error'), dgettext("plugin_passwd", 'New passwords do not match.'));
return false;
} else if(Ext.isEmpty(this.passwdPanel.current_password.getValue())) {
Ext.MessageBox.alert(dgettext("plugin_passwd", 'Error'), dgettext("plugin_passwd", 'Current password is empty.'));
return false;
} else if(Ext.isEmpty(this.passwdPanel.new_password.getValue()) || Ext.isEmpty(this.passwdPanel.new_password_repeat.getValue())) {
Ext.MessageBox.alert(dgettext("plugin_passwd", 'Error'), dgettext("plugin_passwd", 'New password is empty.'));
return false;
} else if(!this.passwdPanel.getForm().isValid()) {
Ext.MessageBox.alert(dgettext("plugin_passwd", 'Error'), dgettext("plugin_passwd", 'One or more fields does contain errors.'));
return false;
} else {
// do a quick score check:
if(this.passwdPanel.new_password.getScore() < 70) {
Ext.MessageBox.alert(dgettext("plugin_passwd", 'Error'), dgettext("plugin_passwd", 'Password is weak. Password should contain capital, non-capital letters and numbers. Password should have 8 to 20 characters.'));
return false;
}
return true;
}
},
/**
* Event handler will be called when {@link Zarafa.settings.SettingsContextModel#savesettings} event is fired.
* This will relay this event to {@link Zarafa.plugins.passwd.settings.PasswdPanel PasswdPanel} so it can
@ -71,8 +98,11 @@ Zarafa.plugins.passwd.settings.SettingsPasswdWidget = Ext.extend(Zarafa.settings
// send request
container.getRequest().singleRequest('passwdmodule', 'save', data, new Zarafa.plugins.passwd.data.PasswdResponseHandler({
callbackFn : function(success, response) {
callbackFn: function (success, response) {
this.ownerCt.hideSavingMask(success);
if(success) {
this.passwdPanel.getForm().reset();
}
},
scope : this
}));