aril 1.1.64 → 1.1.65

package/theme/layout/app/favorite-pages/favorite-pages-sidebar.component.ts

@@ -1,260 +1,260 @@
-import { CommonModule } from '@angular/common';
-import { Component, OnInit, effect, signal, computed } from '@angular/core';
-import { toSignal } from '@angular/core/rxjs-interop';
-
-import { ConfirmationService, MessageService } from 'primeng/api';
-import { ConfirmDialogModule } from 'primeng/confirmdialog';
-import { DialogService, DynamicDialogModule } from 'primeng/dynamicdialog';
-import { PaginatorModule } from 'primeng/paginator';
-import { ScrollPanelModule } from 'primeng/scrollpanel';
-import { SidebarModule } from 'primeng/sidebar';
-import { TooltipModule } from 'primeng/tooltip';
-
-import { TranslocoModule, TranslocoService } from '@ngneat/transloco';
-import { Subject, switchMap } from 'rxjs';
-
-import { ButtonComponent } from 'aril/ui/button';
-
-import { LayoutService } from '../../service/app.layout.service';
-import { FavoritePageResponseDTO, FavoritePagesService } from './favorite-pages.service';
-import { AddEditFavoriteModalComponent } from './modals/add-edit-favorite-modal/add-edit-favorite-modal.component';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { solidIcons } from 'aril/util/lib';
-
-@Component({
-	standalone: true,
-	selector: 'app-favorite-pages-sidebar',
-	imports: [
-		CommonModule,
-		SidebarModule,
-		ScrollPanelModule,
-		ConfirmDialogModule,
-		PaginatorModule,
-		DynamicDialogModule,
-		ButtonComponent,
-		TranslocoModule,
-		TooltipModule,
-		FontAwesomeModule
-	],
-	templateUrl: './favorite-pages-sidebar.component.html',
-	styleUrls: ['./favorite-pages-sidebar.component.scss'],
-	providers: [ConfirmationService, DialogService]
-})
-export class FavoritePagesSidebarComponent implements OnInit {
-	favoritePages = signal<FavoritePageResponseDTO[]>([]);
-	isCurrentPageFavorited = signal<boolean>(false);
-	solidIcons = solidIcons;
-	currentPage = signal<number>(1);
-	pageSize = signal<number>(10);
-	totalItems = signal<number>(0);
-	totalPages = signal<number>(0);
-	allFavoritePages = computed(() => this.favoritePagesService.allFavoritePages());
-
-	private subjects = {
-		loadAllFavorites: new Subject<void>(),
-		deleteFavorite: new Subject<number>()
-	};
-
-	loadAllFavoritesService = toSignal(
-		this.subjects.loadAllFavorites.pipe(
-			switchMap(() =>
-				this.favoritePagesService.filterFavoritePages({
-					pageSize: 1000,
-					pageNumber: 1
-				})
-			)
-		)
-	);
-
-	deleteFavoriteService = toSignal(
-		this.subjects.deleteFavorite.pipe(switchMap((id) => this.favoritePagesService.deleteFavoritePage(id)))
-	);
-
-	constructor(
-		public layoutService: LayoutService,
-		private favoritePagesService: FavoritePagesService,
-		private confirmationService: ConfirmationService,
-		private messageService: MessageService,
-		private dialogService: DialogService,
-		private translocoService: TranslocoService
-	) {
-		this.initializeEffects();
-	}
-
-	ngOnInit(): void {
-		this.loadFavoritePages();
-		this.checkCurrentPageStatus();
-	}
-
-	private initializeEffects(): void {
-		effect(
-			() => {
-				const service = this.loadAllFavoritesService();
-				if (service?.response) {
-					this.favoritePagesService.allFavoritePages.set(service.response.result);
-					this.totalItems.set(service.response.result.length);
-					this.updateClientSidePagination();
-					this.checkCurrentPageStatus();
-				}
-			},
-			{ allowSignalWrites: true }
-		);
-
-		effect(
-			() => {
-				const service = this.deleteFavoriteService();
-				if (service?.response) {
-					this.loadFavoritePages();
-					this.messageService.add({
-						severity: 'success',
-						summary: this.translocoService.translate('favoritePages.success'),
-						detail: this.translocoService.translate('favoritePages.deletedSuccessfully'),
-						key: 'toast-root'
-					});
-				}
-			},
-			{ allowSignalWrites: true }
-		);
-	}
-
-	get visible(): boolean {
-		return this.layoutService.state.favoritePagesSidebarVisible;
-	}
-
-	set visible(value: boolean) {
-		this.layoutService.state.favoritePagesSidebarVisible = value;
-		if (value) {
-			this.checkCurrentPageStatus();
-		}
-	}
-
-	private loadFavoritePages(): void {
-		this.subjects.loadAllFavorites.next();
-	}
-
-	private updateClientSidePagination(): void {
-		const allFavorites = this.allFavoritePages();
-		const totalItems = allFavorites.length;
-		const pageSize = this.pageSize();
-		const currentPage = this.currentPage();
-
-		const totalPages = Math.ceil(totalItems / pageSize);
-		this.totalPages.set(totalPages);
-
-		const startIndex = (currentPage - 1) * pageSize;
-		const endIndex = Math.min(startIndex + pageSize, totalItems);
-
-		const currentPageData = allFavorites.slice(startIndex, endIndex);
-		this.favoritePages.set(currentPageData);
-	}
-
-	private checkCurrentPageStatus(): void {
-		const currentPath = this.favoritePagesService.getCurrentRoutePath();
-		const allFavorites = this.allFavoritePages();
-		const isFound = allFavorites.some((fav) => fav.url === currentPath);
-
-		this.isCurrentPageFavorited.set(isFound);
-	}
-
-	addCurrentPageToFavorites(): void {
-		const currentPath = this.favoritePagesService.getCurrentRoutePath();
-
-		const ref = this.dialogService.open(AddEditFavoriteModalComponent, {
-			header: this.translocoService.translate('favoritePages.addToFavorites'),
-			width: '500px',
-			modal: true,
-			closable: true,
-			data: {
-				mode: 'add',
-				url: currentPath
-			}
-		});
-
-		ref.onClose.subscribe((result) => {
-			if (result?.status === 'success') {
-				this.loadFavoritePages();
-			}
-		});
-	}
-
-	removeCurrentPageFromFavorites(): void {
-		const currentPath = this.favoritePagesService.getCurrentRoutePath();
-		const favorites = this.favoritePages();
-		const currentFavorite = favorites.find((fav) => fav.url === currentPath);
-
-		if (currentFavorite) {
-			this.confirmationService.confirm({
-				message: `'${currentFavorite.label}' ` + this.translocoService.translate('favoritePages.confirmDelete'),
-				header: this.translocoService.translate('favoritePages.deleteConfirmTitle'),
-				icon: 'pi pi-info-circle',
-				acceptLabel: this.translocoService.translate('acceptButtonLabel'),
-				rejectLabel: this.translocoService.translate('rejectButtonLabel'),
-				acceptButtonStyleClass: 'p-button-success',
-				rejectButtonStyleClass: 'p-button-danger',
-				accept: () => {
-					this.subjects.deleteFavorite.next(currentFavorite.id);
-				}
-			});
-		}
-	}
-
-	editFavorite(favorite: FavoritePageResponseDTO, event: Event): void {
-		event.stopPropagation();
-
-		const ref = this.dialogService.open(AddEditFavoriteModalComponent, {
-			header: this.translocoService.translate('favoritePages.editFavorite'),
-			width: '500px',
-			modal: true,
-			closable: true,
-			data: {
-				mode: 'edit',
-				favorite: favorite
-			}
-		});
-
-		ref.onClose.subscribe((result) => {
-			if (result?.status === 'success') {
-				this.loadFavoritePages();
-			}
-		});
-	}
-
-	deleteFavorite(favorite: FavoritePageResponseDTO, event: Event): void {
-		event.stopPropagation();
-
-		this.confirmationService.confirm({
-			target: event.target as EventTarget,
-			message: `'${favorite.label}' ` + this.translocoService.translate('favoritePages.confirmDelete'),
-			header: this.translocoService.translate('favoritePages.deleteConfirmTitle'),
-			icon: 'pi pi-info-circle',
-			acceptLabel: this.translocoService.translate('acceptButtonLabel'),
-			rejectLabel: this.translocoService.translate('rejectButtonLabel'),
-			acceptButtonStyleClass: 'p-button-success',
-			rejectButtonStyleClass: 'p-button-danger',
-			accept: () => {
-				this.subjects.deleteFavorite.next(favorite.id);
-			}
-		});
-	}
-
-	navigateToFavorite(favorite: FavoritePageResponseDTO): void {
-		this.favoritePagesService.navigateToFavoritePage(favorite);
-		this.visible = false;
-	}
-
-	trackByFavoriteId(index: number, favorite: FavoritePageResponseDTO): number {
-		return favorite.id;
-	}
-
-	onPageChange(event: any): void {
-		this.currentPage.set(event.page + 1);
-		this.pageSize.set(event.rows);
-		this.updateClientSidePagination(); // Update pagination client-side, no API call
-	}
-
-	getFullUrl(url: string): string {
-		return this.favoritePagesService.getFullUrl(url);
-	}
-
-
-}
+import { CommonModule } from '@angular/common';
+import { Component, OnInit, effect, signal, computed } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+
+import { ConfirmationService, MessageService } from 'primeng/api';
+import { ConfirmDialogModule } from 'primeng/confirmdialog';
+import { DialogService, DynamicDialogModule } from 'primeng/dynamicdialog';
+import { PaginatorModule } from 'primeng/paginator';
+import { ScrollPanelModule } from 'primeng/scrollpanel';
+import { SidebarModule } from 'primeng/sidebar';
+import { TooltipModule } from 'primeng/tooltip';
+
+import { TranslocoModule, TranslocoService } from '@ngneat/transloco';
+import { Subject, switchMap } from 'rxjs';
+
+import { ButtonComponent } from 'aril/ui/button';
+
+import { LayoutService } from '../../service/app.layout.service';
+import { FavoritePageResponseDTO, FavoritePagesService } from './favorite-pages.service';
+import { AddEditFavoriteModalComponent } from './modals/add-edit-favorite-modal/add-edit-favorite-modal.component';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { solidIcons } from 'aril/util/lib';
+
+@Component({
+	standalone: true,
+	selector: 'app-favorite-pages-sidebar',
+	imports: [
+		CommonModule,
+		SidebarModule,
+		ScrollPanelModule,
+		ConfirmDialogModule,
+		PaginatorModule,
+		DynamicDialogModule,
+		ButtonComponent,
+		TranslocoModule,
+		TooltipModule,
+		FontAwesomeModule
+	],
+	templateUrl: './favorite-pages-sidebar.component.html',
+	styleUrls: ['./favorite-pages-sidebar.component.scss'],
+	providers: [ConfirmationService, DialogService]
+})
+export class FavoritePagesSidebarComponent implements OnInit {
+	favoritePages = signal<FavoritePageResponseDTO[]>([]);
+	isCurrentPageFavorited = signal<boolean>(false);
+	solidIcons = solidIcons;
+	currentPage = signal<number>(1);
+	pageSize = signal<number>(10);
+	totalItems = signal<number>(0);
+	totalPages = signal<number>(0);
+	allFavoritePages = computed(() => this.favoritePagesService.allFavoritePages());
+
+	private subjects = {
+		loadAllFavorites: new Subject<void>(),
+		deleteFavorite: new Subject<number>()
+	};
+
+	loadAllFavoritesService = toSignal(
+		this.subjects.loadAllFavorites.pipe(
+			switchMap(() =>
+				this.favoritePagesService.filterFavoritePages({
+					pageSize: 1000,
+					pageNumber: 1
+				})
+			)
+		)
+	);
+
+	deleteFavoriteService = toSignal(
+		this.subjects.deleteFavorite.pipe(switchMap((id) => this.favoritePagesService.deleteFavoritePage(id)))
+	);
+
+	constructor(
+		public layoutService: LayoutService,
+		private favoritePagesService: FavoritePagesService,
+		private confirmationService: ConfirmationService,
+		private messageService: MessageService,
+		private dialogService: DialogService,
+		private translocoService: TranslocoService
+	) {
+		this.initializeEffects();
+	}
+
+	ngOnInit(): void {
+		this.loadFavoritePages();
+		this.checkCurrentPageStatus();
+	}
+
+	private initializeEffects(): void {
+		effect(
+			() => {
+				const service = this.loadAllFavoritesService();
+				if (service?.response) {
+					this.favoritePagesService.allFavoritePages.set(service.response.result);
+					this.totalItems.set(service.response.result.length);
+					this.updateClientSidePagination();
+					this.checkCurrentPageStatus();
+				}
+			},
+			{ allowSignalWrites: true }
+		);
+
+		effect(
+			() => {
+				const service = this.deleteFavoriteService();
+				if (service?.response) {
+					this.loadFavoritePages();
+					this.messageService.add({
+						severity: 'success',
+						summary: this.translocoService.translate('favoritePages.success'),
+						detail: this.translocoService.translate('favoritePages.deletedSuccessfully'),
+						key: 'toast-root'
+					});
+				}
+			},
+			{ allowSignalWrites: true }
+		);
+	}
+
+	get visible(): boolean {
+		return this.layoutService.state.favoritePagesSidebarVisible;
+	}
+
+	set visible(value: boolean) {
+		this.layoutService.state.favoritePagesSidebarVisible = value;
+		if (value) {
+			this.checkCurrentPageStatus();
+		}
+	}
+
+	private loadFavoritePages(): void {
+		this.subjects.loadAllFavorites.next();
+	}
+
+	private updateClientSidePagination(): void {
+		const allFavorites = this.allFavoritePages();
+		const totalItems = allFavorites.length;
+		const pageSize = this.pageSize();
+		const currentPage = this.currentPage();
+
+		const totalPages = Math.ceil(totalItems / pageSize);
+		this.totalPages.set(totalPages);
+
+		const startIndex = (currentPage - 1) * pageSize;
+		const endIndex = Math.min(startIndex + pageSize, totalItems);
+
+		const currentPageData = allFavorites.slice(startIndex, endIndex);
+		this.favoritePages.set(currentPageData);
+	}
+
+	private checkCurrentPageStatus(): void {
+		const currentPath = this.favoritePagesService.getCurrentRoutePath();
+		const allFavorites = this.allFavoritePages();
+		const isFound = allFavorites.some((fav) => fav.url === currentPath);
+
+		this.isCurrentPageFavorited.set(isFound);
+	}
+
+	addCurrentPageToFavorites(): void {
+		const currentPath = this.favoritePagesService.getCurrentRoutePath();
+
+		const ref = this.dialogService.open(AddEditFavoriteModalComponent, {
+			header: this.translocoService.translate('favoritePages.addToFavorites'),
+			width: '500px',
+			modal: true,
+			closable: true,
+			data: {
+				mode: 'add',
+				url: currentPath
+			}
+		});
+
+		ref.onClose.subscribe((result) => {
+			if (result?.status === 'success') {
+				this.loadFavoritePages();
+			}
+		});
+	}
+
+	removeCurrentPageFromFavorites(): void {
+		const currentPath = this.favoritePagesService.getCurrentRoutePath();
+		const favorites = this.favoritePages();
+		const currentFavorite = favorites.find((fav) => fav.url === currentPath);
+
+		if (currentFavorite) {
+			this.confirmationService.confirm({
+				message: `'${currentFavorite.label}' ` + this.translocoService.translate('favoritePages.confirmDelete'),
+				header: this.translocoService.translate('favoritePages.deleteConfirmTitle'),
+				icon: 'pi pi-info-circle',
+				acceptLabel: this.translocoService.translate('acceptButtonLabel'),
+				rejectLabel: this.translocoService.translate('rejectButtonLabel'),
+				acceptButtonStyleClass: 'p-button-success',
+				rejectButtonStyleClass: 'p-button-danger',
+				accept: () => {
+					this.subjects.deleteFavorite.next(currentFavorite.id);
+				}
+			});
+		}
+	}
+
+	editFavorite(favorite: FavoritePageResponseDTO, event: Event): void {
+		event.stopPropagation();
+
+		const ref = this.dialogService.open(AddEditFavoriteModalComponent, {
+			header: this.translocoService.translate('favoritePages.editFavorite'),
+			width: '500px',
+			modal: true,
+			closable: true,
+			data: {
+				mode: 'edit',
+				favorite: favorite
+			}
+		});
+
+		ref.onClose.subscribe((result) => {
+			if (result?.status === 'success') {
+				this.loadFavoritePages();
+			}
+		});
+	}
+
+	deleteFavorite(favorite: FavoritePageResponseDTO, event: Event): void {
+		event.stopPropagation();
+
+		this.confirmationService.confirm({
+			target: event.target as EventTarget,
+			message: `'${favorite.label}' ` + this.translocoService.translate('favoritePages.confirmDelete'),
+			header: this.translocoService.translate('favoritePages.deleteConfirmTitle'),
+			icon: 'pi pi-info-circle',
+			acceptLabel: this.translocoService.translate('acceptButtonLabel'),
+			rejectLabel: this.translocoService.translate('rejectButtonLabel'),
+			acceptButtonStyleClass: 'p-button-success',
+			rejectButtonStyleClass: 'p-button-danger',
+			accept: () => {
+				this.subjects.deleteFavorite.next(favorite.id);
+			}
+		});
+	}
+
+	navigateToFavorite(favorite: FavoritePageResponseDTO): void {
+		this.favoritePagesService.navigateToFavoritePage(favorite);
+		this.visible = false;
+	}
+
+	trackByFavoriteId(index: number, favorite: FavoritePageResponseDTO): number {
+		return favorite.id;
+	}
+
+	onPageChange(event: any): void {
+		this.currentPage.set(event.page + 1);
+		this.pageSize.set(event.rows);
+		this.updateClientSidePagination(); // Update pagination client-side, no API call
+	}
+
+	getFullUrl(url: string): string {
+		return this.favoritePagesService.getFullUrl(url);
+	}
+
+
+}