filled components create group

frontend/src/app/components/create-group/create-group.component.html

@@ -25,5 +25,7 @@
         <span class="badge">{{group.id}}</span> {{'Gruppe'}}
       </li>
     </ul>
+    <button id="newGroup" (click)="clickToCreate()">Gruppe erstellen
+    </button>
   </div>
 </div>

frontend/src/app/components/create-group/create-group.component.ts

@@ -19,6 +19,7 @@ export class CreateGroupComponent implements OnInit {
   selectedModule:ModulesDO;
   selectedFaculty:FacultyDO;
   selectedGroup: GroupDO;
+  newGroup: GroupDO;
 
   constructor(private route: ActivatedRoute,private dataService: DataProviderService) {}
 
@@ -40,6 +41,11 @@ export class CreateGroupComponent implements OnInit {
     this.selectedGroup = groups;
   }
 
+  clickToCreate(): void {
+    this.newGroup = new GroupDO();
+    this.createGroup(this.newGroup);
+  }
+
   getAllFaculties() {
     this.route.params.subscribe((params)=> {
       this.dataService.getFacultyData().then((response) => {
@@ -63,4 +69,11 @@ export class CreateGroupComponent implements OnInit {
       })
     })
   }
+
+  createGroup(group: GroupDO) {
+    this.route.params.subscribe((params) => {
+      this.dataService.createGroupData(group).then((response) => {
+      })
+    })
+  }
 }

frontend/src/app/services/data-provider.service.ts

@@ -69,4 +69,23 @@ export class DataProviderService {
         });
     });
   }
+
+  createGroupData(group: GroupDO): Promise<RequestResponse<GroupDO>> {
+    return new Promise((resolve, reject) => {
+      this.httpClient.post<GroupDO>('http://localhost:8080/groups/new', group).toPromise().then(
+        (group: GroupDO) => {
+          resolve({type: ResponseType.SUCCESS, payload: group});
+        }, (error: HttpErrorResponse) => {
+          if(error.status === 0) {
+            reject({type: ResponseType.CONNECTION_PROBLEM});
+          } else if(error.status === 400) {
+            reject({type: ResponseType.BAD_REQUEST});
+          } else if(error.status === 500) {
+            reject({type: ResponseType.INTERNAL_SERVER_ERROR});
+          } else {
+            reject({type: ResponseType.FAILURE});
+          }
+        });
+    });
+  }
 }