aril 1.1.65 → 1.1.66

package/theme/layout/app/chatbot/app.chatbot.component.scss

@@ -1,35 +1,35 @@
-::ng-deep .p-sidebar .p-sidebar-header {
- 
-    
-    background-color:  var(--primary-color) !important;
-    color: #ffffff !important;
-}
-
-::ng-deep .p-sidebar .p-sidebar-close i {
-    color: #fff !important;
-  }
-
-  .custom-sidebar-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0.5rem;
-  }
-  
-  .header-title {
-    font-size: 16px;
-    font-weight: 700;
-  }
-  
-  .custom-icon {
-    font-size: 1.5rem;
-    color: #fff; /* Özel ikon rengi */
-    cursor: pointer;
-    margin-left: 1rem;
-  }
-
-  .custom-card {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem; /* Alt alta gelen öğeler arasında boşluk ekler */
+::ng-deep .p-sidebar .p-sidebar-header {
+ 
+    
+    background-color:  var(--primary-color) !important;
+    color: #ffffff !important;
+}
+
+::ng-deep .p-sidebar .p-sidebar-close i {
+    color: #fff !important;
+  }
+
+  .custom-sidebar-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.5rem;
+  }
+  
+  .header-title {
+    font-size: 16px;
+    font-weight: 700;
+  }
+  
+  .custom-icon {
+    font-size: 1.5rem;
+    color: #fff; /* Özel ikon rengi */
+    cursor: pointer;
+    margin-left: 1rem;
+  }
+
+  .custom-card {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem; /* Alt alta gelen öğeler arasında boşluk ekler */
   }

package/theme/layout/app/chatbot/app.chatbot.component.ts

