Added sorting of organizations, padding for dialog, and call to get permissions where applicationadmin

Author: MadsApollo

src/app/admin/permission/permission.model.ts

@@ -39,6 +39,16 @@ export interface PermissionGetManyResponse {
   count: number;
 }
 
+export type PermissionsSlimDto = Pick<
+  PermissionResponse,
+  "id" | "name" | "automaticallyAddNewApplications" | "organization"
+>;
+
+export interface PermissionGetManyWhereApplicationAdminResponse {
+  data: PermissionsSlimDto[];
+  count: number;
+}
+
 export interface PermissionTypes {
   type: PermissionType;
 }

src/app/admin/permission/permission.service.ts

@@ -6,6 +6,7 @@ import {
   PermissionResponse,
   PermissionRequest,
   PermissionRequestAcceptUser,
+  PermissionGetManyWhereApplicationAdminResponse,
 } from "./permission.model";
 import { map } from "rxjs/operators";
 import { UserMinimalService } from "../users/user-minimal.service";
@@ -15,6 +16,7 @@ import { UserMinimalService } from "../users/user-minimal.service";
 })
 export class PermissionService {
   endpoint = "permission";
+  applicationAdmin = "/applicationAdmin";
   constructor(private restService: RestService, private userMinimalService: UserMinimalService) {}
 
   createPermission(body: PermissionRequest): Observable<PermissionResponse> {
@@ -72,6 +74,33 @@ export class PermissionService {
     }
   }
 
+  getPermissionsWhereApplicationAdmin(
+    limit: number = 1000,
+    offset: number = 0,
+    orderByColumn?: string,
+    orderByDirection?: string,
+    userId?: number,
+    organisationId?: number
+  ): Observable<PermissionGetManyWhereApplicationAdminResponse> {
+    if (userId || organisationId) {
+      return this.restService.get(this.endpoint + this.applicationAdmin, {
+        limit: limit,
+        offset: offset,
+        orderOn: orderByColumn,
+        sort: orderByDirection,
+        userId: userId,
+        organisationId: organisationId,
+      });
+    } else {
+      return this.restService.get(this.endpoint + this.applicationAdmin, {
+        limit: limit,
+        offset: offset,
+        orderOn: orderByColumn,
+        sort: orderByDirection,
+      });
+    }
+  }
+
   deletePermission(id: number) {
     return this.restService.delete(this.endpoint, id);
   }

src/app/applications/application-change-organization-dialog/application-change-organization-dialog.component.html

@@ -35,7 +35,7 @@ <h1 mat-dialog-title>{{ "APPLICATION.CHANGE-ORGANIZATION.TITLE" | translate }}</
       <mat-hint>{{ "APPLICATION.CHANGE-ORGANIZATION.USER-GROUP-AUTO-SELECT" | translate }}</mat-hint>
     </div>
   </div>
-  <div mat-dialog-actions class="d-flex flex-row">
+  <div mat-dialog-actions class="d-flex flex-row mat-dialog-actions">
     <button (click)="onSubmit()" class="btn btn-primary">
       {{ "GEN.SAVE" | translate }}
     </button>

src/app/applications/application-change-organization-dialog/application-change-organization-dialog.component.scss

@@ -1,3 +1,8 @@
 .application-change-organization-dialog {
   width: 50vw;
 }
+
+.mat-dialog-actions {
+  margin-left: 13px;
+  margin-bottom: 13px;
+}

src/app/applications/application-change-organization-dialog/application-change-organization-dialog.component.ts

@@ -4,7 +4,7 @@ import { MAT_DIALOG_DATA, MatDialogRef } from "@angular/material/dialog";
 import { MatSnackBar } from "@angular/material/snack-bar";
 import { Organisation } from "@app/admin/organisation/organisation.model";
 import { OrganisationService } from "@app/admin/organisation/organisation.service";
-import { PermissionResponse } from "@app/admin/permission/permission.model";
+import { PermissionResponse, PermissionsSlimDto } from "@app/admin/permission/permission.model";
 import { PermissionService } from "@app/admin/permission/permission.service";
 import { Application, UpdateApplicationOrganization } from "@applications/application.model";
 import { ApplicationService } from "@applications/application.service";
@@ -23,9 +23,9 @@ export class ApplicationChangeOrganizationDialogComponent implements OnInit {
   public permissionsSubscription: Subscription;
   public organizationsSubscription: Subscription;
   public application: UpdateApplicationOrganization;
-  public permissions: PermissionResponse[];
+  public permissions: PermissionsSlimDto[];
   public organizations: Organisation[];
-  public filteredPermissionsMulti: ReplaySubject<PermissionResponse[]> = new ReplaySubject<PermissionResponse[]>(1);
+  public filteredPermissionsMulti: ReplaySubject<PermissionsSlimDto[]> = new ReplaySubject<PermissionsSlimDto[]>(1);
   public filteredOrganizations: ReplaySubject<Organisation[]> = new ReplaySubject<Organisation[]>(1);
 
   constructor(
@@ -61,18 +61,21 @@ export class ApplicationChangeOrganizationDialogComponent implements OnInit {
 
   getOrganizations() {
     this.organizationsSubscription = this.organizationService.getMultipleWithApplicationAdmin().subscribe(res => {
-      this.organizations = res.data;
+      this.organizations = res.data.sort((a, b) => a.name.localeCompare(b.name, "da-DK", { numeric: true }));
       this.filteredOrganizations.next(this.organizations.slice());
     });
   }
 
   getPermissions() {
-    this.permissionsSubscription = this.permissionService.getPermissions(1000, 0).subscribe(res => {
-      this.permissions = res.data.sort((a, b) => a.name.localeCompare(b.name, "da-DK", { numeric: true }));
-      this.filteredPermissionsMulti.next(
-        this.permissions.filter(p => p?.organization?.id === this?.application?.organizationId)
-      );
-    });
+    this.permissionsSubscription = this.permissionService
+      .getPermissionsWhereApplicationAdmin(1000, 0)
+      .subscribe(res => {
+        console.log(res.data, "dat");
+        this.permissions = res.data.sort((a, b) => a.name.localeCompare(b.name, "da-DK", { numeric: true }));
+        this.filteredPermissionsMulti.next(
+          this.permissions.filter(p => p?.organization?.id === this?.application?.organizationId)
+        );
+      });
   }
 
   public compare(o1: any, o2: any): boolean {
@@ -99,12 +102,13 @@ export class ApplicationChangeOrganizationDialogComponent implements OnInit {
             applicationName: savedApplication.name,
             organizationName: savedApplication.belongsTo.name,
           }),
-          "",
+          this.translate.instant("DIALOG.OK"),
           {
             duration: 10000,
           }
         );
         this.dialog.close(true);
+        this.snackBar._openedSnackBarRef.afterDismissed().subscribe(() => location.reload());
       });
   }
 }

src/app/applications/applications-list/applications-table/applications-table.component.ts

@@ -278,12 +278,6 @@ export class ApplicationsTableComponent implements AfterViewInit, OnInit {
         applicationId: id,
       } as ApplicationDialogModel,
     });
-
-    dialog.afterClosed().subscribe(res => {
-      if (!res) return;
-
-      location.reload();
-    });
   }
 
   protected readonly columnDefinitions = columnDefinitions;