Skip to content

Commit e6d5d61

Browse files
committed
feat(page-login): permite desabilitar o autocomplete
Permite desabilitar ou habilitar o autocomplete no campo de login e senha individualmente e também permite habilitar ou desabilitar a funcionalidade de espiar a senha.
1 parent 66e30f6 commit e6d5d61

File tree

2 files changed

+38
-0
lines changed

2 files changed

+38
-0
lines changed

projects/templates/src/lib/components/po-page-login/po-page-login-base.component.ts

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -286,6 +286,41 @@ export abstract class PoPageLoginBaseComponent implements OnDestroy {
286286
*/
287287
@Output('p-language-change') languageChange: EventEmitter<PoLanguage> = new EventEmitter<PoLanguage>();
288288

289+
/**
290+
* @optional
291+
*
292+
* @description
293+
*
294+
* Define a propriedade nativa `autocomplete` do campo como `off`.
295+
*
296+
* @default `false`
297+
*/
298+
@Input('p-no-autocomplete-login') noAutocompleteLogin: boolean;
299+
300+
/**
301+
* @optional
302+
*
303+
* @description
304+
*
305+
* Define a propriedade nativa `autocomplete` do campo como `off`.
306+
*
307+
* > No componente `po-password` será definido como `new-password`.
308+
*
309+
* @default `false`
310+
*/
311+
@Input('p-no-autocomplete-password') noAutocompletePassword: boolean;
312+
313+
/**
314+
* @optional
315+
*
316+
* @description
317+
*
318+
* Permite esconder a função de espiar a senha digitada.
319+
*
320+
* @default `false`
321+
*/
322+
@Input('p-hide-password-peek') hidePasswordPeek: boolean;
323+
289324
allLoginErrors: Array<string> = [];
290325
allPasswordErrors: Array<string> = [];
291326
customFieldObject: PoPageLoginCustomField;

projects/templates/src/lib/components/po-page-login/po-page-login.component.html

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,7 @@ <h1>{{ productName }}</h1>
3939
p-auto-focus
4040
p-required
4141
[p-label]="pageLoginLiterals.loginLabel"
42+
[p-no-autocomplete]="noAutocompleteLogin"
4243
[p-pattern]="loginPattern"
4344
[p-placeholder]="pageLoginLiterals.loginPlaceholder"
4445
(click)="closePopover()"
@@ -85,7 +86,9 @@ <h1>{{ productName }}</h1>
8586
name="password"
8687
[(ngModel)]="password"
8788
p-required
89+
[p-hide-password-peek]="hidePasswordPeek"
8890
[p-label]="pageLoginLiterals.passwordLabel"
91+
[p-no-autocomplete]="noAutocompletePassword"
8992
[p-pattern]="passwordPattern"
9093
[p-placeholder]="pageLoginLiterals.passwordPlaceholder"
9194
(click)="closePopover()"

0 commit comments

Comments
 (0)