routeTo: string;
pendingXactsDate: Date;
passwordVisible: boolean;
- ariaDescription: string = 'Your password is not visible.';
+ ariaDescription: string = $localize`Your password is not visible.`;
args = {
username : '',
togglePasswordVisibility() {
this.passwordVisible = !this.passwordVisible;
- if(this.passwordVisible) this.ariaDescription = "Your password is visible!";
- else this.ariaDescription = "Your password is not visible.";
+ if(this.passwordVisible) this.ariaDescription = $localize`Your password is visible!`;
+ else this.ariaDescription = $localize`Your password is not visible.`;
this.passwordInput.nativeElement.focus();
}
input.type = 'text';
icon.setAttribute('class', 'fas fa-eye');
btn.setAttribute('aria-checked', 'true');
- input.setAttribute('aria-description', 'Your password is visible!');
+ input.setAttribute('aria-description', "[% l('Your password is visible!') %]");
}else {
input.type = 'password';
icon.setAttribute('class', 'fas fa-eye-slash');
btn.setAttribute('aria-checked', 'false');
- input.setAttribute('aria-description', 'Your password is not visible.');
+ input.setAttribute('aria-description', "[% l('Your password is not visible.') %]");
}
input.focus();
});
<div class="col-sm w-50">
<div class="input-group">
<input class="form-control" id="password_field" name="password" type="password"
- spellcheck="false" autocomplete="false" autocapitalize="none" aria-description="Your password is not visible."/>
+ spellcheck="false" autocomplete="false" autocapitalize="none" aria-description="[% l('Your password is not visible.') %]"/>
<button id="show_password" class="input-group-text pointer" type="button" role="checkbox">
<i class="fas fa-eye-slash"></i>
</button>
<div class="col-sm w-50">
<div class="input-group">
<input class="form-control" id="password_field" name="password" type="password"
- spellcheck="false" autocomplete="false" autocapitalize="none" aria-description="Your password is not visible."/>
+ spellcheck="false" autocomplete="false" autocapitalize="none" aria-description="[% l('Your password is not visible.') %]"/>
<span class="input-group-addon">
<button id="show_password" class="btn" type="button" aria-label="password visibility"
aria-checked="false" ><i class="fas fa-eye-slash"></i>
checkbox.addEventListener('change', () => {
if(checkbox.checked){
input.type = 'text';
- input.setAttribute('aria-description', 'Your password is visible!');
+ input.setAttribute('aria-description', "[% l('Your password is visible!') %]");
}
else {
input.type = 'password';
- input.setAttribute('aria-description', 'Your password is not visible.');
+ input.setAttribute('aria-description', "[% l('Your password is not visible.') %]");
}
input.focus();
});
<div class="input_bg">
<input id="password_field" name="password" type="password"
spellcheck="false" autocapitalize="false" autocomplete="false"
- aria-description="Your password is not visible."/>
+ aria-description="[% l('Your password is not visible.') %]"/>
</div>
<div id="password_visibility" class="input_bg">
<input id="password_visibility_checkbox" type="checkbox" />
<div class="col-md-8">
<div class="input-group">
<input type="password" id="login-password" class="form-control"
- placeholder="Password" autocapitalize="none" spellcheck="false" autocomplete="false" aria-description="Your password is not visible."
+ placeholder="Password" autocapitalize="none" spellcheck="false" autocomplete="false" aria-description="[% l('Your password is not visible.') %]"
ng-model="args.password"/>
<span class="input-group-addon">
<button id="show_password" type="button" role="switch" aria-label="password visibility" aria-checked="false" ><i class="glyphicon glyphicon-eye-close"></i></button>
input.type = 'text';
icon.setAttribute('class', 'glyphicon glyphicon-eye-open');
btn.setAttribute('aria-checked', 'true');
- input.setAttribute('aria-description', 'Your password is visible!');
+ input.setAttribute('aria-description', "[% l('Your password is visible!') %]");
}else {
input.type = 'password';
icon.setAttribute('class', 'glyphicon glyphicon-eye-close');
btn.setAttribute('aria-checked', 'false');
- input.setAttribute('aria-description', 'Your password is not visible.');
+ input.setAttribute('aria-description', "[% l('Your password is not visible.') %]");
}
input.focus();
});
$('#login_form').submit(()=>{
input.type='password';
});
-</script>
\ No newline at end of file
+</script>