vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Merge pull request #2934 from bahadirsofuoglu/password-meter-issue 

Password meter dynamic changes problem solved
pull/2940/head
Tuğçe Küçükoğlu 2022-09-05 10:35:06 +03:00 committed by GitHub
parent 47e87fff72 081d40c18d
commit cdc029e472
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 46 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
src/components/password/Password.vue
View File

@ -205,6 +205,7 @@ export default {
onFocus(event) {
this.focused = true;
if (this.feedback) {
this.setPasswordMeter(this.modelValue)
this.overlayVisible = true;
}
@ -212,6 +213,7 @@ export default {
},
onBlur(event) {
this.focused = false;
if (this.feedback) {
this.overlayVisible = false;
}
@ -221,39 +223,8 @@ export default {
onKeyUp(event) {
if (this.feedback) {
const value = event.target.value;
let label = null;
let meter = null;
switch (this.testStrength(value)) {
case 1:
label = this.weakText;
meter = {
strength: 'weak',
width: '33.33%'
};
break;
case 2:
label = this.mediumText;
meter = {
strength: 'medium',
width: '66.66%'
};
break;
case 3:
label = this.strongText;
meter = {
strength: 'strong',
width: '100%'
};
break;
default:
label = this.promptText;
meter = null;
break;
}
const {meter,label} = this.checkPasswordStrength(value);
this.meter = meter;
this.infoText = label;
@ -269,6 +240,49 @@ export default {
}
}
},
setPasswordMeter() {
if(!this.feedback || !this.modelValue) return;
const {meter,label} = this.checkPasswordStrength(this.modelValue);
this.meter = meter;
this.infoText = label;
if (!this.overlayVisible) {
this.overlayVisible = true;
}
},
checkPasswordStrength(value) {
let label = null;
let meter = null;
switch (this.testStrength(value)) {
case 1:
label = this.weakText;
meter = {
strength: 'weak',
width: '33.33%'
};
break;
case 2:
label = this.mediumText;
meter = {
strength: 'medium',
width: '66.66%'
};
break;
case 3:
label = this.strongText;
meter = {
strength: 'strong',
width: '100%'
};
break;
default:
label = this.promptText;
meter = null;
break;
}
return { label, meter };
},
onInvalid(event) {
this.$emit('invalid', event);
},