aril 1.1.63 → 1.1.65

package/theme/layout/app/history/history-sidebar.component.scss

@@ -1,182 +1,182 @@
-:host ::ng-deep {
-	.layout-history-sidebar {
-		.p-sidebar-content {
-			padding: 0;
-			background: var(--surface-ground);
-		}
-		.p-sidebar-header {
-			background: var(--primary-color);
-			color: var(--primary-color-text);
-			padding: 1rem 0.5rem;
-
-			i {
-				color: var(--primary-color-text);
-				font-size: 1.1rem;
-			}
-
-			span {
-				font-size: 1.1rem;
-				font-weight: 600;
-				color: var(--primary-color-text);
-			}
-		}
-	}
-}
-
-.history-content {
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-	background: var(--surface-0);
-}
-
-.search-section {
-	padding: 1rem;
-	border-bottom: 1px solid var(--surface-border);
-	background: var(--surface-0);
-}
-
-// History List
-.history-list {
-	flex: 1;
-	overflow: hidden;
-}
-
-.history-items {
-	padding: 0.5rem;
-}
-
-.history-item {
-	background: var(--surface-0);
-	border: 1px solid var(--surface-border);
-	border-radius: 8px;
-	margin-bottom: 0.5rem;
-	cursor: pointer;
-	transition: all 0.2s ease;
-	position: relative;
-	overflow: hidden;
-
-	&:hover {
-		border-color: var(--primary-200);
-		background: var(--primary-50);
-		transform: translateY(-1px);
-		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-		.remove-btn {
-			opacity: 1;
-		}
-	}
-	&:last-child {
-		margin-bottom: 0;
-	}
-}
-
-.item-content {
-	padding: 1rem 0.75rem;
-}
-
-.item-header {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-}
-
-.item-title {
-	display: flex;
-	align-items: center;
-	flex: 1;
-	min-width: 0;
-
-	.title-info {
-		display: flex;
-		flex-direction: column;
-		flex: 1;
-		min-width: 0;
-	}
-
-	.title-text {
-		font-weight: 600;
-		color: var(--text-color);
-		font-size: 1rem;
-		line-height: 1.3;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-
-	.route-text {
-		font-size: 0.75rem;
-		color: var(--text-color-secondary);
-		font-weight: 400;
-		line-height: 1.2;
-		margin-top: 0.25rem;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-		opacity: 0.8;
-	}
-}
-
-.empty-state {
-	flex: 1;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	padding: 2rem;
-}
-
-.empty-content {
-	text-align: center;
-	max-width: 300px;
-}
-
-.empty-icon {
-	font-size: 3rem;
-	color: var(--text-color-secondary);
-	margin-bottom: 1rem;
-	opacity: 0.5;
-}
-
-.empty-title {
-	font-size: 1.1rem;
-	font-weight: 600;
-	color: var(--text-color);
-	margin-bottom: 0.5rem;
-}
-
-.empty-message {
-	font-size: 0.9rem;
-	color: var(--text-color-secondary);
-	line-height: 1.4;
-	margin-bottom: 1.5rem;
-}
-
-@media (max-width: 768px) {
-	.history-content {
-		height: calc(100vh - 3.5rem);
-	}
-
-	.search-section {
-		padding: 0.75rem;
-	}
-
-	.item-content {
-		padding: 0.5rem;
-	}
-
-	.item-title .title-text {
-		font-size: 0.85rem;
-	}
-}
-
-// Custom Scrollbar
-:host ::ng-deep {
-	.p-scrollpanel-bar-y {
-		background: var(--primary-200);
-		width: 4px;
-		border-radius: 2px;
-	}
-
-	.p-scrollpanel-bar-y:hover {
-		background: var(--primary-300);
-	}
-}
+:host ::ng-deep {
+	.layout-history-sidebar {
+		.p-sidebar-content {
+			padding: 0;
+			background: var(--surface-ground);
+		}
+		.p-sidebar-header {
+			background: var(--primary-color);
+			color: var(--primary-color-text);
+			padding: 1rem 0.5rem;
+
+			i {
+				color: var(--primary-color-text);
+				font-size: 1.1rem;
+			}
+
+			span {
+				font-size: 1.1rem;
+				font-weight: 600;
+				color: var(--primary-color-text);
+			}
+		}
+	}
+}
+
+.history-content {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	background: var(--surface-0);
+}
+
+.search-section {
+	padding: 1rem;
+	border-bottom: 1px solid var(--surface-border);
+	background: var(--surface-0);
+}
+
+// History List
+.history-list {
+	flex: 1;
+	overflow: hidden;
+}
+
+.history-items {
+	padding: 0.5rem;
+}
+
+.history-item {
+	background: var(--surface-0);
+	border: 1px solid var(--surface-border);
+	border-radius: 8px;
+	margin-bottom: 0.5rem;
+	cursor: pointer;
+	transition: all 0.2s ease;
+	position: relative;
+	overflow: hidden;
+
+	&:hover {
+		border-color: var(--primary-200);
+		background: var(--primary-50);
+		transform: translateY(-1px);
+		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+		.remove-btn {
+			opacity: 1;
+		}
+	}
+	&:last-child {
+		margin-bottom: 0;
+	}
+}
+
+.item-content {
+	padding: 1rem 0.75rem;
+}
+
+.item-header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+.item-title {
+	display: flex;
+	align-items: center;
+	flex: 1;
+	min-width: 0;
+
+	.title-info {
+		display: flex;
+		flex-direction: column;
+		flex: 1;
+		min-width: 0;
+	}
+
+	.title-text {
+		font-weight: 600;
+		color: var(--text-color);
+		font-size: 1rem;
+		line-height: 1.3;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.route-text {
+		font-size: 0.75rem;
+		color: var(--text-color-secondary);
+		font-weight: 400;
+		line-height: 1.2;
+		margin-top: 0.25rem;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		opacity: 0.8;
+	}
+}
+
+.empty-state {
+	flex: 1;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: 2rem;
+}
+
+.empty-content {
+	text-align: center;
+	max-width: 300px;
+}
+
+.empty-icon {
+	font-size: 3rem;
+	color: var(--text-color-secondary);
+	margin-bottom: 1rem;
+	opacity: 0.5;
+}
+
+.empty-title {
+	font-size: 1.1rem;
+	font-weight: 600;
+	color: var(--text-color);
+	margin-bottom: 0.5rem;
+}
+
+.empty-message {
+	font-size: 0.9rem;
+	color: var(--text-color-secondary);
+	line-height: 1.4;
+	margin-bottom: 1.5rem;
+}
+
+@media (max-width: 768px) {
+	.history-content {
+		height: calc(100vh - 3.5rem);
+	}
+
+	.search-section {
+		padding: 0.75rem;
+	}
+
+	.item-content {
+		padding: 0.5rem;
+	}
+
+	.item-title .title-text {
+		font-size: 0.85rem;
+	}
+}
+
+// Custom Scrollbar
+:host ::ng-deep {
+	.p-scrollpanel-bar-y {
+		background: var(--primary-200);
+		width: 4px;
+		border-radius: 2px;
+	}
+
+	.p-scrollpanel-bar-y:hover {
+		background: var(--primary-300);
+	}
+}

package/theme/layout/app/history/history-sidebar.component.ts

@@ -1,143 +1,143 @@
-import { CommonModule } from '@angular/common';
-import { Component, OnDestroy, OnInit, signal } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-
-import { ConfirmationService, MessageService } from 'primeng/api';
-import { BadgeModule } from 'primeng/badge';
-import { ConfirmDialogModule } from 'primeng/confirmdialog';
-import { InputTextModule } from 'primeng/inputtext';
-import { ScrollPanelModule } from 'primeng/scrollpanel';
-import { SidebarModule } from 'primeng/sidebar';
-import { TooltipModule } from 'primeng/tooltip';
-
-import { TranslocoModule, TranslocoService } from '@ngneat/transloco';
-import { Subject, takeUntil } from 'rxjs';
-
-import { ButtonComponent } from 'aril/ui/button';
-import { TextComponent } from 'aril/ui/text';
-
-import { LayoutService } from '../../service/app.layout.service';
-import { HistoryItem, HistoryService } from './history.service';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { solidIcons } from 'aril/util/lib';
-
-@Component({
-	standalone: true,
-	selector: 'app-history-sidebar',
-	imports: [
-		CommonModule,
-		FormsModule,
-		SidebarModule,
-		ButtonComponent,
-		InputTextModule,
-		ScrollPanelModule,
-		ConfirmDialogModule,
-		TooltipModule,
-		BadgeModule,
-		TranslocoModule,
-		TextComponent,
-		FontAwesomeModule
-	],
-	templateUrl: './history-sidebar.component.html',
-	styleUrls: ['./history-sidebar.component.scss'],
-	providers: [ConfirmationService]
-})
-export class HistorySidebarComponent implements OnInit, OnDestroy {
-	history = signal<HistoryItem[]>([]);
-	filteredHistory = signal<HistoryItem[]>([]);
-	searchTerm = signal<string>('');
-	solidIcons = solidIcons;
-	
-	private destroy$ = new Subject<void>();
-
-	constructor(
-		public layoutService: LayoutService,
-		private historyService: HistoryService,
-		private confirmationService: ConfirmationService,
-		private messageService: MessageService,
-		private translocoService: TranslocoService
-	) {}
-
-	ngOnInit(): void {
-		this.historyService.history$.pipe(takeUntil(this.destroy$)).subscribe((history) => {
-			this.history.set(history);
-			this.applyFilter();
-		});
-	}
-
-	ngOnDestroy(): void {
-		this.destroy$.next();
-		this.destroy$.complete();
-	}
-
-	get visible(): boolean {
-		return this.layoutService.state.historySidebarVisible;
-	}
-
-	set visible(value: boolean) {
-		this.layoutService.state.historySidebarVisible = value;
-	}
-
-	onSearchChange(): void {
-		this.applyFilter();
-	}
-
-	private applyFilter(): void {
-		const searchTerm = this.searchTerm();
-		if (!searchTerm.trim()) {
-			this.filteredHistory.set(this.history());
-		} else {
-			const filtered = this.historyService.getHistoryItemsBySearchTerm(searchTerm);
-			this.filteredHistory.set(filtered);
-		}
-	}
-
-	navigateToItem(item: HistoryItem): void {
-		this.historyService.navigateToHistoryItem(item);
-		this.visible = false;
-	}
-
-	clearAllHistory(event: Event): void {
-		this.confirmationService.confirm({
-			target: event.target as EventTarget,
-			message: this.translocoService.translate('history.confirmClearAllMessage'),
-			header: this.translocoService.translate('history.deleteConfirmation'),
-			icon: 'pi pi-info-circle',
-			acceptLabel: this.translocoService.translate('history.acceptButtonLabel'),
-			rejectLabel: this.translocoService.translate('history.rejectButtonLabel'),
-			acceptButtonStyleClass: 'p-button-success',
-			rejectButtonStyleClass: 'p-button-danger',
-			accept: () => {
-				this.historyService.clearHistory();
-				this.messageService.add({
-					severity: 'success',
-					summary: this.translocoService.translate('history.acceptButtonLabel'),
-					detail: this.translocoService.translate('history.clearAll')
-				});
-			}
-		});
-	}
-
-	trackByItemId(index: number, item: HistoryItem) {
-		return item.id || index;
-	}
-
-	getLocalizedTitle(item: HistoryItem): string {
-		const currentLang = this.translocoService.getActiveLang() as 'tr' | 'en';
-
-		// Use multiLanguageTitle if available
-		if (item.multiLanguageTitle) {
-			const localizedTitle = item.multiLanguageTitle[currentLang];
-			if (localizedTitle) {
-				return localizedTitle;
-			}
-			// Fallback to Turkish if current language not available
-			if (item.multiLanguageTitle.tr) {
-				return item.multiLanguageTitle.tr;
-			}
-		}
-
-		// Fallback to original title
-		return item.title;
-	}
-}
+import { CommonModule } from '@angular/common';
+import { Component, OnDestroy, OnInit, signal } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+
+import { ConfirmationService, MessageService } from 'primeng/api';
+import { BadgeModule } from 'primeng/badge';
+import { ConfirmDialogModule } from 'primeng/confirmdialog';
+import { InputTextModule } from 'primeng/inputtext';
+import { ScrollPanelModule } from 'primeng/scrollpanel';
+import { SidebarModule } from 'primeng/sidebar';
+import { TooltipModule } from 'primeng/tooltip';
+
+import { TranslocoModule, TranslocoService } from '@ngneat/transloco';
+import { Subject, takeUntil } from 'rxjs';
+
+import { ButtonComponent } from 'aril/ui/button';
+import { TextComponent } from 'aril/ui/text';
+
+import { LayoutService } from '../../service/app.layout.service';
+import { HistoryItem, HistoryService } from './history.service';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { solidIcons } from 'aril/util/lib';
+
+@Component({
+	standalone: true,
+	selector: 'app-history-sidebar',
+	imports: [
+		CommonModule,
+		FormsModule,
+		SidebarModule,
+		ButtonComponent,
+		InputTextModule,
+		ScrollPanelModule,
+		ConfirmDialogModule,
+		TooltipModule,
+		BadgeModule,
+		TranslocoModule,
+		TextComponent,
+		FontAwesomeModule
+	],
+	templateUrl: './history-sidebar.component.html',
+	styleUrls: ['./history-sidebar.component.scss'],
+	providers: [ConfirmationService]
+})
+export class HistorySidebarComponent implements OnInit, OnDestroy {
+	history = signal<HistoryItem[]>([]);
+	filteredHistory = signal<HistoryItem[]>([]);
+	searchTerm = signal<string>('');
+	solidIcons = solidIcons;
+	
+	private destroy$ = new Subject<void>();
+
+	constructor(
+		public layoutService: LayoutService,
+		private historyService: HistoryService,
+		private confirmationService: ConfirmationService,
+		private messageService: MessageService,
+		private translocoService: TranslocoService
+	) {}
+
+	ngOnInit(): void {
+		this.historyService.history$.pipe(takeUntil(this.destroy$)).subscribe((history) => {
+			this.history.set(history);
+			this.applyFilter();
+		});
+	}
+
+	ngOnDestroy(): void {
+		this.destroy$.next();
+		this.destroy$.complete();
+	}
+
+	get visible(): boolean {
+		return this.layoutService.state.historySidebarVisible;
+	}
+
+	set visible(value: boolean) {
+		this.layoutService.state.historySidebarVisible = value;
+	}
+
+	onSearchChange(): void {
+		this.applyFilter();
+	}
+
+	private applyFilter(): void {
+		const searchTerm = this.searchTerm();
+		if (!searchTerm.trim()) {
+			this.filteredHistory.set(this.history());
+		} else {
+			const filtered = this.historyService.getHistoryItemsBySearchTerm(searchTerm);
+			this.filteredHistory.set(filtered);
+		}
+	}
+
+	navigateToItem(item: HistoryItem): void {
+		this.historyService.navigateToHistoryItem(item);
+		this.visible = false;
+	}
+
+	clearAllHistory(event: Event): void {
+		this.confirmationService.confirm({
+			target: event.target as EventTarget,
+			message: this.translocoService.translate('history.confirmClearAllMessage'),
+			header: this.translocoService.translate('history.deleteConfirmation'),
+			icon: 'pi pi-info-circle',
+			acceptLabel: this.translocoService.translate('history.acceptButtonLabel'),
+			rejectLabel: this.translocoService.translate('history.rejectButtonLabel'),
+			acceptButtonStyleClass: 'p-button-success',
+			rejectButtonStyleClass: 'p-button-danger',
+			accept: () => {
+				this.historyService.clearHistory();
+				this.messageService.add({
+					severity: 'success',
+					summary: this.translocoService.translate('history.acceptButtonLabel'),
+					detail: this.translocoService.translate('history.clearAll')
+				});
+			}
+		});
+	}
+
+	trackByItemId(index: number, item: HistoryItem) {
+		return item.id || index;
+	}
+
+	getLocalizedTitle(item: HistoryItem): string {
+		const currentLang = this.translocoService.getActiveLang() as 'tr' | 'en';
+
+		// Use multiLanguageTitle if available
+		if (item.multiLanguageTitle) {
+			const localizedTitle = item.multiLanguageTitle[currentLang];
+			if (localizedTitle) {
+				return localizedTitle;
+			}
+			// Fallback to Turkish if current language not available
+			if (item.multiLanguageTitle.tr) {
+				return item.multiLanguageTitle.tr;
+			}
+		}
+
+		// Fallback to original title
+		return item.title;
+	}
+}