ciyidogan commited on
Commit
166f902
·
verified ·
1 Parent(s): 17e2f84

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

Browse files
flare-ui/src/app/dialogs/api-edit-dialog/api-edit-dialog.component.html CHANGED
@@ -89,9 +89,19 @@
89
  <span class="invalid">Invalid JSON</span>
90
  }
91
  </div>
92
-
93
- <div class="template-variables">
94
- <strong>Available Variables:</strong>
 
 
 
 
 
 
 
 
 
 
95
  <mat-chip-set>
96
  @for (variable of getTemplateVariables(false); track variable) {
97
  <mat-chip (click)="insertTemplateVariable('body_template', variable)">
@@ -99,7 +109,7 @@
99
  </mat-chip>
100
  }
101
  </mat-chip-set>
102
- </div>
103
 
104
  <mat-form-field appearance="outline">
105
  <mat-label>Proxy URL (Optional)</mat-label>
@@ -416,8 +426,18 @@
416
  }
417
  </div>
418
 
419
- <div class="template-variables">
420
- <strong>Available Variables:</strong>
 
 
 
 
 
 
 
 
 
 
421
  <mat-chip-set>
422
  @for (variable of getTemplateVariables(); track variable) {
423
  <mat-chip (click)="insertTemplateVariable('auth.token_request_body', variable)">
@@ -425,7 +445,7 @@
425
  </mat-chip>
426
  }
427
  </mat-chip-set>
428
- </div>
429
 
430
  <mat-divider></mat-divider>
431
 
@@ -465,8 +485,18 @@
465
  }
466
  </div>
467
 
468
- <div class="template-variables">
469
- <strong>Available Variables:</strong>
 
 
 
 
 
 
 
 
 
 
470
  <mat-chip-set>
471
  @for (variable of getTemplateVariables(); track variable) {
472
  <mat-chip (click)="insertTemplateVariable('auth.token_refresh_body', variable)">
@@ -474,8 +504,7 @@
474
  </mat-chip>
475
  }
476
  </mat-chip-set>
477
- </div>
478
- </div>
479
  }
480
  </div>
481
  </mat-tab>
 
89
  <span class="invalid">Invalid JSON</span>
90
  }
91
  </div>
92
+
93
+ <!-- Collapsible Variables Panel -->
94
+ <mat-expansion-panel class="variables-panel">
95
+ <mat-expansion-panel-header>
96
+ <mat-panel-title>
97
+ <mat-icon>code</mat-icon>
98
+ Available Variables
99
+ </mat-panel-title>
100
+ <mat-panel-description>
101
+ Click to insert template variables
102
+ </mat-panel-description>
103
+ </mat-expansion-panel-header>
104
+
105
  <mat-chip-set>
106
  @for (variable of getTemplateVariables(false); track variable) {
107
  <mat-chip (click)="insertTemplateVariable('body_template', variable)">
 
109
  </mat-chip>
110
  }
111
  </mat-chip-set>
112
+ </mat-expansion-panel>
113
 
114
  <mat-form-field appearance="outline">
115
  <mat-label>Proxy URL (Optional)</mat-label>
 
426
  }
427
  </div>
428
 
429
+ <!-- Collapsible Variables Panel -->
430
+ <mat-expansion-panel class="variables-panel">
431
+ <mat-expansion-panel-header>
432
+ <mat-panel-title>
433
+ <mat-icon>code</mat-icon>
434
+ Available Variables
435
+ </mat-panel-title>
436
+ <mat-panel-description>
437
+ Click to insert template variables
438
+ </mat-panel-description>
439
+ </mat-expansion-panel-header>
440
+
441
  <mat-chip-set>
442
  @for (variable of getTemplateVariables(); track variable) {
443
  <mat-chip (click)="insertTemplateVariable('auth.token_request_body', variable)">
 
445
  </mat-chip>
446
  }
447
  </mat-chip-set>
448
+ </mat-expansion-panel>
449
 
450
  <mat-divider></mat-divider>
451
 
 
485
  }
486
  </div>
487
 
488
+ <!-- Collapsible Variables Panel -->
489
+ <mat-expansion-panel class="variables-panel">
490
+ <mat-expansion-panel-header>
491
+ <mat-panel-title>
492
+ <mat-icon>code</mat-icon>
493
+ Available Variables
494
+ </mat-panel-title>
495
+ <mat-panel-description>
496
+ Click to insert template variables
497
+ </mat-panel-description>
498
+ </mat-expansion-panel-header>
499
+
500
  <mat-chip-set>
501
  @for (variable of getTemplateVariables(); track variable) {
502
  <mat-chip (click)="insertTemplateVariable('auth.token_refresh_body', variable)">
 
504
  </mat-chip>
505
  }
506
  </mat-chip-set>
507
+ </mat-expansion-panel>
 
508
  }
509
  </div>
510
  </mat-tab>