Update flare-ui/src/app/components/environment/environment.component.ts

flare-ui/src/app/components/environment/environment.component.ts

@@ -1,6 +1,6 @@
 import { Component, inject, OnInit } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
+import { FormsModule, ReactiveFormsModule, FormBuilder, FormGroup } from '@angular/forms';
 import { MatCardModule } from '@angular/material/card';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
@@ -561,44 +561,18 @@ export class EnvironmentComponent implements OnInit {
   private apiService = inject(ApiService);
   private snackBar = inject(MatSnackBar);
   private environmentService = inject(EnvironmentService);
+  private fb = inject(FormBuilder);
 
-  environment: Environment = {
-    work_mode: 'hfcloud',
-    cloud_token: '',
-    spark_endpoint: '',
-    internal_prompt: '',
-    tts_engine: 'no_tts',
-    tts_engine_api_key: '',
-    stt_engine: 'no_stt',
-    stt_engine_api_key: '',
-    stt_settings: {
-      speech_timeout_ms: 2000,
-      noise_reduction_level: 2,
-      vad_sensitivity: 0.5,
-      language: 'tr-TR',
-      model: 'latest_long',
-      use_enhanced: true,
-      enable_punctuation: true,
-      interim_results: true
-    }    
-  };
+  environmentForm!: FormGroup;
+  sttSettingsForm!: FormGroup;
 
   sttSettingsExpanded = false;
   loading = true;
   saving = false;
 
   ngOnInit() {
-    console.log('EnvironmentComponent ngOnInit started');
-    try {
-      this.loadEnvironment();
-    } catch (error) {
-      console.error('Error in ngOnInit:', error);
-      if (error instanceof Error) {
-        console.error('Stack trace:', error.stack);
-      } else {
-        console.error('Unknown error type:', error);
-      }
-    }
+    this.initializeForms();
+    this.loadEnvironment();
   }
 
   ngAfterViewInit() {
@@ -607,6 +581,30 @@ export class EnvironmentComponent implements OnInit {
     console.log('STT settings:', this.environment.stt_settings);
   }
 
+  initializeForms() {
+    this.environmentForm = this.fb.group({
+      work_mode: ['hfcloud'],
+      cloud_token: [''],
+      spark_endpoint: [''],
+      internal_prompt: [''],
+      tts_engine: ['no_tts'],
+      tts_engine_api_key: [''],
+      stt_engine: ['no_stt'],
+      stt_engine_api_key: ['']
+    });
+
+    this.sttSettingsForm = this.fb.group({
+      speech_timeout_ms: [2000],
+      noise_reduction_level: [2],
+      vad_sensitivity: [0.5],
+      language: ['tr-TR'],
+      model: ['latest_long'],
+      use_enhanced: [true],
+      enable_punctuation: [true],
+      interim_results: [true]
+    });
+  }
+  
   get sttSettings(): STTSettings {
     if (!this.environment.stt_settings) {
       this.environment.stt_settings = {
@@ -624,36 +622,30 @@ export class EnvironmentComponent implements OnInit {
   }
   
   loadEnvironment() {
-    console.log('loadEnvironment called');
     this.loading = true;
-    
     this.apiService.getEnvironment().subscribe({
       next: (env) => {
-        console.log('Environment loaded from API:', env);
         this.environment = env;
         
-        // Debug check
-        console.log('Checking stt_settings:', this.environment.stt_settings);
-        
-        if (!this.environment.stt_settings) {
-          console.log('No stt_settings found, creating defaults...');
-          this.environment.stt_settings = {
-            speech_timeout_ms: 2000,
-            noise_reduction_level: 2,
-            vad_sensitivity: 0.5,
-            language: 'tr-TR',
-            model: 'latest_long',
-            use_enhanced: true,
-            enable_punctuation: true,
-            interim_results: true
-          };
+        // Form'ları güncelle
+        this.environmentForm.patchValue({
+          work_mode: env.work_mode,
+          cloud_token: env.cloud_token,
+          spark_endpoint: env.spark_endpoint,
+          internal_prompt: env.internal_prompt,
+          tts_engine: env.tts_engine,
+          tts_engine_api_key: env.tts_engine_api_key,
+          stt_engine: env.stt_engine,
+          stt_engine_api_key: env.stt_engine_api_key
+        });
+
+        if (env.stt_settings) {
+          this.sttSettingsForm.patchValue(env.stt_settings);
         }
         
-        console.log('Final environment:', this.environment);
         this.loading = false;
       },
       error: (err) => {
-        console.error('Error loading environment:', err);
         this.snackBar.open('Failed to load environment configuration', 'Close', {
           duration: 5000,
           panelClass: 'error-snackbar'
@@ -663,6 +655,17 @@ export class EnvironmentComponent implements OnInit {
     });
   }
 
+  get environment(): Environment {
+    return {
+      ...this.environmentForm.value,
+      stt_settings: this.sttSettingsForm.value
+    };
+  }
+
+  set environment(value: Environment) {
+    // Form update için kullanılmıyor, sadece compat için
+  }
+
   onSTTCredentialsFileSelected(event: any) {
     const file = event.target.files[0];
     if (file && file.type === 'application/json') {