improvement(permission-management): hide provider badge when editing a role

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

@@ -1,7 +1,9 @@
 <abp-modal [(visible)]="visible" (init)="initModal()" [busy]="modalBusy">
   <ng-container *ngIf="{ entityName: entityName$ | async } as data">
     <ng-template #abpHeader>
-      <h4>{{ 'AbpPermissionManagement::Permissions' | abpLocalization }} - {{ data.entityName }}</h4>
+      <h4>
+        {{ 'AbpPermissionManagement::Permissions' | abpLocalization }} - {{ data.entityName }}
+      </h4>
     </ng-template>
     <ng-template #abpBody>
       <div class="custom-checkbox custom-control mb-2">
@@ -51,7 +53,11 @@
             </div>
             <hr class="mb-3" />
             <div
-              *ngFor="let permission of selectedGroupPermissions$ | async; let i = index; trackBy: trackByFn"
+              *ngFor="
+                let permission of selectedGroupPermissions$ | async;
+                let i = index;
+                trackBy: trackByFn
+              "
               [style.margin-left]="permission.margin + 'px'"
               class="custom-checkbox custom-control mb-2"
             >
@@ -69,10 +75,14 @@
                 [attr.for]="permission.name"
                 (click)="onClickCheckbox(permission, permissionCheckbox.value)"
                 >{{ permission.displayName }}
-                <span *ngFor="let provider of permission.grantedProviders" class="badge badge-light"
+                <ng-container *ngIf="providerName !== 'R'">
-                  >{{ provider.providerName }}: {{ provider.providerKey }}</span
+                  <span
-                ></label
+                    *ngFor="let provider of permission.grantedProviders"
-              >
+                    class="badge badge-light"
+                    >{{ provider.providerName }}: {{ provider.providerKey }}</span
+                  >
+                </ng-container>
+              </label>
             </div>
           </div>
         </div>
@@ -82,7 +92,9 @@
       <button type="button" class="btn btn-secondary" #abpClose>
         {{ 'AbpIdentity::Cancel' | abpLocalization }}
       </button>
-      <abp-button iconClass="fa fa-check" (click)="submit()">{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button>
+      <abp-button iconClass="fa fa-check" (click)="submit()">{{
+        'AbpIdentity::Save' | abpLocalization
+      }}</abp-button>
     </ng-template>
   </ng-container>
 </abp-modal>