Update flare-ui/src/app/dialogs/api-edit-dialog/api-edit-dialog.component.ts

flare-ui/src/app/dialogs/api-edit-dialog/api-edit-dialog.component.ts

@@ -136,32 +136,43 @@ export default class ApiEditDialogComponent implements OnInit {
   }
 
   populateForm(api: any) {
+    console.log('Populating form with API:', api); // Debug için
+    
     // Convert headers object to FormArray
     const headersArray = this.form.get('headers') as FormArray;
     headersArray.clear();
-
-    if (api.headers && typeof api.headers === 'object') {
-      Object.entries(api.headers).forEach(([key, value]) => {
-        headersArray.push(this.createHeaderFormGroup(key, value as string));
-      });
+  
+    if (api.headers) {
+      // ✅ Array veya Object olabilir, kontrol edelim
+      if (Array.isArray(api.headers)) {
+        // Eğer array ise direkt kullan
+        api.headers.forEach((header: any) => {
+          headersArray.push(this.createHeaderFormGroup(header.key || '', header.value || ''));
+        });
+      } else if (typeof api.headers === 'object') {
+        // Eğer object ise entries ile dönüştür
+        Object.entries(api.headers).forEach(([key, value]) => {
+          headersArray.push(this.createHeaderFormGroup(key, value as string));
+        });
+      }
     }
-
+  
     // Convert response_mappings to FormArray
     const responseMappingsArray = this.form.get('response_mappings') as FormArray;
     responseMappingsArray.clear();
-
+  
     if (api.response_mappings && Array.isArray(api.response_mappings)) {
       api.response_mappings.forEach((mapping: any) => {
         responseMappingsArray.push(this.createResponseMappingFormGroup(mapping));
       });
     }
-
+  
     // Convert body_template to JSON string if it's an object
     if (api.body_template && typeof api.body_template === 'object') {
       api.body_template = JSON.stringify(api.body_template, null, 2);
     }
-
-    // Convert auth bodies to JSON strings
+  
+    // Convert auth bodies to JSON strings  
     if (api.auth) {
       if (api.auth.token_request_body && typeof api.auth.token_request_body === 'object') {
         api.auth.token_request_body = JSON.stringify(api.auth.token_request_body, null, 2);
@@ -170,10 +181,17 @@ export default class ApiEditDialogComponent implements OnInit {
         api.auth.token_refresh_body = JSON.stringify(api.auth.token_refresh_body, null, 2);
       }
     }
-
+  
+    // ✅ patchValue'dan önce form değerlerini düzelt
+    const formData = { ...api };
+    
+    // headers array'ini kaldır çünkü zaten FormArray'e ekledik
+    delete formData.headers;
+    delete formData.response_mappings;
+  
     // Patch form values
-    this.form.patchValue(api);
-
+    this.form.patchValue(formData);
+  
     // Disable name field if editing
     if (this.data.mode === 'edit') {
       this.form.get('name')?.disable();