SgcUiPassword
Custom SGC Password/Secret UI Components based on Angular and Material.
Data model
TFieldFormPasswordDataDefault is the default constructor for all password field component.
export const TFieldFormPasswordDataDefault: TFieldFormEditData = {
...TFieldFormTextDataDefault,
hidePassword: true,
hidePasswordSymbol: TypeHidePasswordSymbol.DOT,
typeFieldForm: TypeFieldFormEdit.TEXTE_SECRET
}Password UI Component
1. Component
SgcUiPasswordComponent inherit BaseFieldFormEditUI
2. Selector
<sgc-ui-password></sgc-ui-password>4. Example
//--- Declare and Init TFieldFormPasswordData variable
class AppComponent implements OnInit {
mysecret1!: TFieldFormEditData;
ngOnInit() {
this.mysecret1={...TFieldFormPasswordDataDefault, name:'password1', label: 'Mon champ Password 1', disabled:false, showLabel:true, hidePassword:true};
} <!-- HTML -->
<sgc-ui-password [(data)]="mysecret1"></sgc-ui-password>