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

@@ -119,6 +119,83 @@ export default class ApiEditDialogComponent implements OnInit {
     });
   }
 
+  // Tab tuşu handler
+  handleTabKey(event: KeyboardEvent, field: string): void {
+    if (event.key === 'Tab') {
+      event.preventDefault();
+      
+      const textarea = event.target as HTMLTextAreaElement;
+      const start = textarea.selectionStart;
+      const end = textarea.selectionEnd;
+      const value = textarea.value;
+      
+      // Tab karakteri ekle
+      const newValue = value.substring(0, start) + '\t' + value.substring(end);
+      
+      // Form kontrolünü güncelle
+      const control = this.form.get(field);
+      if (control) {
+        control.setValue(newValue);
+        
+        // Cursor pozisyonunu ayarla
+        setTimeout(() => {
+          textarea.selectionStart = textarea.selectionEnd = start + 1;
+          textarea.focus();
+        }, 0);
+      }
+    }
+  }
+
+  // Shift+Tab için outdent (opsiyonel)
+  handleShiftTab(event: KeyboardEvent, field: string): void {
+    if (event.key === 'Tab' && event.shiftKey) {
+      event.preventDefault();
+      
+      const textarea = event.target as HTMLTextAreaElement;
+      const start = textarea.selectionStart;
+      const value = textarea.value;
+      
+      // Cursor'dan önceki en yakın tab'ı bul ve sil
+      const beforeCursor = value.substring(0, start);
+      const lastTabIndex = beforeCursor.lastIndexOf('\t');
+      
+      if (lastTabIndex !== -1 && start - lastTabIndex <= 4) { // Tab'a yakınsa
+        const newValue = value.substring(0, lastTabIndex) + value.substring(lastTabIndex + 1);
+        
+        const control = this.form.get(field);
+        if (control) {
+          control.setValue(newValue);
+          
+          setTimeout(() => {
+            textarea.selectionStart = textarea.selectionEnd = lastTabIndex;
+            textarea.focus();
+          }, 0);
+        }
+      }
+    }
+  }
+
+  // Test request için özel tab handler
+  handleTestRequestTab(event: KeyboardEvent): void {
+    if (event.key === 'Tab') {
+      event.preventDefault();
+      
+      const textarea = event.target as HTMLTextAreaElement;
+      const start = textarea.selectionStart;
+      const end = textarea.selectionEnd;
+      const value = textarea.value;
+      
+      // Tab karakteri ekle
+      this.testRequestJson = value.substring(0, start) + '\t' + value.substring(end);
+      
+      // Cursor pozisyonunu ayarla
+      setTimeout(() => {
+        textarea.selectionStart = textarea.selectionEnd = start + 1;
+        textarea.focus();
+      }, 0);
+    }
+  }
+  
   initializeForm() {
     this.form = this.fb.group({
       // General Tab