@@ -1,151 +1,151 @@
-/* eslint-disable @angular-eslint/component-selector */
-import { HttpClient } from '@angular/common/http';
-import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-
-import { ButtonModule } from 'primeng/button';
-import { IconFieldModule } from 'primeng/iconfield';
-import { InputIconModule } from 'primeng/inputicon';
-import { InputTextModule } from 'primeng/inputtext';
-import { MessagesModule } from 'primeng/messages';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { RatingModule } from 'primeng/rating';
-import { SidebarModule } from 'primeng/sidebar';
-
-import { KeycloakService } from 'keycloak-angular';
-import { BehaviorSubject, firstValueFrom } from 'rxjs';
-
-import { API_CONFIGS } from 'aril/boot/config/api';
-import { ButtonComponent } from 'aril/ui/button';
-import { TextAreaComponent } from 'aril/ui/textArea';
-
-@Component({
-	standalone: true,
-	selector: 'app-chatbot',
-	imports: [
-		ButtonModule,
-		SidebarModule,
-		RadioButtonModule,
-		FormsModule,
-		InputIconModule,
-		IconFieldModule,
-		InputTextModule,
-		MessagesModule,
-		TextAreaComponent,
-		RatingModule,
-		ButtonComponent
-	],
-	templateUrl: './app.chatbot.component.html',
-	styleUrl: './app.chatbot.component.scss'
-})
-export class AppChatbotComponent {
-	chatbotVisible = false;
-	projectName!: string;
-	questionQuery!: string;
-	queryList: BehaviorSubject<any[]> = new BehaviorSubject<any[]>([]);
-	error!: string;
-	historyList: BehaviorSubject<any[]> = new BehaviorSubject<any[]>([]);
-	isTyping = false;
-	typingInterval: any;
-	typingText = '.';
-	username: string;
-	visibleGiveFeedback = false;
-	feedbackComments = '';
-	feedbackRating = 0;
-	feedBackResult!: string;
-	baseUrl = API_CONFIGS.aiApi;
-
-	constructor(
-		private readonly http: HttpClient,
-		private readonly keycloak: KeycloakService
-	) {
-		this.username = this.keycloak.getUsername();
-	}
-
-	sendRequest() {
-		this.fetchData();
-	}
-
-	async getHistory() {
-		try {
-			await this.http
-				.get<any[]>(this.baseUrl + 'history?project=CRM' + '&user_name=' + this.username)
-				.subscribe((response) => {
-					this.historyList.next(response);
-				});
-		} catch (error) {
-			console.log(error);
-		}
-	}
-
-	async fetchData() {
-		this.startTyping();
-		const request = {
-			project: 'CRM',
-			user_name: this.username,
-			query: this.questionQuery
-		};
-
-		try {
-			const result = await firstValueFrom(this.http.post<any>(this.baseUrl + 'chat', request));
-			if (result && result.answer) {
-				this.queryList.next([...this.queryList.value, { question: this.questionQuery, answer: result.answer }]);
-			}
-		} catch (error: any) {
-			this.error = error;
-		} finally {
-			this.questionQuery = '';
-			this.stopTyping();
-		}
-	}
-	onVisible() {
-		this.getHistory();
-		this.chatbotVisible = true;
-	}
-
-	startTyping() {
-		this.isTyping = true;
-		let dots = 0;
-
-		this.typingInterval = setInterval(() => {
-			dots = (dots + 1) % 4;
-			this.typingText = '.'.repeat(dots);
-		}, 300);
-	}
-
-	stopTyping() {
-		clearInterval(this.typingInterval);
-		this.isTyping = false;
-	}
-
-	giveFeedback() {
-		this.visibleGiveFeedback = true;
-	}
-	async sendFeedback() {
-		const request = {
-			project: 'CRM',
-			user_name: this.username,
-			rating: this.feedbackRating,
-			comments: this.feedbackComments
-		};
-
-		try {
-			const result = await firstValueFrom(this.http.post<any>(this.baseUrl + 'feedback', request));
-			if (result) {
-				this.feedBackResult = result.message;
-			}
-		} catch (error: any) {
-			this.error = error;
-		} finally {
-			this.visibleGiveFeedback = false;
-			this.feedbackComments = '';
-			this.feedbackRating = 0;
-		}
-	}
-
-	cancelFeedback() {
-		this.visibleGiveFeedback = false;
-		this.feedbackComments = '';
-		this.feedbackRating = 0;
-	}
-}
+/* eslint-disable @angular-eslint/component-selector */
+import { HttpClient } from '@angular/common/http';
+import { Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+
+import { ButtonModule } from 'primeng/button';
+import { IconFieldModule } from 'primeng/iconfield';
+import { InputIconModule } from 'primeng/inputicon';
+import { InputTextModule } from 'primeng/inputtext';
+import { MessagesModule } from 'primeng/messages';
+import { RadioButtonModule } from 'primeng/radiobutton';
+import { RatingModule } from 'primeng/rating';
+import { SidebarModule } from 'primeng/sidebar';
+
+import { KeycloakService } from 'keycloak-angular';
+import { BehaviorSubject, firstValueFrom } from 'rxjs';
+
+import { API_CONFIGS } from 'aril/boot/config/api';
+import { ButtonComponent } from 'aril/ui/button';
+import { TextAreaComponent } from 'aril/ui/textArea';
+
+@Component({
+	standalone: true,
+	selector: 'app-chatbot',
+	imports: [
+		ButtonModule,
+		SidebarModule,
+		RadioButtonModule,
+		FormsModule,
+		InputIconModule,
+		IconFieldModule,
+		InputTextModule,
+		MessagesModule,
+		TextAreaComponent,
+		RatingModule,
+		ButtonComponent
+	],
+	templateUrl: './app.chatbot.component.html',
+	styleUrl: './app.chatbot.component.scss'
+})
+export class AppChatbotComponent {
+	chatbotVisible = false;
+	projectName!: string;
+	questionQuery!: string;
+	queryList: BehaviorSubject<any[]> = new BehaviorSubject<any[]>([]);
+	error!: string;
+	historyList: BehaviorSubject<any[]> = new BehaviorSubject<any[]>([]);
+	isTyping = false;
+	typingInterval: any;
+	typingText = '.';
+	username: string;
+	visibleGiveFeedback = false;
+	feedbackComments = '';
+	feedbackRating = 0;
+	feedBackResult!: string;
+	baseUrl = API_CONFIGS.aiApi;
+
+	constructor(
+		private readonly http: HttpClient,
+		private readonly keycloak: KeycloakService
+	) {
+		this.username = this.keycloak.getUsername();
+	}
+
+	sendRequest() {
+		this.fetchData();
+	}
+
+	async getHistory() {
+		try {
+			await this.http
+				.get<any[]>(this.baseUrl + 'history?project=CRM' + '&user_name=' + this.username)
+				.subscribe((response) => {
+					this.historyList.next(response);
+				});
+		} catch (error) {
+			console.log(error);
+		}
+	}
+
+	async fetchData() {
+		this.startTyping();
+		const request = {
+			project: 'CRM',
+			user_name: this.username,
+			query: this.questionQuery
+		};
+
+		try {
+			const result = await firstValueFrom(this.http.post<any>(this.baseUrl + 'chat', request));
+			if (result && result.answer) {
+				this.queryList.next([...this.queryList.value, { question: this.questionQuery, answer: result.answer }]);
+			}
+		} catch (error: any) {
+			this.error = error;
+		} finally {
+			this.questionQuery = '';
+			this.stopTyping();
+		}
+	}
+	onVisible() {
+		this.getHistory();
+		this.chatbotVisible = true;
+	}
+
+	startTyping() {
+		this.isTyping = true;
+		let dots = 0;
+
+		this.typingInterval = setInterval(() => {
+			dots = (dots + 1) % 4;
+			this.typingText = '.'.repeat(dots);
+		}, 300);
+	}
+
+	stopTyping() {
+		clearInterval(this.typingInterval);
+		this.isTyping = false;
+	}
+
+	giveFeedback() {
+		this.visibleGiveFeedback = true;
+	}
+	async sendFeedback() {
+		const request = {
+			project: 'CRM',
+			user_name: this.username,
+			rating: this.feedbackRating,
+			comments: this.feedbackComments
+		};
+
+		try {
+			const result = await firstValueFrom(this.http.post<any>(this.baseUrl + 'feedback', request));
+			if (result) {
+				this.feedBackResult = result.message;
+			}
+		} catch (error: any) {
+			this.error = error;
+		} finally {
+			this.visibleGiveFeedback = false;
+			this.feedbackComments = '';
+			this.feedbackRating = 0;
+		}
+	}
+
+	cancelFeedback() {
+		this.visibleGiveFeedback = false;
+		this.feedbackComments = '';
+		this.feedbackRating = 0;
+	}
+}

package/theme/layout/app/config/app.config.component.html

@@ -1,146 +1,146 @@
-<button class="layout-config-button p-link" type="button" (click)="onConfigButtonClick()">
-	<i class="pi pi-cog"></i>
-</button>
-
-<p-sidebar
-	[(visible)]="visible"
-	position="right"
-	[transitionOptions]="'.3s cubic-bezier(0, 0, 0.2, 1)'"
-	styleClass="layout-config-sidebar w-18rem">
-	<!--<h5>Themes</h5>
-	<div class="flex flex-wrap row-gap-3">
-		@for (theme of componentThemes; track theme) {
-			<div class="w-3">
-				<button
-					type="button"
-					class="cursor-pointer p-link w-2rem h-2rem border-circle flex-shrink-0 flex align-items-center justify-content-center"
-					(click)="changeTheme(theme.name)"
-					[ngStyle]="{ 'background-color': theme.color }">
-					@if (theme.name == this.layoutService.config().theme) {
-						<i class="pi pi-check text-white"></i>
-					}
-				</button>
-			</div>
-		}
-	</div>-->
-
-	<!--<h5>Scale</h5>
-	<div class="flex align-items-center">
-		<button
-			icon="pi pi-minus"
-			type="button"
-			pButton
-			(click)="decrementScale()"
-			class="p-button-text p-button-rounded w-2rem h-2rem mr-2"
-			[disabled]="scale === scales[0]"></button>
-		<div class="flex gap-2 align-items-center">
-			@for (s of scales; track s) {
-				<i class="pi pi-circle-fill text-300" [ngClass]="{ 'text-primary-500': s === scale }"></i>
-			}
-		</div>
-		<button
-			icon="pi pi-plus"
-			type="button"
-			pButton
-			(click)="incrementScale()"
-			class="p-button-text p-button-rounded w-2rem h-2rem ml-2"
-			[disabled]="scale === scales[scales.length - 1]"></button>
-	</div>
--->
-	<!--
-	@if (!minimal) {
-		<h5>Menu Type</h5>
-		<div class="flex flex-wrap row-gap-3">
-			<div class="flex align-items-center gap-2 w-6">
-				<p-radioButton name="menuMode" value="static" [(ngModel)]="menuMode" inputId="mode1"></p-radioButton>
-				<label for="mode1">Static</label>
-			</div>
-			<div class="flex align-items-center gap-2 w-6">
-				<p-radioButton name="menuMode" value="overlay" [(ngModel)]="menuMode" inputId="mode2"></p-radioButton>
-				<label for="mode2">Overlay</label>
-			</div>
-			<div class="flex align-items-center gap-2 w-6">
-				<p-radioButton name="menuMode" value="slim" [(ngModel)]="menuMode" inputId="mode3"></p-radioButton>
-				<label for="mode3">Slim</label>
-			</div>
-			<div class="flex align-items-center gap-2 w-6">
-				<p-radioButton name="menuMode" value="slim-plus" [(ngModel)]="menuMode" inputId="mode4"></p-radioButton>
-				<label for="mode3">Slim +</label>
-			</div>
-			<div class="flex align-items-center gap-2 w-6">
-				<p-radioButton name="menuMode" value="reveal" [(ngModel)]="menuMode" inputId="mode6"></p-radioButton>
-				<label for="mode5">Reveal</label>
-			</div>
-			<div class="flex align-items-center gap-2 w-6">
-				<p-radioButton name="menuMode" value="drawer" [(ngModel)]="menuMode" inputId="mode7"></p-radioButton>
-				<label for="mode6">Drawer</label>
-			</div>
-			<div class="flex align-items-center gap-2 w-6">
-				<p-radioButton name="menuMode" value="horizontal" [(ngModel)]="menuMode" inputId="mode5"></p-radioButton>
-				<label for="mode4">Horizontal</label>
-			</div>
-		</div>
-		<h5>Menu Theme</h5>
-		<div class="field-radiobutton">
-			<p-radioButton
-				name="menuTheme"
-				value="colorScheme"
-				[(ngModel)]="menuTheme"
-				inputId="menutheme-colorscheme"></p-radioButton>
-			<label for="menutheme-colorscheme">Color Scheme</label>
-		</div>
-		<div class="field-radiobutton">
-			<p-radioButton
-				name="menuTheme"
-				value="primaryColor"
-				[(ngModel)]="menuTheme"
-				inputId="menutheme-primarycolor"></p-radioButton>
-			<label for="menutheme-primarycolor">Primary Color</label>
-		</div>
-		<div class="field-radiobutton">
-			<p-radioButton
-				name="menuTheme"
-				value="transparent"
-				[(ngModel)]="menuTheme"
-				inputId="menutheme-transparent"></p-radioButton>
-			<label for="menutheme-transparent">Transparent</label>
-		</div>
-	}
--->
-
-	<h5>Color Scheme</h5>
-	<div class="field-radiobutton">
-		<p-radioButton name="colorScheme" value="light" [(ngModel)]="colorScheme" inputId="mode-light"></p-radioButton>
-		<label for="mode-light">Light</label>
-	</div>
-	<div class="field-radiobutton">
-		<p-radioButton name="colorScheme" value="dim" [(ngModel)]="colorScheme" inputId="mode-dim"></p-radioButton>
-		<label for="mode-dim">Dim</label>
-	</div>
-	<div class="field-radiobutton">
-		<p-radioButton name="colorScheme" value="dark" [(ngModel)]="colorScheme" inputId="mode-dark"></p-radioButton>
-		<label for="mode-dark">Dark</label>
-	</div>
-
-	<!--
-	@if (!minimal) {
-		<h5>Input Style</h5>
-		<div class="flex">
-			<div class="field-radiobutton flex-1">
-				<p-radioButton
-					name="inputStyle"
-					value="outlined"
-					[(ngModel)]="inputStyle"
-					inputId="outlined_input"></p-radioButton>
-				<label for="outlined_input">Outlined</label>
-			</div>
-			<div class="field-radiobutton flex-1">
-				<p-radioButton name="inputStyle" value="filled" [(ngModel)]="inputStyle" inputId="filled_input"></p-radioButton>
-				<label for="filled_input">Filled</label>
-			</div>
-		</div>
-		<h5>Ripple Effect</h5>
-		<p-inputSwitch [(ngModel)]="ripple"></p-inputSwitch>
-	}
--->
-</p-sidebar>
+<button class="layout-config-button p-link" type="button" (click)="onConfigButtonClick()">
+	<i class="pi pi-cog"></i>
+</button>
+
+<p-sidebar
+	[(visible)]="visible"
+	position="right"
+	[transitionOptions]="'.3s cubic-bezier(0, 0, 0.2, 1)'"
+	styleClass="layout-config-sidebar w-18rem">
+	<!--<h5>Themes</h5>
+	<div class="flex flex-wrap row-gap-3">
+		@for (theme of componentThemes; track theme) {
+			<div class="w-3">
+				<button
+					type="button"
+					class="cursor-pointer p-link w-2rem h-2rem border-circle flex-shrink-0 flex align-items-center justify-content-center"
+					(click)="changeTheme(theme.name)"
+					[ngStyle]="{ 'background-color': theme.color }">
+					@if (theme.name == this.layoutService.config().theme) {
+						<i class="pi pi-check text-white"></i>
+					}
+				</button>
+			</div>
+		}
+	</div>-->
+
+	<!--<h5>Scale</h5>
+	<div class="flex align-items-center">
+		<button
+			icon="pi pi-minus"
+			type="button"
+			pButton
+			(click)="decrementScale()"
+			class="p-button-text p-button-rounded w-2rem h-2rem mr-2"
+			[disabled]="scale === scales[0]"></button>
+		<div class="flex gap-2 align-items-center">
+			@for (s of scales; track s) {
+				<i class="pi pi-circle-fill text-300" [ngClass]="{ 'text-primary-500': s === scale }"></i>
+			}
+		</div>
+		<button
+			icon="pi pi-plus"
+			type="button"
+			pButton
+			(click)="incrementScale()"
+			class="p-button-text p-button-rounded w-2rem h-2rem ml-2"
+			[disabled]="scale === scales[scales.length - 1]"></button>
+	</div>
+-->
+	<!--
+	@if (!minimal) {
+		<h5>Menu Type</h5>
+		<div class="flex flex-wrap row-gap-3">
+			<div class="flex align-items-center gap-2 w-6">
+				<p-radioButton name="menuMode" value="static" [(ngModel)]="menuMode" inputId="mode1"></p-radioButton>
+				<label for="mode1">Static</label>
+			</div>
+			<div class="flex align-items-center gap-2 w-6">
+				<p-radioButton name="menuMode" value="overlay" [(ngModel)]="menuMode" inputId="mode2"></p-radioButton>
+				<label for="mode2">Overlay</label>
+			</div>
+			<div class="flex align-items-center gap-2 w-6">
+				<p-radioButton name="menuMode" value="slim" [(ngModel)]="menuMode" inputId="mode3"></p-radioButton>
+				<label for="mode3">Slim</label>
+			</div>
+			<div class="flex align-items-center gap-2 w-6">
+				<p-radioButton name="menuMode" value="slim-plus" [(ngModel)]="menuMode" inputId="mode4"></p-radioButton>
+				<label for="mode3">Slim +</label>
+			</div>
+			<div class="flex align-items-center gap-2 w-6">
+				<p-radioButton name="menuMode" value="reveal" [(ngModel)]="menuMode" inputId="mode6"></p-radioButton>
+				<label for="mode5">Reveal</label>
+			</div>
+			<div class="flex align-items-center gap-2 w-6">
+				<p-radioButton name="menuMode" value="drawer" [(ngModel)]="menuMode" inputId="mode7"></p-radioButton>
+				<label for="mode6">Drawer</label>
+			</div>
+			<div class="flex align-items-center gap-2 w-6">
+				<p-radioButton name="menuMode" value="horizontal" [(ngModel)]="menuMode" inputId="mode5"></p-radioButton>
+				<label for="mode4">Horizontal</label>
+			</div>
+		</div>
+		<h5>Menu Theme</h5>
+		<div class="field-radiobutton">
+			<p-radioButton
+				name="menuTheme"
+				value="colorScheme"
+				[(ngModel)]="menuTheme"
+				inputId="menutheme-colorscheme"></p-radioButton>
+			<label for="menutheme-colorscheme">Color Scheme</label>
+		</div>
+		<div class="field-radiobutton">
+			<p-radioButton
+				name="menuTheme"
+				value="primaryColor"
+				[(ngModel)]="menuTheme"
+				inputId="menutheme-primarycolor"></p-radioButton>
+			<label for="menutheme-primarycolor">Primary Color</label>
+		</div>
+		<div class="field-radiobutton">
+			<p-radioButton
+				name="menuTheme"
+				value="transparent"
+				[(ngModel)]="menuTheme"
+				inputId="menutheme-transparent"></p-radioButton>
+			<label for="menutheme-transparent">Transparent</label>
+		</div>
+	}
+-->
+
+	<h5>Color Scheme</h5>
+	<div class="field-radiobutton">
+		<p-radioButton name="colorScheme" value="light" [(ngModel)]="colorScheme" inputId="mode-light"></p-radioButton>
+		<label for="mode-light">Light</label>
+	</div>
+	<div class="field-radiobutton">
+		<p-radioButton name="colorScheme" value="dim" [(ngModel)]="colorScheme" inputId="mode-dim"></p-radioButton>
+		<label for="mode-dim">Dim</label>
+	</div>
+	<div class="field-radiobutton">
+		<p-radioButton name="colorScheme" value="dark" [(ngModel)]="colorScheme" inputId="mode-dark"></p-radioButton>
+		<label for="mode-dark">Dark</label>
+	</div>
+
+	<!--
+	@if (!minimal) {
+		<h5>Input Style</h5>
+		<div class="flex">
+			<div class="field-radiobutton flex-1">
+				<p-radioButton
+					name="inputStyle"
+					value="outlined"
+					[(ngModel)]="inputStyle"
+					inputId="outlined_input"></p-radioButton>
+				<label for="outlined_input">Outlined</label>
+			</div>
+			<div class="field-radiobutton flex-1">
+				<p-radioButton name="inputStyle" value="filled" [(ngModel)]="inputStyle" inputId="filled_input"></p-radioButton>
+				<label for="filled_input">Filled</label>
+			</div>
+		</div>
+		<h5>Ripple Effect</h5>
+		<p-inputSwitch [(ngModel)]="ripple"></p-inputSwitch>
+	}
+-->
+</p-sidebar>