aril 1.0.39 → 1.0.41

package/theme/layout/app/profileSidebar/modals/change-password-modal/change-password-modal.component.ts

@@ -0,0 +1,178 @@
+import { CommonModule } from '@angular/common';
+import { Component, effect } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import {
+	AbstractControl,
+	FormBuilder,
+	FormControl,
+	FormGroup,
+	FormsModule,
+	ReactiveFormsModule,
+	ValidationErrors
+} from '@angular/forms';
+
+import { MessageService } from 'primeng/api';
+import { DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';
+import { PasswordModule } from 'primeng/password';
+import { TooltipModule } from 'primeng/tooltip';
+
+import { TranslocoModule, TranslocoService } from '@ngneat/transloco';
+import { Subject, switchMap } from 'rxjs';
+
+import { ButtonComponent } from 'aril/ui/button';
+import { FieldComponent } from 'aril/ui/field';
+import { ARiLFormModule } from 'aril/ui/form';
+
+import { ProfileService, ResetPasswordRequestDTO } from '../../profile.service';
+
+export class PasswordValidators {
+	static passwordMatchValidator = (passwordFormGroup: FormGroup) => {
+		return (control: AbstractControl): ValidationErrors | null => {
+			if (!control.value || !passwordFormGroup) {
+				return null;
+			}
+
+			const passwordControl = passwordFormGroup.get('newPassword');
+			const confirmPasswordValue = control.value;
+
+			if (!passwordControl || !confirmPasswordValue) {
+				return null;
+			}
+
+			const passwordsMatch = passwordControl.value === confirmPasswordValue;
+			return passwordsMatch ? null : (
+					{
+						passwordMismatch: 'Şifreler eşleşmiyor. Lütfen aynı şifreyi giriniz.'
+					}
+				);
+		};
+	};
+
+	static minLength(length: number) {
+		return (control: AbstractControl): ValidationErrors | null => {
+			if (!control.value || control.value.length >= length) {
+				return null;
+			}
+			return { minlength: `Şifre en az ${length} karakter olmalıdır.` };
+		};
+	}
+
+	static required(control: AbstractControl): ValidationErrors | null {
+		if (!control.value || control.value.trim() === '') {
+			return { required: 'Bu alan zorunludur.' };
+		}
+		return null;
+	}
+}
+
+@Component({
+	standalone: true,
+	imports: [
+		CommonModule,
+		ReactiveFormsModule,
+		FormsModule,
+		ARiLFormModule,
+		FieldComponent,
+		ButtonComponent,
+		PasswordModule,
+		TooltipModule,
+		TranslocoModule
+	],
+	templateUrl: './change-password-modal.component.html',
+	styleUrls: ['./change-password-modal.component.scss']
+})
+export class ChangePasswordModalComponent {
+	passwordForm!: FormGroup;
+	userId: string;
+
+	private subjects = {
+		resetPassword: new Subject<ResetPasswordRequestDTO>()
+	};
+
+	resetPasswordService = toSignal(
+		this.subjects.resetPassword.pipe(switchMap((data) => this.profileService.resetPassword(data)))
+	);
+
+	constructor(
+		private readonly formBuilder: FormBuilder,
+		private readonly dialogRef: DynamicDialogRef,
+		private readonly dialogConfig: DynamicDialogConfig,
+		private readonly profileService: ProfileService,
+		private readonly translocoService: TranslocoService,
+		private readonly messageService: MessageService
+	) {
+		this.userId = this.dialogConfig.data?.userId;
+
+		effect(
+			() => {
+				const service = this.resetPasswordService();
+				if (service?.response) {
+					this.messageService.add({
+						severity: 'success',
+						summary: this.translocoService.translate('profileSidebar.changePasswordSuccess'),
+						detail: this.translocoService.translate('profileSidebar.changePasswordSuccessDetail'),
+						key: 'toast-root'
+					});
+					this.dialogRef.close({ status: 'success' });
+				}
+			},
+			{ allowSignalWrites: true }
+		);
+
+		this.initializeForm();
+
+		if (!this.userId) {
+			this.dialogRef.close('error');
+		}
+	}
+
+	initializeForm(): void {
+		this.passwordForm = this.formBuilder.group({
+			newPassword: new FormControl('', [PasswordValidators.required, PasswordValidators.minLength(6)]),
+			confirmPassword: new FormControl('', [PasswordValidators.required])
+		});
+
+		const confirmPasswordControl = this.passwordForm.get('confirmPassword');
+		if (confirmPasswordControl) {
+			confirmPasswordControl.setValidators([
+				PasswordValidators.required,
+				PasswordValidators.passwordMatchValidator(this.passwordForm)
+			]);
+		}
+
+		this.passwordForm.get('newPassword')?.valueChanges.subscribe(() => {
+			confirmPasswordControl?.updateValueAndValidity({ emitEvent: false });
+		});
+	}
+
+	getErrorMessage(controlName: string): string {
+		const control = this.passwordForm.get(controlName);
+		if (control?.errors) {
+			const errors = control.errors;
+			const errorKeys = Object.keys(errors);
+			if (errorKeys.length > 0) {
+				return errors[errorKeys[0]];
+			}
+		}
+		return '';
+	}
+
+	submit(): void {
+		if (this.passwordForm.invalid) {
+			this.passwordForm.markAllAsTouched();
+			return;
+		}
+
+		const formValue = this.passwordForm.value;
+		const resetRequest: ResetPasswordRequestDTO = {
+			userId: this.userId,
+			password: formValue.newPassword
+		};
+
+		this.subjects.resetPassword.next(resetRequest);
+	}
+
+	cancel(): void {
+		this.dialogRef.close('cancel');
+	}
+}

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

@@ -0,0 +1,27 @@
+import { OnInit } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { MessageService } from 'primeng/api';
+import { DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';
+import { TranslocoService } from '@ngneat/transloco';
+import { ProfileService, UserResponseDTO } from '../../profile.service';
+import * as i0 from "@angular/core";
+export declare class EditProfileModalComponent implements OnInit {
+    private readonly formBuilder;
+    private readonly dialogRef;
+    private readonly dialogConfig;
+    private readonly profileService;
+    private readonly translocoService;
+    private readonly messageService;
+    profileForm: FormGroup;
+    userProfile: UserResponseDTO;
+    private subjects;
+    updateUserService: import("@angular/core").Signal<import("../../../../../../../../dist/http").ServiceResponse<UserResponseDTO> | undefined>;
+    constructor(formBuilder: FormBuilder, dialogRef: DynamicDialogRef, dialogConfig: DynamicDialogConfig, profileService: ProfileService, translocoService: TranslocoService, messageService: MessageService);
+    ngOnInit(): void;
+    private initializeEffects;
+    private initializeForm;
+    submit(): void;
+    cancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditProfileModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditProfileModalComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,76 @@
+<div  *transloco="let t; read: 'profileSidebar'">
+	<aril-form [formGroup]="profileForm">
+		<aril-field [label]="t('systemUser')" [cols]="{ xl: 6, lg: 6, md: 12, sm: 12 }">
+			<aril-checkbox [label]="' '" formControlName="systemUser" [disabled]="true"></aril-checkbox>
+		</aril-field>
+
+		<aril-field [label]="t('systemUserApp')" [cols]="{ xl: 6, lg: 6, md: 12, sm: 12 }">
+			<aril-text formControlName="clientOfSystemUser" [disabled]="true"></aril-text>
+		</aril-field>
+
+		<!-- <aril-field [label]="t('userType')" [cols]="{ xl: 6, lg: 6, md: 6, sm: 12 }">
+			<aril-text formControlName="userTypeId" [disabled]="true"></aril-text>
+		</aril-field>
+
+		<aril-field [label]="t('responsibleRegions')" [cols]="{ xl: 6, lg: 6, md: 6, sm: 12 }">
+			<aril-text formControlName="regions" [disabled]="true"></aril-text>
+		</aril-field> -->
+
+		<aril-field [label]="t('username')" [cols]="{ xl: 6, lg: 6, md: 6, sm: 12 }" [markAsRequired]="true">
+			<aril-text formControlName="userName" [disabled]="true"></aril-text>
+		</aril-field>
+
+		<aril-field [label]="t('firstName')" [cols]="{ xl: 6, lg: 6, md: 6, sm: 12 }" [markAsRequired]="true">
+			<aril-text formControlName="firstName"></aril-text>
+		</aril-field>
+
+		<aril-field [label]="t('lastName')" [cols]="{ xl: 6, lg: 6, md: 6, sm: 12 }">
+			<aril-text formControlName="lastName"></aril-text>
+		</aril-field>
+
+		<aril-field [label]="t('email')" [cols]="{ xl: 6, lg: 6, md: 6, sm: 12 }" [markAsRequired]="true">
+			<aril-text formControlName="email"></aril-text>
+		</aril-field>
+
+		<aril-field [label]="t('phone')" [cols]="{ xl: 6, lg: 6, md: 6, sm: 12 }">
+			<aril-mask mask="(999) 999 99 99" [placeholder]="t('phoneExample')" formControlName="phone"></aril-mask>
+		</aril-field>
+
+		<aril-field [label]="t('tcNumber')" [cols]="{ xl: 6, lg: 6, md: 6, sm: 12 }" [markAsRequired]="true">
+			<aril-mask mask="99999999999" formControlName="tckn"></aril-mask>
+		</aril-field>
+
+		<aril-field [label]="t('photoUrl')" [cols]="{ xl: 6, lg: 6, md: 6, sm: 12 }">
+			<aril-text formControlName="photoUrl"></aril-text>
+		</aril-field>
+
+		<aril-field [label]="t('active')" [cols]="{ xl: 6, lg: 6, md: 6, sm: 12 }">
+			<aril-checkbox [label]="' '" formControlName="enabled" [disabled]="true"></aril-checkbox>
+		</aril-field>
+
+		<aril-field [label]="t('emailVerified')" [cols]="{ xl: 6, lg: 6, md: 6, sm: 12 }">
+			<aril-checkbox [label]="' '" formControlName="emailVerified" [disabled]="true"></aril-checkbox>
+		</aril-field>
+
+		<aril-field [label]="t('notes')" [cols]="{ xl: 12, lg: 12, md: 12, sm: 12 }">
+			<aril-text-area [rows]="3" [cols]="40" formControlName="notes"></aril-text-area>
+		</aril-field>
+
+		<div class="col-12 flex justify-content-end mt-4 gap-2">
+			<aril-button
+				color="danger"
+				[label]="t('cancel')"
+				[outlined]="true"
+				icon="TIMES"
+				(clickEvent)="cancel()">
+			</aril-button>
+			<aril-button
+				color="success"
+				[label]="t('save')"
+				[raised]="false"
+				icon="CHECK"
+				(clickEvent)="submit()">
+			</aril-button>
+		</div>
+	</aril-form>
+</div> 

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

@@ -0,0 +1,141 @@
+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 { 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 { TextComponent } from 'aril/ui/text';
+import { TextAreaComponent } from 'aril/ui/textArea';
+
+import { ProfileService, UpdateUserRequestDTO, UserResponseDTO } from '../../profile.service';
+
+@Component({
+	standalone: true,
+	imports: [
+		CommonModule,
+		ReactiveFormsModule,
+		FormsModule,
+		ARiLFormModule,
+		FieldComponent,
+		TextComponent,
+		TextAreaComponent,
+		ButtonComponent,
+		MaskComponent,
+		CheckboxComponent,
+		TranslocoModule
+	],
+	templateUrl: './edit-profile-modal.component.html'
+})
+export class EditProfileModalComponent implements OnInit {
+	profileForm!: FormGroup;
+	userProfile: UserResponseDTO;
+
+	private subjects = {
+		updateUser: new Subject<UpdateUserRequestDTO>()
+	};
+
+	updateUserService = toSignal(
+		this.subjects.updateUser.pipe(switchMap((data) => this.profileService.updateUser(data)))
+	);
+
+	constructor(
+		private readonly formBuilder: FormBuilder,
+		private readonly dialogRef: DynamicDialogRef,
+		private readonly dialogConfig: DynamicDialogConfig,
+		private readonly profileService: ProfileService,
+		private readonly translocoService: TranslocoService,
+		private readonly messageService: MessageService
+	) {
+		this.userProfile = this.dialogConfig.data?.userProfile;
+		this.initializeEffects();
+		this.initializeForm();
+	}
+
+	ngOnInit(): void {
+		if (!this.userProfile) {
+			this.dialogRef.close('error');
+		}
+	}
+
+	private initializeEffects(): void {
+		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 }
+		);
+	}
+
+	private initializeForm(): void {
+		this.profileForm = this.formBuilder.group({
+			id: new FormControl(this.userProfile?.id || null),
+			systemUser: new FormControl({ value: this.userProfile?.systemUser ?? true, disabled: true }),
+			clientOfSystemUser: new FormControl({ value: this.userProfile?.clientOfSystemUser || '', disabled: true }),
+			userTypeId: new FormControl({ value: this.userProfile?.userTypeId || null, disabled: true }),
+			regions: new FormControl({ value: this.userProfile?.regions || '', disabled: true }),
+			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: true }),
+			emailVerified: new FormControl({ value: this.userProfile?.emailVerified ?? true, disabled: true }),
+			notes: new FormControl(this.userProfile?.notes || '')
+		});
+	}
+
+	submit(): void {
+		if (this.profileForm.invalid) {
+			return;
+		}
+		const rawValue = this.profileForm.getRawValue();
+		const updateRequest: UpdateUserRequestDTO = {
+			id: this.userProfile.id,
+			firstName: rawValue.firstName,
+			lastName: rawValue.lastName,
+			email: rawValue.email,
+			phone: Array.isArray(rawValue.phone) ? rawValue.phone : [rawValue.phone],
+			tckn: Array.isArray(rawValue.tckn) ? rawValue.tckn : [rawValue.tckn],
+			photoUrl: Array.isArray(rawValue.photoUrl) ? rawValue.photoUrl : [rawValue.photoUrl],
+			notes: Array.isArray(rawValue.notes) ? rawValue.notes : [rawValue.notes],
+			password: null,
+			enabled: rawValue.enabled,
+			emailVerified: rawValue.emailVerified,
+			systemUser: rawValue.systemUser,
+			clientOfSystemUser: rawValue.clientOfSystemUser,
+			userTypeId: rawValue.userTypeId || null,
+			regions: rawValue.regions
+		};
+
+		this.subjects.updateUser.next(updateRequest);
+	}
+
+	cancel(): void {
+		this.dialogRef.close('cancel');
+	}
+}

