From 236f0f82e604adc37aaca909fa1d6e0995cb2542 Mon Sep 17 00:00:00 2001
From: sumeyye <sum.the.developer@gmail.com>
Date: Thu, 12 Jun 2025 10:30:30 +0300
Subject: [PATCH] update: disable feature if it is not configured by the
 current provider

---
 .../feature-management.component.html         | 34 ++++++++++++++-----
 .../feature-management.component.ts           |  4 +++
 2 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/npm/ng-packs/packages/feature-management/src/lib/components/feature-management/feature-management.component.html b/npm/ng-packs/packages/feature-management/src/lib/components/feature-management/feature-management.component.html
index b5dc440c76..a81444e56c 100644
--- a/npm/ng-packs/packages/feature-management/src/lib/components/feature-management/feature-management.component.html
+++ b/npm/ng-packs/packages/feature-management/src/lib/components/feature-management/feature-management.component.html
@@ -28,6 +28,10 @@
                     <hr class="mt-2 mb-3" />
 
                     @for (feature of features[group.name]; track feature.id || i; let i = $index) {
+                      @let provider = feature.provider.name;
+                      @let isFeatureDisabled =
+                        provider !== providerName && provider !== defaultProviderName;
+
                       <div class="mt-2" [ngStyle]="feature.style" (keyup.enter)="save()">
                         @switch (feature.valueType?.name) {
                           @case (valueTypes.ToggleStringValueType) {
@@ -38,11 +42,15 @@
                                 [id]="feature.name"
                                 [(ngModel)]="feature.value"
                                 (ngModelChange)="onCheckboxClick($event, feature)"
+                                [disabled]="isFeatureDisabled"
                               />
 
-                              <label class="form-check-label" [htmlFor]="feature.name">{{
-                                feature.displayName
-                              }}</label>
+                              <label class="form-check-label" [htmlFor]="feature.name">
+                                {{ feature.displayName }}
+                                @if (isFeatureDisabled) {
+                                  <span>({{ provider }})</span>
+                                }
+                              </label>
                               <ng-container
                                 *ngTemplateOutlet="
                                   descTmp;
@@ -53,15 +61,19 @@
                           }
                           @case (valueTypes.FreeTextStringValueType) {
                             <div class="mb-3 form-group" [class.px-2]="!!feature.parentName">
-                              <label [htmlFor]="feature.name" class="form-label">{{
-                                feature.displayName
-                              }}</label>
+                              <label [htmlFor]="feature.name" class="form-label">
+                                {{ feature.displayName }}
+                                @if (isFeatureDisabled) {
+                                  <span>({{ provider }})</span>
+                                }
+                              </label>
                               <input
                                 class="form-control"
                                 type="text"
                                 [id]="feature.name"
                                 [(ngModel)]="feature.value"
                                 [abpFeatureManagementFreeText]="feature"
+                                [disabled]="isFeatureDisabled"
                               />
 
                               <ng-container
@@ -75,13 +87,17 @@
                           @case (valueTypes.SelectionStringValueType) {
                             @if (feature.valueType.itemSource?.items?.length) {
                               <div class="mb-3 form-group" [class.px-2]="!!feature.parentName">
-                                <label [htmlFor]="feature.name" class="form-label">{{
-                                  feature.displayName
-                                }}</label>
+                                <label [htmlFor]="feature.name" class="form-label">
+                                  {{ feature.displayName }}
+                                  @if (isFeatureDisabled) {
+                                    <span>({{ provider }})</span>
+                                  }
+                                </label>
                                 <select
                                   class="form-select"
                                   [id]="feature.name"
                                   [(ngModel)]="feature.value"
+                                  [disabled]="isFeatureDisabled"
                                 >
                                   @for (
                                     item of feature.valueType.itemSource?.items;
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 160d59fd96..85ee18fb78 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
@@ -28,6 +28,8 @@ enum ValueTypes {
   SelectionStringValueType = 'SelectionStringValueType',
 }
 
+const DEFAULT_PROVIDER_NAME = 'D';
+
 @Component({
   selector: 'abp-feature-management',
   templateUrl: './feature-management.component.html',
@@ -74,6 +76,8 @@ export class FeatureManagementComponent
 
   valueTypes = ValueTypes;
 
+  defaultProviderName = DEFAULT_PROVIDER_NAME;
+
   protected _visible;
 
   @Input()