Validate access DTO

apps/client/src/app/components/user-account-access/create-or-update-access-dialog/create-or-update-access-dialog.component.ts

@@ -1,5 +1,6 @@
 import { CreateAccessDto } from '@ghostfolio/api/app/access/create-access.dto';
 import { DataService } from '@ghostfolio/client/services/data.service';
+import { validateObjectForForm } from '@ghostfolio/client/util/form.util';
 
 import {
   ChangeDetectionStrategy,
@@ -65,13 +66,20 @@ export class CreateOrUpdateAccessDialog implements OnDestroy {
     this.dialogRef.close();
   }
 
-  public onSubmit() {
+  public async onSubmit() {
     const access: CreateAccessDto = {
       alias: this.accessForm.get('alias').value,
       granteeUserId: this.accessForm.get('userId').value,
       permissions: [this.accessForm.get('permissions').value]
     };
 
+    try {
+      await validateObjectForForm({
+        classDto: CreateAccessDto,
+        form: this.accessForm,
+        object: access
+      });
+
       this.dataService
         .postAccess(access)
         .pipe(
@@ -87,6 +95,9 @@ export class CreateOrUpdateAccessDialog implements OnDestroy {
         .subscribe(() => {
           this.dialogRef.close({ access });
         });
+    } catch (error) {
+      console.error(error);
+    }
   }
 
   public ngOnDestroy() {