package/theme/layout/app/profileSidebar/profile.service.d.ts

@@ -0,0 +1,67 @@
+import { Observable } from 'rxjs';
+import { RestClient, ServiceCallStateMap, ServiceResponse } from 'aril/http';
+import * as i0 from "@angular/core";
+export interface GetUserRequestDTO {
+    id: string;
+}
+export interface UpdateUserRequestDTO {
+    id: string;
+    firstName?: string;
+    lastName?: string;
+    email?: string;
+    enabled?: boolean;
+    emailVerified?: boolean;
+    phone?: string[];
+    tckn?: string[];
+    regions?: Array<{
+        startLevel: string;
+        endLevel: string;
+    }>;
+    photoUrl?: string[];
+    notes?: string[];
+    userTypeId?: string;
+    clientOfSystemUser?: string;
+    systemUser?: boolean;
+    password?: string | null;
+}
+export interface ResetPasswordRequestDTO {
+    userId: string;
+    password: string;
+}
+export interface UserResponseDTO {
+    id: string;
+    userName: string;
+    email: string;
+    firstName: string;
+    lastName: string;
+    enabled: boolean;
+    phone?: string | string[];
+    roles?: string[];
+    userTypes?: string[];
+    photoUrl?: string | string[];
+    createdTimestamp?: number;
+    emailVerified?: boolean;
+    lastSession?: number;
+    tckn?: string | string[];
+    notes?: string | string[];
+    systemUser?: boolean;
+    clientOfSystemUser?: string;
+    userTypeId?: string;
+    regions?: string[] | Array<{
+        startLevel: string;
+        endLevel: string;
+    }>;
+}
+export declare const profileEndpoints: {
+    getUser: string;
+    updateUser: string;
+    resetPassword: string;
+};
+export declare class ProfileService extends RestClient {
+    states: ServiceCallStateMap<ProfileService>;
+    getUser(post: GetUserRequestDTO): Observable<ServiceResponse<UserResponseDTO>>;
+    updateUser(post: UpdateUserRequestDTO): Observable<ServiceResponse<UserResponseDTO>>;
+    resetPassword(post: ResetPasswordRequestDTO): Observable<ServiceResponse<any>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProfileService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ProfileService>;
+}

