mirror of
https://github.com/andwati/zitadel.git
synced 2026-11-13 01:25:11 +00:00
RamonandGitHub
e47acaeef2
# Which Problems Are Solved # How the Problems Are Solved # Additional Changes # Additional Context - Closes #10690
67 lines
2.7 KiB
TypeScript
67 lines
2.7 KiB
TypeScript
import { Component, EventEmitter, Input, OnChanges, OnDestroy, Output } from '@angular/core';
|
|
import { FormControl, FormGroup } from '@angular/forms';
|
|
import { Subject, takeUntil } from 'rxjs';
|
|
import { LDAPAttributes } from 'src/app/proto/generated/zitadel/idp_pb';
|
|
import { requiredValidator } from '../../form-field/validators/validators';
|
|
|
|
@Component({
|
|
selector: 'cnsl-ldap-attributes',
|
|
templateUrl: './ldap-attributes.component.html',
|
|
styleUrls: ['./ldap-attributes.component.scss'],
|
|
standalone: false,
|
|
})
|
|
export class LDAPAttributesComponent implements OnChanges, OnDestroy {
|
|
@Input() public initialAttributes?: LDAPAttributes.AsObject;
|
|
@Output() public attributesChanged: EventEmitter<LDAPAttributes> = new EventEmitter<LDAPAttributes>();
|
|
private destroy$: Subject<void> = new Subject();
|
|
public form: FormGroup = new FormGroup({
|
|
avatarUrlAttribute: new FormControl('', []),
|
|
displayNameAttribute: new FormControl('', []),
|
|
emailAttribute: new FormControl('', []),
|
|
emailVerifiedAttribute: new FormControl('', []),
|
|
firstNameAttribute: new FormControl('', []),
|
|
idAttribute: new FormControl('', [requiredValidator]),
|
|
lastNameAttribute: new FormControl('', []),
|
|
nickNameAttribute: new FormControl('', []),
|
|
phoneAttribute: new FormControl('', []),
|
|
phoneVerifiedAttribute: new FormControl('', []),
|
|
preferredLanguageAttribute: new FormControl('', []),
|
|
preferredUsernameAttribute: new FormControl('', []),
|
|
profileAttribute: new FormControl('', []),
|
|
});
|
|
|
|
public showMore: boolean = false;
|
|
constructor() {
|
|
this.form.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {
|
|
if (value) {
|
|
const attr = new LDAPAttributes();
|
|
attr.setAvatarUrlAttribute(value.avatarUrlAttribute);
|
|
attr.setDisplayNameAttribute(value.displayNameAttribute);
|
|
attr.setEmailAttribute(value.emailAttribute);
|
|
attr.setEmailVerifiedAttribute(value.emailVerifiedAttribute);
|
|
attr.setFirstNameAttribute(value.firstNameAttribute);
|
|
attr.setIdAttribute(value.idAttribute);
|
|
attr.setLastNameAttribute(value.lastNameAttribute);
|
|
attr.setNickNameAttribute(value.nickNameAttribute);
|
|
attr.setPhoneAttribute(value.phoneAttribute);
|
|
attr.setPhoneVerifiedAttribute(value.phoneVerifiedAttribute);
|
|
attr.setPreferredLanguageAttribute(value.preferredLanguageAttribute);
|
|
attr.setPreferredUsernameAttribute(value.preferredUsernameAttribute);
|
|
attr.setProfileAttribute(value.profileAttribute);
|
|
this.attributesChanged.emit(attr);
|
|
}
|
|
});
|
|
}
|
|
|
|
ngOnChanges(): void {
|
|
if (this.initialAttributes) {
|
|
this.form.patchValue(this.initialAttributes);
|
|
}
|
|
}
|
|
|
|
ngOnDestroy(): void {
|
|
this.destroy$.next();
|
|
this.destroy$.complete();
|
|
}
|
|
}
|