1 files changed, 74 insertions, 0 deletions
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-purge-modal/rbd-trash-purge-modal.component.ts b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-purge-modal/rbd-trash-purge-modal.component.ts
new file mode 100644
index 000000000..e4df25d15
--- /dev/null
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-purge-modal/rbd-trash-purge-modal.component.ts
@@ -0,0 +1,74 @@
+import { Component, OnInit } from '@angular/core';
+
+import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+
+import { Pool } from '~/app/ceph/pool/pool';
+import { PoolService } from '~/app/shared/api/pool.service';
+import { RbdService } from '~/app/shared/api/rbd.service';
+import { ActionLabelsI18n } from '~/app/shared/constants/app.constants';
+import { CdFormBuilder } from '~/app/shared/forms/cd-form-builder';
+import { CdFormGroup } from '~/app/shared/forms/cd-form-group';
+import { FinishedTask } from '~/app/shared/models/finished-task';
+import { Permission } from '~/app/shared/models/permissions';
+import { AuthStorageService } from '~/app/shared/services/auth-storage.service';
+import { TaskWrapperService } from '~/app/shared/services/task-wrapper.service';
+
+@Component({
+  selector: 'cd-rbd-trash-purge-modal',
+  templateUrl: './rbd-trash-purge-modal.component.html',
+  styleUrls: ['./rbd-trash-purge-modal.component.scss']
+})
+export class RbdTrashPurgeModalComponent implements OnInit {
+  poolPermission: Permission;
+  purgeForm: CdFormGroup;
+  pools: any[];
+
+  constructor(
+    private authStorageService: AuthStorageService,
+    private rbdService: RbdService,
+    public activeModal: NgbActiveModal,
+    public actionLabels: ActionLabelsI18n,
+    private fb: CdFormBuilder,
+    private poolService: PoolService,
+    private taskWrapper: TaskWrapperService
+  ) {
+    this.poolPermission = this.authStorageService.getPermissions().pool;
+  }
+
+  createForm() {
+    this.purgeForm = this.fb.group({
+      poolName: ''
+    });
+  }
+
+  ngOnInit() {
+    if (this.poolPermission.read) {
+      this.poolService.list(['pool_name', 'application_metadata']).then((resp) => {
+        this.pools = resp
+          .filter((pool: Pool) => pool.application_metadata.includes('rbd'))
+          .map((pool: Pool) => pool.pool_name);
+      });
+    }
+
+    this.createForm();
+  }
+
+  purge() {
+    const poolName = this.purgeForm.getValue('poolName') || '';
+    this.taskWrapper
+      .wrapTaskAroundCall({
+        task: new FinishedTask('rbd/trash/purge', {
+          pool_name: poolName
+        }),
+        call: this.rbdService.purgeTrash(poolName)
+      })
+      .subscribe({
+        error: () => {
+          this.purgeForm.setErrors({ cdSubmitButton: true });
+        },
+        complete: () => {
+          this.activeModal.close();
+        }
+      });
+  }
+}