fix: escape the dialog should not trigger delete resource

Signed-off-by: JenTing Hsiao <hsiaoairplane@gmail.com>

modules/web/src/common/dialogs/deleteresource/dialog.ts

@@ -12,23 +12,35 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import {Component, Inject} from '@angular/core';
+import {Component, Inject, OnInit} from '@angular/core';
 import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';
 import {ResourceMeta} from '../../services/global/actionbar';
 
 @Component({
   selector: 'kd-delete-resource-dialog',
   templateUrl: 'template.html',
 })
-export class DeleteResourceDialogComponent {
+export class DeleteResourceDialog implements OnInit {
   isDeleteNowChecked = false;
   cancelDelete = 'cancelDelete';
 
   constructor(
-    public dialogRef: MatDialogRef<DeleteResourceDialogComponent>,
+    public dialogRef: MatDialogRef<DeleteResourceDialog>,
     @Inject(MAT_DIALOG_DATA) public data: ResourceMeta
   ) {}
 
+  ngOnInit(): void {
+    this.dialogRef.keydownEvents().subscribe(event => {
+      if (event.key === 'Escape') {
+        this.dialogRef.close(this.cancelDelete);
+      }
+    });
+
+    this.dialogRef.backdropClick().subscribe(_ => {
+      this.dialogRef.close(this.cancelDelete);
+    });
+  }
+
   onNoClick(): void {
     this.dialogRef.close();
   }