package/theme/layout/app/profileSidebar/profile.service.ts

@@ -0,0 +1,89 @@
+import { Injectable } from '@angular/core';
+
+import { Observable } from 'rxjs';
+
+import { Apps } from 'aril/boot/config/apps';
+import { HTTPMethods, ProxyTypes, RestClient, ServiceCall, ServiceCallStateMap, ServiceResponse } from 'aril/http';
+
+export interface GetUserRequestDTO {
+	id: string;
+}
+
+export interface UpdateUserRequestDTO {
+	id: string;
+	firstName?: string;
+	lastName?: string;
+	email?: string;
+	enabled?: boolean;
+	emailVerified?: boolean;
+	phone?: string[];
+	tckn?: string[];
+	regions?: Array<{
+		startLevel: string;
+		endLevel: string;
+	}>;
+	photoUrl?: string[];
+	notes?: string[];
+	userTypeId?: string;
+	clientOfSystemUser?: string;
+	systemUser?: boolean;
+	password?: string | null;
+}
+
+export interface ResetPasswordRequestDTO {
+	userId: string;
+	password: string;
+}
+
+export interface UserResponseDTO {
+	id: string;
+	userName: string;
+	email: string;
+	firstName: string;
+	lastName: string;
+	enabled: boolean;
+	phone?: string | string[];
+	roles?: string[];
+	userTypes?: string[];
+	photoUrl?: string | string[];
+	createdTimestamp?: number;
+	emailVerified?: boolean;
+	lastSession?: number;
+	tckn?: string | string[];
+	notes?: string | string[];
+	systemUser?: boolean;
+	clientOfSystemUser?: string;
+	userTypeId?: string;
+	regions?:
+		| string[]
+		| Array<{
+				startLevel: string;
+				endLevel: string;
+		  }>;
+}
+
+export const profileEndpoints = {
+	getUser: 'user-management/users/get',
+	updateUser: 'user-management/users/update',
+	resetPassword: 'user-management/users/reset-password'
+};
+
+@Injectable({ providedIn: 'root' })
+export class ProfileService extends RestClient {
+	override states: ServiceCallStateMap<ProfileService> = {};
+
+	@ServiceCall(HTTPMethods.POST, ProxyTypes.ClientSide, profileEndpoints.getUser, {}, Apps.MW)
+	getUser(post: GetUserRequestDTO) {
+		return new Observable<ServiceResponse<UserResponseDTO>>();
+	}
+
+	@ServiceCall(HTTPMethods.POST, ProxyTypes.ClientSide, profileEndpoints.updateUser, {}, Apps.MW)
+	updateUser(post: UpdateUserRequestDTO) {
+		return new Observable<ServiceResponse<UserResponseDTO>>();
+	}
+
+	@ServiceCall(HTTPMethods.POST, ProxyTypes.ClientSide, profileEndpoints.resetPassword, {}, Apps.MW)
+	resetPassword(post: ResetPasswordRequestDTO) {
+		return new Observable<ServiceResponse<any>>();
+	}
+}

