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

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

@@ -38,12 +38,21 @@
           <div class="form-section">
             <label class="section-label">Body Template:</label>
             <div class="json-editor">
-            <textarea formControlName="body_template" 
-                      placeholder='{"key": "value"}'
-                      rows="8"
-                      class="json-textarea"
-                      (click)="saveCursorPosition('body_template', $event)"
-                      (keyup)="saveCursorPosition('body_template', $event)"></textarea>
+              <textarea formControlName="body_template" 
+                        placeholder='{"key": "value"}'
+                        rows="8"
+                        class="json-textarea"
+                        (click)="saveCursorPosition('body_template', $event)"
+                        (keyup)="saveCursorPosition('body_template', $event)"></textarea>
+              
+              <button mat-button type="button" 
+                      (click)="validateJSON('body_template')"
+                      [color]="validateJSON('body_template') ? 'primary' : 'warn'">
+                <mat-icon>check_circle</mat-icon>
+                Validate JSON
+              </button>
+            </div>
+            
             <div class="template-helpers">
               <mat-expansion-panel>
                 <mat-expansion-panel-header>