Edit API key PR

Author: AramAlsabti

src/app/admin/admin.module.ts

@@ -90,6 +90,7 @@ import { ApiKeyEditComponent } from './api-key/api-key-edit/api-key-edit.compone
     ApiKeyComponent,
     ApiKeyListComponent,
     ApiKeyTableComponent,
+    ApiKeyEditComponent,
   ],
 })
 export class AdminModule {}

src/app/admin/api-key/api-key-edit/api-key-edit.component.html

@@ -42,7 +42,7 @@
         class="form-control"
         name="permissions"
         [compareWith]="compare"
-        [(ngModel)]="apiKeyRequest.permissions"
+        [(ngModel)]="apiKeyRequest.permissionIds"
         [multiple]="true"
       >
         <mat-option

src/app/admin/api-key/api-key-edit/api-key-edit.component.ts

@@ -30,7 +30,7 @@ export class ApiKeyEditComponent implements OnInit {
   public formFailedSubmit = false;
   public permissions: PermissionResponse[] = [];
   private organizationId: number;
-  id: number;
+  private id: number;
 
   constructor(
     private translate: TranslateService,
@@ -85,10 +85,9 @@ export class ApiKeyEditComponent implements OnInit {
 
   private getApiKey(id: number) {
     this.apiKeyService.get(id).subscribe((key) => {
-      this.apiKeyRequest = new ApiKeyRequest();
       this.apiKeyRequest.id = key.id;
       this.apiKeyRequest.name = key.name;
-      this.apiKeyRequest.permissions = key.permissions.map((pm) => pm.id);
+      this.apiKeyRequest.permissionIds = key.permissions.map((pm) => pm.id);
     });
   }
 

src/app/admin/api-key/api-key.model.ts

@@ -3,7 +3,7 @@ import { PermissionResponse } from '../permission/permission.model';
 export class ApiKeyRequest {
   id: number;
   name: string;
-  permissions?: number[];
+  permissionIds?: number[];
 }
 
 export interface ApiKeyResponse {