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

flare-ui/src/app/dialogs/confirm-dialog/confirm-dialog.component.ts

@@ -50,13 +50,29 @@ export interface ConfirmDialogData {
           </mat-select>
         </mat-form-field>
       }
+      
+      @if (data.showDropdown && data.dropdownOptions) {
+        <mat-form-field appearance="outline" class="full-width">
+          <mat-label>{{ data.dropdownPlaceholder || 'Select an option' }}</mat-label>
+          <mat-select [(ngModel)]="selectedValue">
+            <mat-option [value]="null">
+              <em>None (Create blank)</em>
+            </mat-option>
+            @for (option of data.dropdownOptions; track option.value) {
+              <mat-option [value]="option.value">
+                {{ option.label }}
+              </mat-option>
+            }
+          </mat-select>
+        </mat-form-field>
+      }
     </mat-dialog-content>
     <mat-dialog-actions align="end">
       <button mat-button (click)="onCancel()">{{ data.cancelText || 'Cancel' }}</button>
       <button mat-raised-button 
               [color]="data.confirmColor || 'primary'" 
               (click)="onConfirm()"
-              [disabled]="data.showVersionSelect && !selectedVersionId">
+              [disabled]="(data.showVersionSelect && !selectedVersionId) || (data.showDropdown === true && selectedValue === undefined)">
         {{ data.confirmText || 'Confirm' }}
       </button>
     </mat-dialog-actions>
@@ -90,6 +106,7 @@ export interface ConfirmDialogData {
 })
 export default class ConfirmDialogComponent {
   selectedVersionId: number | null = null;
+  selectedValue: any = undefined;
 
   constructor(
     public dialogRef: MatDialogRef<ConfirmDialogComponent>,
@@ -99,11 +116,18 @@ export default class ConfirmDialogComponent {
     if (data.showVersionSelect && data.versions && data.versions.length > 0) {
       this.selectedVersionId = data.versions[0].id;
     }
+    
+    // Initialize dropdown to null (not undefined) to show "None" option selected
+    if (data.showDropdown) {
+      this.selectedValue = null;
+    }
   }
 
   onConfirm(): void {
     if (this.data.showVersionSelect) {
       this.dialogRef.close(this.selectedVersionId);
+    } else if (this.data.showDropdown) {
+      this.dialogRef.close({ confirmed: true, selectedValue: this.selectedValue });
     } else {
       this.dialogRef.close(true);
     }