feat(feature-management): add empty data message

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

@@ -1,6 +1,6 @@
 <abp-modal size="md" [(visible)]="visible" [busy]="modalBusy">
   <ng-template #abpHeader>
-    <h3>{{ 'AbpTenantManagement::Permission:ManageFeatures' | abpLocalization }}</h3>
+    <h3>{{ 'AbpFeatureManagement::Features' | abpLocalization }}</h3>
   </ng-template>
 
   <ng-template #abpBody>
@@ -18,15 +18,20 @@
           <input type="text" name="feature.name" [formControlName]="i" />
         </div>
       </div>
+      <div *ngIf="!(features$ | async)?.length">
+        {{ 'AbpFeatureManagement::NoFeatureFoundMessage' | abpLocalization }}
+      </div>
     </form>
   </ng-template>
 
   <ng-template #abpFooter>
-    <button #abpClose type="button" class="btn btn-secondary">
+    <ng-container *ngIf="(features$ | async)?.length">
-      {{ 'AbpFeatureManagement::Cancel' | abpLocalization }}
+      <button #abpClose type="button" class="btn btn-secondary">
-    </button>
+        {{ 'AbpFeatureManagement::Cancel' | abpLocalization }}
-    <abp-button iconClass="fa fa-check" [disabled]="form?.invalid || modalBusy" (click)="save()">
+      </button>
-      {{ 'AbpFeatureManagement::Save' | abpLocalization }}
+      <abp-button iconClass="fa fa-check" [disabled]="form?.invalid || modalBusy" (click)="save()">
-    </abp-button>
+        {{ 'AbpFeatureManagement::Save' | abpLocalization }}
+      </abp-button>
+    </ng-container>
   </ng-template>
 </abp-modal>