feature(tenant-management): add feature-management modal to tenants component

npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.html

@@ -71,7 +71,14 @@
                   ngbDropdownItem
                   (click)="onEditConnectionString(data.id)"
                 >
-                  {{ 'AbpTenantManagement::ConnectionStrings' | abpLocalization }}
+                  {{ 'AbpTenantManagement::Permission:ManageConnectionStrings' | abpLocalization }}
+                </button>
+                <button
+                  [abpPermission]="'AbpTenantManagement.Tenants.ManageFeatures'"
+                  ngbDropdownItem
+                  (click)="providerKey = data.id; visibleFeatures = true"
+                >
+                  {{ 'AbpTenantManagement::Permission:ManageFeatures' | abpLocalization }}
                 </button>
                 <button
                   [abpPermission]="'AbpTenantManagement.Tenants.Delete'"
@@ -149,3 +156,9 @@
     </div>
   </form>
 </ng-template>
+
+<abp-feature-management
+  [(visible)]="visibleFeatures"
+  providerName="Tenant"
+  [providerKey]="providerKey"
+></abp-feature-management>

npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.ts

@@ -44,6 +44,10 @@ export class TenantsComponent {
 
   selectedModalContent = {} as SelectedModalContent;
 
+  visibleFeatures: boolean = false;
+
+  providerKey: string;
+
   _useSharedDatabase: boolean;
 
   pageQuery: ABP.PageQueryParams = {

npm/ng-packs/packages/tenant-management/src/lib/tenant-management.module.ts

@@ -7,6 +7,7 @@ import { TableModule } from 'primeng/table';
 import { TenantsComponent } from './components/tenants/tenants.component';
 import { TenantManagementState } from './states/tenant-management.state';
 import { TenantManagementRoutingModule } from './tenant-management-routing.module';
+import { FeatureManagementModule } from '@abp/ng.feature-management';
 
 @NgModule({
   declarations: [TenantsComponent],
@@ -17,6 +18,7 @@ import { TenantManagementRoutingModule } from './tenant-management-routing.modul
     TableModule,
     ThemeSharedModule,
     NgbDropdownModule,
+    FeatureManagementModule,
   ],
 })
 export class TenantManagementModule {}