InputFieldBtnPassword

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

View file

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

View file

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

View file

@ -93,14 +93,7 @@ define([
if (this.$window) {
var me = 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({
el: $('#id-repeat-txt'),
type: 'password',
@ -112,6 +105,16 @@ define([
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
});
}
},

View file

@ -111,14 +111,7 @@ define([
var me = 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({
el: $('#id-repeat-txt'),
type: 'password',
@ -130,6 +123,15 @@ define([
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') {
this.optionsList = new Common.UI.ListView({