removed unused variable and followed abp's localize pipe using convention

Author: iyilm4z

angular/src/app/roles/edit-role/edit-role-dialog.component.ts

@@ -34,7 +34,6 @@ export class EditRoleDialogComponent extends AppComponentBase
   grantedPermissionNames: string[] = [];
   checkedPermissionsMap: { [key: string]: boolean } = {};
   defaultPermissionCheckedStatus = true;
-  permissionName = '';
   saving = false;
 
   constructor(
@@ -57,7 +56,6 @@ export class EditRoleDialogComponent extends AppComponentBase
           this.permissions.push(permission);
         });
         this.grantedPermissionNames = result.grantedPermissionNames;
-        this.permissionName = result.role.name;
         this.setInitialPermissionsStatus();
       });
   }

angular/src/app/roles/roles.component.html

@@ -3,7 +3,7 @@
         <div class="card main-content">
             <div class="header">
                 <h2>
-                    {{ 'Roles' | localize }}
+                    {{ "Roles" | localize }}
                 </h2>
                 <ul class="header-dropdown m-r--5">
                     <li>
@@ -13,7 +13,7 @@ <h2>
                         <mat-menu #headerMenu="matMenu">
                             <button mat-menu-item (click)="refresh()">
                                 <mat-icon>refresh</mat-icon>
-                                <span>{{ 'Refresh' | localize }}</span>
+                                <span>{{ "Refresh" | localize }}</span>
                             </button>
                         </mat-menu>
                     </li>
@@ -23,25 +23,25 @@ <h2>
                 <table class="table table-hover table-striped" [busy]="isTableLoading">
                     <thead>
                         <tr>
-                            <th>{{ 'Actions' | localize }}</th>
-                            <th>{{ 'RoleName' | localize }}</th>
-                            <th>{{ 'DisplayName' | localize }}</th>
+                            <th>{{ "Actions" | localize }}</th>
+                            <th>{{ "RoleName" | localize }}</th>
+                            <th>{{ "DisplayName" | localize }}</th>
                         </tr>
                     </thead>
                     <tbody>
-                        <tr *ngFor="let role of roles | paginate: { id: 'server', itemsPerPage: pageSize, currentPage: pageNumber, totalItems: totalItems }">
+                        <tr *ngFor="let role of roles | paginate: { id: "server", itemsPerPage: pageSize, currentPage: pageNumber, totalItems: totalItems }">
                             <td>
                                 <button mat-icon-button [matMenuTriggerFor]="actionsMenu">
                                     <mat-icon>menu</mat-icon>
                                 </button>
                                 <mat-menu #actionsMenu="matMenu">
                                     <button mat-menu-item (click)="editRole(role)">
                                         <mat-icon>edit</mat-icon>
-                                        <span>{{ 'Edit' | localize }}</span>
+                                        <span>{{ "Edit" | localize }}</span>
                                     </button>
                                     <button mat-menu-item (click)="delete(role)">
                                         <mat-icon>delete</mat-icon>
-                                        <span>{{ 'Delete' | localize }}</span>
+                                        <span>{{ "Delete" | localize }}</span>
                                     </button>
                                 </mat-menu>
                             </td>