From 96519097693f2e1bf31095a8f0ca086505dbec55 Mon Sep 17 00:00:00 2001
From: bnymncoskuner <bnymncoskuner@gmail.com>
Date: Mon, 5 Apr 2021 13:32:25 +0300
Subject: [PATCH] feat: add abpClose directive to modal

---
 .../theme-shared/src/lib/components/index.ts     |  1 +
 .../components/modal/modal-close.directive.ts    | 16 ++++++++++++++++
 .../theme-shared/src/lib/theme-shared.module.ts  |  2 ++
 3 files changed, 19 insertions(+)
 create mode 100644 npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal-close.directive.ts

diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/index.ts b/npm/ng-packs/packages/theme-shared/src/lib/components/index.ts
index 608dbb8ba8..a80a7cb574 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/components/index.ts
+++ b/npm/ng-packs/packages/theme-shared/src/lib/components/index.ts
@@ -6,6 +6,7 @@ export * from './http-error-wrapper/http-error-wrapper.component';
 export * from './loader-bar/loader-bar.component';
 export * from './loading/loading.component';
 export * from './modal/modal.component';
+export * from './modal/modal-close.directive';
 export * from './sort-order-icon/sort-order-icon.component';
 export * from './table-empty-message/table-empty-message.component';
 export * from './table/table.component';
diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal-close.directive.ts b/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal-close.directive.ts
new file mode 100644
index 0000000000..a20c8d8a34
--- /dev/null
+++ b/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal-close.directive.ts
@@ -0,0 +1,16 @@
+import { Directive, HostListener, Optional } from '@angular/core';
+import { ModalComponent } from './modal.component';
+
+@Directive({ selector: '[abpClose]' })
+export class ModalCloseDirective {
+  constructor(@Optional() private modal: ModalComponent) {
+    if (!modal) {
+      console.error('Please use abpClose within an abp-modal');
+    }
+  }
+
+  @HostListener('click')
+  onClick() {
+    this.modal?.close();
+  }
+}
diff --git a/npm/ng-packs/packages/theme-shared/src/lib/theme-shared.module.ts b/npm/ng-packs/packages/theme-shared/src/lib/theme-shared.module.ts
index 8d8f08ea6b..ddf1d6a5a3 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/theme-shared.module.ts
+++ b/npm/ng-packs/packages/theme-shared/src/lib/theme-shared.module.ts
@@ -37,6 +37,7 @@ import { THEME_SHARED_ROUTE_PROVIDERS } from './providers/route.provider';
 import { THEME_SHARED_APPEND_CONTENT } from './tokens/append-content.token';
 import { HTTP_ERROR_CONFIG, httpErrorConfigFactory } from './tokens/http-error.token';
 import { DateParserFormatter } from './utils/date-parser-formatter';
+import { ModalCloseDirective } from './components/modal/modal-close.directive';
 
 const declarationsWithExports = [
   BreadcrumbComponent,
@@ -55,6 +56,7 @@ const declarationsWithExports = [
   NgxDatatableListDirective,
   LoadingDirective,
   TableSortDirective,
+  ModalCloseDirective,
 ];
 
 @NgModule({