aril 1.1.65 → 1.1.66

package/theme/layout/app/profileSidebar/modals/edit-profile-modal/edit-profile-modal.component.ts

@@ -1,251 +1,251 @@
-import { CommonModule } from '@angular/common';
-import { Component, OnInit, effect } from '@angular/core';
-import { toSignal } from '@angular/core/rxjs-interop';
-import { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
-
-import { MessageService } from 'primeng/api';
-import { DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';
-import { TreeSelectModule } from 'primeng/treeselect';
-
-import { TranslocoModule, TranslocoService } from '@ngneat/transloco';
-import { Subject, switchMap } from 'rxjs';
-
-import { ButtonComponent } from 'aril/ui/button';
-import { CheckboxComponent } from 'aril/ui/checkbox';
-import { FieldComponent } from 'aril/ui/field';
-import { ARiLFormModule } from 'aril/ui/form';
-import { MaskComponent } from 'aril/ui/mask';
-import { PasswordComponent } from 'aril/ui/password';
-import { SelectBoxComponent } from 'aril/ui/selectBox';
-import { TextComponent } from 'aril/ui/text';
-import { TextAreaComponent } from 'aril/ui/textArea';
-import { TreeSelectComponent } from 'aril/ui/treeSelect';
-
-import { ClientResponseDTO, GetAllClientRequestDTO } from '../../../../service/interfaces/interfaces';
-import { ProfileService, UpdateUserRequestDTO, UserResponseDTO } from '../../profile.service';
-
-@Component({
-	standalone: true,
-	imports: [
-		CommonModule,
-		FormsModule,
-		ARiLFormModule,
-		TranslocoModule,
-		TreeSelectModule,
-		ReactiveFormsModule,
-		TextComponent,
-		MaskComponent,
-		FieldComponent,
-		ButtonComponent,
-		TextAreaComponent,
-		CheckboxComponent,
-		PasswordComponent,
-		SelectBoxComponent,
-		TreeSelectComponent
-	],
-	templateUrl: './edit-profile-modal.component.html'
-})
-export class EditProfileModalComponent implements OnInit {
-	constructor(
-		private readonly formBuilder: FormBuilder,
-		private readonly dialogRef: DynamicDialogRef,
-		private readonly messageService: MessageService,
-		private readonly profileService: ProfileService,
-		private readonly dialogConfig: DynamicDialogConfig,
-		private readonly translocoService: TranslocoService
-	) {
-		this.userProfile = this.dialogConfig.data?.userProfile;
-
-		this.initializeEffects();
-		this.initializeForm();
-	}
-
-	private initializeEffects() {
-		this.subjects.getTree.next(0);
-		this.subjects.getUserType.next({ first: 0, max: 100 });
-		this.subjects.getClientList.next({ first: 0, max: 100 });
-
-		if (this.dialogConfig?.data?.item?.id) {
-			this.subjects.getUserDetails.next({ id: this.dialogConfig.data.item.id });
-		}
-
-		effect(() => {
-				const service = this.updateUserService();
-				if (service?.response) {
-					this.messageService.add({
-						severity: 'success',
-						summary: this.translocoService.translate('profileSidebar.updateSuccess'),
-						detail: this.translocoService.translate('profileSidebar.updateSuccessDetail'),
-						key: 'toast-root'
-					});
-					this.dialogRef.close({ status: 'success', data: service.response });
-				}
-			},
-			{ allowSignalWrites: true }
-		);
-
-		effect(() => {
-			if (this.getClientListService()?.response) {
-				this.prepareClientListDropdown(this.getClientListService()?.response as ClientResponseDTO[]);
-			}
-		});
-
-		effect(() => {
-			if (this.getUserTypeService()?.response) {
-				this.userTypeDatas = this.getUserTypeService()?.response;
-				this.userTypeItems = this.userTypeDatas.map((item: { name: string; id: string }) => ({
-					text: item.name,
-					key: item.id
-				}));
-				this.initializeForm();
-			}
-		});
-
-		effect(() => {
-			if (this.getUserDetailService()?.response) {
-				this.updateUserData = this.getUserDetailService()?.response;
-				this.initializeForm();
-			}
-		});
-
-		effect(() => {
-			if (this.getAuthorityTreeService()?.response) {
-				this.treeData = this.getAuthorityTreeService()?.response;
-				this.treeItems = this.mapTreeData(this.treeData);
-			}
-		});
-	}
-
-	private subjects = {
-		getTree: new Subject<number>(),
-		getUserType: new Subject<any>(),
-		getUserDetails: new Subject<{ id: string }>(),
-		updateUser: new Subject<UpdateUserRequestDTO>(),
-		getClientList: new Subject<GetAllClientRequestDTO>()
-	};
-
-	treeData: any;
-	treeItems: any;
-	pageEdit = false;
-	userTypeItems: any;
-	userTypeDatas: any;
-	updateUserData: any;
-	clientList: { key: string; text: string }[] = [];
-	levelPairs: Array<{ startLevel: string; endLevel: string }> = [];
-
-	profileForm!: FormGroup;
-	userProfile: UserResponseDTO;
-	selectedUserTypeIds: string[] = [];
-
-	ngOnInit() {
-		if (!this.userProfile) {
-			this.dialogRef.close('error');
-		}
-	}
-
-	updateUserService = toSignal(
-		this.subjects.updateUser.pipe(switchMap((data) => this.profileService.updateUser(data)))
-	);
-
-	getClientListService = toSignal(
-		this.subjects.getClientList.pipe(switchMap((data) => this.profileService.getAllClientsList(data)))
-	);
-
-	getUserDetailService = toSignal(
-		this.subjects.getUserDetails.pipe(switchMap((data) => this.profileService.getUser(data)))
-	);
-
-	getUserTypeService = toSignal(
-		this.subjects.getUserType.pipe(switchMap((data) => this.profileService.getAllUserType(data)))
-	);
-
-	getAuthorityTreeService = toSignal(
-		this.subjects.getTree.pipe(switchMap((data) => this.profileService.getAuthorityTree(data)))
-	);
-
-	private initializeForm(): void {
-		this.updateUserData = this.getUserDetailService()?.response;
-
-		const userTypesFromResponse: string[] = this.userProfile?.userTypes || [];
-		const userTypeDatas = this.userTypeDatas || [];
-
-		this.selectedUserTypeIds = userTypeDatas
-			.filter((type: { name: string }) => userTypesFromResponse.includes(type.name))
-			.map((type: { id: any }) => type.id);
-
-		this.userTypeItems = userTypeDatas.map((type: { name: any; id: any }) => ({
-			label: type.name,
-			value: type.id
-		}));
-
-		this.profileForm = this.formBuilder.group({
-			id: new FormControl(this.userProfile?.id || null),
-			systemUser: new FormControl({ value: this.userProfile?.systemUser ?? true, disabled: false }),
-			clientOfSystemUser: new FormControl({ value: this.userProfile?.clientOfSystemUser || '', disabled: false }),
-			userTypeId: new FormControl({ value: this.selectedUserTypeIds[0], disabled: false }),
-			regions: new FormControl({ value: this.userProfile?.regions || '', disabled: false }),
-			userName: new FormControl({ value: this.userProfile?.userName || '', disabled: true }, [Validators.required]),
-			firstName: new FormControl(this.userProfile?.firstName || '', [Validators.required]),
-			lastName: new FormControl(this.userProfile?.lastName || ''),
-			email: new FormControl(this.userProfile?.email || '', [Validators.email, Validators.required]),
-			phone: new FormControl(Array.isArray(this.userProfile?.phone) ? this.userProfile.phone[0] || '' : this.userProfile?.phone || ''),
-			tckn: new FormControl(Array.isArray(this.userProfile?.tckn) ? this.userProfile.tckn[0] || '' : '', [Validators.required]),
-			photoUrl: new FormControl(this.userProfile?.photoUrl || ''),
-			enabled: new FormControl({ value: this.userProfile?.enabled ?? true, disabled: false }),
-			emailVerified: new FormControl({ value: this.userProfile?.emailVerified ?? true, disabled: false }),
-			notes: new FormControl(this.userProfile?.notes || ''),
-			password: new FormControl(null)
-		});
-	}
-
-	submit(): void {
-		const rawValue = this.profileForm.getRawValue();
-		const updateRequest: UpdateUserRequestDTO = {
-			...rawValue,
-			id: this.userProfile.id,
-			phone: Array.isArray(rawValue.phone) ? rawValue.phone : [rawValue.phone],
-			tckn: Array.isArray(rawValue.tckn) ? rawValue.tckn : [rawValue.tckn],
-			regions: this.levelPairs,
-			photoUrl: Array.isArray(rawValue.photoUrl) ? rawValue.photoUrl : [rawValue.photoUrl],
-			notes: Array.isArray(rawValue.notes) ? rawValue.notes : [rawValue.notes]
-		};
-
-		this.subjects.updateUser.next(updateRequest);
-	}
-
-	cancel(): void {
-		this.dialogRef.close('cancel');
-	}
-
-	prepareClientListDropdown(clientListParam: ClientResponseDTO[]) {
-		this.clientList = clientListParam.map((clientItem) => ({
-			key: clientItem.clientReferenceKey,
-			text: clientItem.name
-		}));
-	}
-
-	mapTreeData(treeData: any) {
-		return treeData.map((item: any) => ({
-			key: item.startLevel,
-			label: item.name,
-			value: item.id,
-			children: item.children ? this.mapTreeData(item.children) : []
-		}));
-	}
-
-	nodeSelect(event: any) {
-		const { startLevel, endLevel } = event.node.data;
-		const index = this.levelPairs.findIndex((pair) => pair.startLevel === startLevel && pair.endLevel === endLevel);
-		index === -1 ? this.levelPairs.push({ startLevel, endLevel }) : this.levelPairs.splice(index, 1);
-	}
-
-	nodeUnselect(event: any) {
-		const { startLevel, endLevel } = event.node.data;
-		const index = this.levelPairs.findIndex((pair) => pair.startLevel === startLevel && pair.endLevel === endLevel);
-		if (index !== -1) this.levelPairs.splice(index, 1);
-	}
-
-	clear() {
-		this.levelPairs = [];
-	}
-}
+import { CommonModule } from '@angular/common';
+import { Component, OnInit, effect } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
+
+import { MessageService } from 'primeng/api';
+import { DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';
+import { TreeSelectModule } from 'primeng/treeselect';
+
+import { TranslocoModule, TranslocoService } from '@ngneat/transloco';
+import { Subject, switchMap } from 'rxjs';
+
+import { ButtonComponent } from 'aril/ui/button';
+import { CheckboxComponent } from 'aril/ui/checkbox';
+import { FieldComponent } from 'aril/ui/field';
+import { ARiLFormModule } from 'aril/ui/form';
+import { MaskComponent } from 'aril/ui/mask';
+import { PasswordComponent } from 'aril/ui/password';
+import { SelectBoxComponent } from 'aril/ui/selectBox';
+import { TextComponent } from 'aril/ui/text';
+import { TextAreaComponent } from 'aril/ui/textArea';
+import { TreeSelectComponent } from 'aril/ui/treeSelect';
+
+import { ClientResponseDTO, GetAllClientRequestDTO } from '../../../../service/interfaces/interfaces';
+import { ProfileService, UpdateUserRequestDTO, UserResponseDTO } from '../../profile.service';
+
+@Component({
+	standalone: true,
+	imports: [
+		CommonModule,
+		FormsModule,
+		ARiLFormModule,
+		TranslocoModule,
+		TreeSelectModule,
+		ReactiveFormsModule,
+		TextComponent,
+		MaskComponent,
+		FieldComponent,
+		ButtonComponent,
+		TextAreaComponent,
+		CheckboxComponent,
+		PasswordComponent,
+		SelectBoxComponent,
+		TreeSelectComponent
+	],
+	templateUrl: './edit-profile-modal.component.html'
+})
+export class EditProfileModalComponent implements OnInit {
+	constructor(
+		private readonly formBuilder: FormBuilder,
+		private readonly dialogRef: DynamicDialogRef,
+		private readonly messageService: MessageService,
+		private readonly profileService: ProfileService,
+		private readonly dialogConfig: DynamicDialogConfig,
+		private readonly translocoService: TranslocoService
+	) {
+		this.userProfile = this.dialogConfig.data?.userProfile;
+
+		this.initializeEffects();
+		this.initializeForm();
+	}
+
+	private initializeEffects() {
+		this.subjects.getTree.next(0);
+		this.subjects.getUserType.next({ first: 0, max: 100 });
+		this.subjects.getClientList.next({ first: 0, max: 100 });
+
+		if (this.dialogConfig?.data?.item?.id) {
+			this.subjects.getUserDetails.next({ id: this.dialogConfig.data.item.id });
+		}
+
+		effect(() => {
+				const service = this.updateUserService();
+				if (service?.response) {
+					this.messageService.add({
+						severity: 'success',
+						summary: this.translocoService.translate('profileSidebar.updateSuccess'),
+						detail: this.translocoService.translate('profileSidebar.updateSuccessDetail'),
+						key: 'toast-root'
+					});
+					this.dialogRef.close({ status: 'success', data: service.response });
+				}
+			},
+			{ allowSignalWrites: true }
+		);
+
+		effect(() => {
+			if (this.getClientListService()?.response) {
+				this.prepareClientListDropdown(this.getClientListService()?.response as ClientResponseDTO[]);
+			}
+		});
+
+		effect(() => {
+			if (this.getUserTypeService()?.response) {
+				this.userTypeDatas = this.getUserTypeService()?.response;
+				this.userTypeItems = this.userTypeDatas.map((item: { name: string; id: string }) => ({
+					text: item.name,
+					key: item.id
+				}));
+				this.initializeForm();
+			}
+		});
+
+		effect(() => {
+			if (this.getUserDetailService()?.response) {
+				this.updateUserData = this.getUserDetailService()?.response;
+				this.initializeForm();
+			}
+		});
+
+		effect(() => {
+			if (this.getAuthorityTreeService()?.response) {
+				this.treeData = this.getAuthorityTreeService()?.response;
+				this.treeItems = this.mapTreeData(this.treeData);
+			}
+		});
+	}
+
+	private subjects = {
+		getTree: new Subject<number>(),
+		getUserType: new Subject<any>(),
+		getUserDetails: new Subject<{ id: string }>(),
+		updateUser: new Subject<UpdateUserRequestDTO>(),
+		getClientList: new Subject<GetAllClientRequestDTO>()
+	};
+
+	treeData: any;
+	treeItems: any;
+	pageEdit = false;
+	userTypeItems: any;
+	userTypeDatas: any;
+	updateUserData: any;
+	clientList: { key: string; text: string }[] = [];
+	levelPairs: Array<{ startLevel: string; endLevel: string }> = [];
+
+	profileForm!: FormGroup;
+	userProfile: UserResponseDTO;
+	selectedUserTypeIds: string[] = [];
+
+	ngOnInit() {
+		if (!this.userProfile) {
+			this.dialogRef.close('error');
+		}
+	}
+
+	updateUserService = toSignal(
+		this.subjects.updateUser.pipe(switchMap((data) => this.profileService.updateUser(data)))
+	);
+
+	getClientListService = toSignal(
+		this.subjects.getClientList.pipe(switchMap((data) => this.profileService.getAllClientsList(data)))
+	);
+
+	getUserDetailService = toSignal(
+		this.subjects.getUserDetails.pipe(switchMap((data) => this.profileService.getUser(data)))
+	);
+
+	getUserTypeService = toSignal(
+		this.subjects.getUserType.pipe(switchMap((data) => this.profileService.getAllUserType(data)))
+	);
+
+	getAuthorityTreeService = toSignal(
+		this.subjects.getTree.pipe(switchMap((data) => this.profileService.getAuthorityTree(data)))
+	);
+
+	private initializeForm(): void {
+		this.updateUserData = this.getUserDetailService()?.response;
+
+		const userTypesFromResponse: string[] = this.userProfile?.userTypes || [];
+		const userTypeDatas = this.userTypeDatas || [];
+
+		this.selectedUserTypeIds = userTypeDatas
+			.filter((type: { name: string }) => userTypesFromResponse.includes(type.name))
+			.map((type: { id: any }) => type.id);
+
+		this.userTypeItems = userTypeDatas.map((type: { name: any; id: any }) => ({
+			label: type.name,
+			value: type.id
+		}));
+
+		this.profileForm = this.formBuilder.group({
+			id: new FormControl(this.userProfile?.id || null),
+			systemUser: new FormControl({ value: this.userProfile?.systemUser ?? true, disabled: false }),
+			clientOfSystemUser: new FormControl({ value: this.userProfile?.clientOfSystemUser || '', disabled: false }),
+			userTypeId: new FormControl({ value: this.selectedUserTypeIds[0], disabled: false }),
+			regions: new FormControl({ value: this.userProfile?.regions || '', disabled: false }),
+			userName: new FormControl({ value: this.userProfile?.userName || '', disabled: true }, [Validators.required]),
+			firstName: new FormControl(this.userProfile?.firstName || '', [Validators.required]),
+			lastName: new FormControl(this.userProfile?.lastName || ''),
+			email: new FormControl(this.userProfile?.email || '', [Validators.email, Validators.required]),
+			phone: new FormControl(Array.isArray(this.userProfile?.phone) ? this.userProfile.phone[0] || '' : this.userProfile?.phone || ''),
+			tckn: new FormControl(Array.isArray(this.userProfile?.tckn) ? this.userProfile.tckn[0] || '' : '', [Validators.required]),
+			photoUrl: new FormControl(this.userProfile?.photoUrl || ''),
+			enabled: new FormControl({ value: this.userProfile?.enabled ?? true, disabled: false }),
+			emailVerified: new FormControl({ value: this.userProfile?.emailVerified ?? true, disabled: false }),
+			notes: new FormControl(this.userProfile?.notes || ''),
+			password: new FormControl(null)
+		});
+	}
+
+	submit(): void {
+		const rawValue = this.profileForm.getRawValue();
+		const updateRequest: UpdateUserRequestDTO = {
+			...rawValue,
+			id: this.userProfile.id,
+			phone: Array.isArray(rawValue.phone) ? rawValue.phone : [rawValue.phone],
+			tckn: Array.isArray(rawValue.tckn) ? rawValue.tckn : [rawValue.tckn],
+			regions: this.levelPairs,
+			photoUrl: Array.isArray(rawValue.photoUrl) ? rawValue.photoUrl : [rawValue.photoUrl],
+			notes: Array.isArray(rawValue.notes) ? rawValue.notes : [rawValue.notes]
+		};
+
+		this.subjects.updateUser.next(updateRequest);
+	}
+
+	cancel(): void {
+		this.dialogRef.close('cancel');
+	}
+
+	prepareClientListDropdown(clientListParam: ClientResponseDTO[]) {
+		this.clientList = clientListParam.map((clientItem) => ({
+			key: clientItem.clientReferenceKey,
+			text: clientItem.name
+		}));
+	}
+
+	mapTreeData(treeData: any) {
+		return treeData.map((item: any) => ({
+			key: item.startLevel,
+			label: item.name,
+			value: item.id,
+			children: item.children ? this.mapTreeData(item.children) : []
+		}));
+	}
+
+	nodeSelect(event: any) {
+		const { startLevel, endLevel } = event.node.data;
+		const index = this.levelPairs.findIndex((pair) => pair.startLevel === startLevel && pair.endLevel === endLevel);
+		index === -1 ? this.levelPairs.push({ startLevel, endLevel }) : this.levelPairs.splice(index, 1);
+	}
+
+	nodeUnselect(event: any) {
+		const { startLevel, endLevel } = event.node.data;
+		const index = this.levelPairs.findIndex((pair) => pair.startLevel === startLevel && pair.endLevel === endLevel);
+		if (index !== -1) this.levelPairs.splice(index, 1);
+	}
+
+	clear() {
+		this.levelPairs = [];
+	}
+}