From 6f233f281d27b6ddbcb4d7ff3fe08eeae1797785 Mon Sep 17 00:00:00 2001
From: mehmet-erim <bilgi@mehmeterim.com>
Date: Mon, 30 Dec 2019 14:05:39 +0300
Subject: [PATCH] feat(feature-management): make feature management component
 replaceable

#2404
---
 .../feature-management.component.ts               |  1 +
 .../lib/components/tenants/tenants.component.html | 15 ++++++++++++++-
 .../lib/components/tenants/tenants.component.ts   |  4 ++++
 3 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/npm/ng-packs/packages/feature-management/src/lib/components/feature-management/feature-management.component.ts b/npm/ng-packs/packages/feature-management/src/lib/components/feature-management/feature-management.component.ts
index 3a93380d39..0ec5146dbb 100644
--- a/npm/ng-packs/packages/feature-management/src/lib/components/feature-management/feature-management.component.ts
+++ b/npm/ng-packs/packages/feature-management/src/lib/components/feature-management/feature-management.component.ts
@@ -10,6 +10,7 @@ import { pluck, finalize } from 'rxjs/operators';
 @Component({
   selector: 'abp-feature-management',
   templateUrl: './feature-management.component.html',
+  exportAs: 'abpFeatureManagement',
 })
 export class FeatureManagementComponent {
   @Input()
diff --git a/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.html b/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.html
index 8602c4dc95..04760a3555 100644
--- a/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.html
+++ b/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.html
@@ -182,5 +182,18 @@
   </form>
 </ng-template>
 
-<abp-feature-management [(visible)]="visibleFeatures" providerName="T" [providerKey]="providerKey">
+<abp-feature-management
+  *abpReplaceableTemplate="{
+    inputs: {
+      providerName: { value: 'T' },
+      providerKey: { value: providerKey },
+      visible: { value: visibleFeatures, twoWay: true }
+    },
+    outputs: { visibleChange: onVisibleFeaturesChange },
+    componentKey: 'FeatureManagement.FeatureManagementComponent'
+  }"
+  [(visible)]="visibleFeatures"
+  providerName="T"
+  [providerKey]="providerKey"
+>
 </abp-feature-management>
diff --git a/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.ts b/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.ts
index 402f37c280..0d77596270 100644
--- a/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.ts
+++ b/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.ts
@@ -94,6 +94,10 @@ export class TenantsComponent implements OnInit {
     }
   }
 
+  onVisibleFeaturesChange = (value: boolean) => {
+    this.visibleFeatures = value;
+  };
+
   constructor(
     private confirmationService: ConfirmationService,
     private tenantService: TenantManagementService,