Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

InputFieldBtnPassword

Browse source
This commit is contained in:
OVSharova 2021-10-08 02:53:44 +03:00
parent c251fc32d2
commit 0bd8cf3fc9
4 changed files with 110 additions and 79 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
apps/common/main/lib/component/InputField.js
View file

@ -560,11 +560,13 @@ define([
validateOnBlur: true, validateOnBlur: true,
disabled: false, disabled: false,
editable: true, editable: true,
iconCls: 'btn-select-range', iconCls: 'hide-password',
btnHint: '' btnHint: '',
repeatInput: null,
showPwdOnClick: false
}, },
render : function(parentEl) {
render : function(parentEl) {
if (!this.rendered) { if (!this.rendered) {
this.cmpEl = $(this.template({ this.cmpEl = $(this.template({
@ -576,7 +578,7 @@ define([
name : this.name, name : this.name,
placeHolder : this.placeHolder, placeHolder : this.placeHolder,
spellcheck : this.spellcheck, spellcheck : this.spellcheck,
iconCls : this.options.iconCls, iconCls : 'hide-password',
scope : this scope : this
})); }));
@ -595,11 +597,15 @@ define([
this._btnElm = this.cmpEl.find('button'); this._btnElm = this.cmpEl.find('button');
this._button = new Common.UI.Button({ this._button = new Common.UI.Button({
el: this._button, el: this._btnElm,
hint: this.options.btnHint || '' hint: this.options.btnHint || ''
}); });
this._button.setIconCls('hide-password');
this._button.on('click', _.bind(this.onButtonClick, this)); this._button.on('click', _.bind(this.onButtonClick, this));
this._btnElm.on('mousedown', _.bind(this.onMouseDown, this)); if(this.options.showPwdOnClick)
this._button.on('click', _.bind(this.passwordShow, this));
else
this._btnElm.on('mousedown', _.bind(this.passwordShow, this));
this._input = this.cmpEl.find('input').addBack().filter('input'); this._input = this.cmpEl.find('input').addBack().filter('input');
if (this.editable) { if (this.editable) {
@ -630,15 +636,35 @@ define([
return this; return this;
}, },
onMouseDown: function (e) { passwordShow: function (e) {
if ((this._input.val() == '')||(this.disabled)) return; if (this.disabled) return;
this._btnElm.on('mouseup', _.bind(this.onMouseUp,this)); this._button.setIconCls('btn-sheet-view');
this._input.attr('type', 'text'); this._input.attr('type', 'text');
if(this.options.repeatInput)
this.options.repeatInput.attr('type', 'text');
if(this.options.showPwdOnClick)
{
this._button.off('click', _.bind(this.passwordShow, this));
this._button.on('click', _.bind(this.passwordHide, this));
}
else
this._btnElm.on('mouseup', _.bind(this.passwordHide,this));
}, },
onMouseUp: function (e) { passwordHide: function (e) {
this._button.setIconCls('hide-password');
this._input.attr('type', 'password'); this._input.attr('type', 'password');
this._btnElm.off('mouseup', this.onMouseUp); if(this.options.repeatInput)
this.options.repeatInput.attr('type', 'password');
if(this.options.showPwdOnClick)
{
this._button.off('click', _.bind(this.passwordHide, this));
this._button.on('click', _.bind(this.passwordShow, this));
}
else
this._btnElm.off('mouseup', this.passwordHide);
} }
} }

2
apps/common/main/lib/view/OpenDialog.js
View file

@ -200,7 +200,7 @@ define([
this.previewInner = this.previewScrolled.find('div:first-child'); this.previewInner = this.previewScrolled.find('div:first-child');
if (this.type == Common.Utils.importTextType.DRM) { if (this.type == Common.Utils.importTextType.DRM) {
this.inputPwd = new Common.UI.InputField({ this.inputPwd = new Common.UI.InputFieldBtnPassword({
el: $('#id-password-txt'), el: $('#id-password-txt'),
type: 'password', type: 'password',
validateOnBlur: false, validateOnBlur: false,

19
apps/common/main/lib/view/PasswordDialog.js
View file

@ -93,14 +93,7 @@ define([
if (this.$window) { if (this.$window) {
var me = this; var me = this;
this.$window.find('.dlg-btn').on('click', _.bind(this.onBtnClick, this)); this.$window.find('.dlg-btn').on('click', _.bind(this.onBtnClick, this));
this.inputPwd = new Common.UI.InputField({
el: $('#id-password-txt'),
type: 'password',
allowBlank : false,
style : 'width: 100%;',
maxLength: 255,
validateOnBlur: false
});
this.repeatPwd = new Common.UI.InputField({ this.repeatPwd = new Common.UI.InputField({
el: $('#id-repeat-txt'), el: $('#id-repeat-txt'),
type: 'password', type: 'password',
@ -112,6 +105,16 @@ define([
return me.txtIncorrectPwd; return me.txtIncorrectPwd;
} }
}); });
this.inputPwd = new Common.UI.InputFieldBtnPassword({
el: $('#id-password-txt'),
type: 'password',
allowBlank : false,
style : 'width: 100%;',
maxLength: 255,
validateOnBlur: false,
repeatInput: this.repeatPwd._input,
showPwdOnClick: true
});
} }
}, },

18
apps/spreadsheeteditor/main/app/view/ProtectDialog.js
View file

@ -111,14 +111,7 @@ define([
var me = this; var me = this;
this.$window.find('.dlg-btn').on('click', _.bind(this.onBtnClick, this)); this.$window.find('.dlg-btn').on('click', _.bind(this.onBtnClick, this));
this.inputPwd = new Common.UI.InputField({
el: $('#id-password-txt'),
type: 'password',
allowBlank : true,
style : 'width: 100%;',
maxLength: 255,
validateOnBlur: false
});
this.repeatPwd = new Common.UI.InputField({ this.repeatPwd = new Common.UI.InputField({
el: $('#id-repeat-txt'), el: $('#id-repeat-txt'),
type: 'password', type: 'password',
@ -130,6 +123,15 @@ define([
return me.txtIncorrectPwd; return me.txtIncorrectPwd;
} }
}); });
this.inputPwd = new Common.UI.InputFieldBtnPassword({
el: $('#id-password-txt'),
type: 'password',
allowBlank : true,
style : 'width: 100%;',
maxLength: 255,
validateOnBlur: false,
repeatInput: this.repeatPwd._input
});
if (this.type == 'sheet') { if (this.type == 'sheet') {
this.optionsList = new Common.UI.ListView({ this.optionsList = new Common.UI.ListView({