package/theme/layout/app/site-map/site-map-sidebar.component.d.ts

@@ -0,0 +1,37 @@
+import { OnInit } from '@angular/core';
+import { TranslocoService } from '@ngneat/transloco';
+import { LayoutService } from '../../service/app.layout.service';
+import * as i0 from "@angular/core";
+interface MenuNode {
+    key: string;
+    label: string | object;
+    icon?: string;
+    routerLink?: string;
+    children?: MenuNode[];
+    expanded?: boolean;
+}
+export declare class SiteMapSidebarComponent implements OnInit {
+    layoutService: LayoutService;
+    private translocoService;
+    siteMapNodes: import("@angular/core").WritableSignal<MenuNode[]>;
+    filteredNodes: import("@angular/core").WritableSignal<MenuNode[]>;
+    searchTerm: import("@angular/core").WritableSignal<string>;
+    totalPages: import("@angular/core").WritableSignal<number>;
+    constructor(layoutService: LayoutService, translocoService: TranslocoService);
+    ngOnInit(): void;
+    get visible(): boolean;
+    set visible(value: boolean);
+    private loadSiteMap;
+    private buildSiteMapNodes;
+    private countTotalPages;
+    onSearchChange(): void;
+    private filterNodes;
+    expandAll(): void;
+    collapseAll(): void;
+    private expandNodes;
+    toggleNode(node: MenuNode): void;
+    trackByKey(index: number, node: MenuNode): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiteMapSidebarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiteMapSidebarComponent, "app-site-map-sidebar", never, {}, {}, never, never, true, never>;
+}
+export {};