From 73af3b354fa5f58fb14aeb72350628e7c68d556c Mon Sep 17 00:00:00 2001
From: Iga Bartosz Collins <igabar@st.amu.edu.pl>
Date: Tue, 31 Jan 2023 10:42:26 +0100
Subject: [PATCH] Added person form component in webapp.

---
 .../person-from/person-from.component.html    | 22 +++++++
 .../person-from/person-from.component.sass    |  0
 .../person-from/person-from.component.spec.ts | 23 ++++++++
 .../form/person-from/person-from.component.ts | 58 +++++++++++++++++++
 4 files changed, 103 insertions(+)
 create mode 100644 src/main/webapp/src/app/component/form/person-from/person-from.component.html
 create mode 100644 src/main/webapp/src/app/component/form/person-from/person-from.component.sass
 create mode 100644 src/main/webapp/src/app/component/form/person-from/person-from.component.spec.ts
 create mode 100644 src/main/webapp/src/app/component/form/person-from/person-from.component.ts

diff --git a/src/main/webapp/src/app/component/form/person-from/person-from.component.html b/src/main/webapp/src/app/component/form/person-from/person-from.component.html
new file mode 100644
index 0000000..c036dff
--- /dev/null
+++ b/src/main/webapp/src/app/component/form/person-from/person-from.component.html
@@ -0,0 +1,22 @@
+<form [formGroup]="formGroup" (ngSubmit)="onSubmit()">
+
+  <mat-form-field class="form-field">
+    <mat-label>Imię</mat-label>
+    <input matInput formControlName="name">
+  </mat-form-field>
+
+  <mat-form-field class="form-field">
+    <mat-label>Nazwisko</mat-label>
+    <input matInput formControlName="surname">
+  </mat-form-field>
+
+  <mat-form-field class="form-field">
+    <mat-label>Indeks</mat-label>
+    <input matInput formControlName="index">
+  </mat-form-field>
+
+  <button mat-button type="submit" [disabled]="!formGroup.valid">Zapisz</button>
+
+  <button mat-button type="button" (click)="dialogRef.close()">Anuluj</button>
+
+</form>
diff --git a/src/main/webapp/src/app/component/form/person-from/person-from.component.sass b/src/main/webapp/src/app/component/form/person-from/person-from.component.sass
new file mode 100644
index 0000000..e69de29
diff --git a/src/main/webapp/src/app/component/form/person-from/person-from.component.spec.ts b/src/main/webapp/src/app/component/form/person-from/person-from.component.spec.ts
new file mode 100644
index 0000000..82b84b0
--- /dev/null
+++ b/src/main/webapp/src/app/component/form/person-from/person-from.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PersonFromComponent } from './person-from.component';
+
+describe('PersonFromComponent', () => {
+  let component: PersonFromComponent;
+  let fixture: ComponentFixture<PersonFromComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ PersonFromComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(PersonFromComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/main/webapp/src/app/component/form/person-from/person-from.component.ts b/src/main/webapp/src/app/component/form/person-from/person-from.component.ts
new file mode 100644
index 0000000..7e521ea
--- /dev/null
+++ b/src/main/webapp/src/app/component/form/person-from/person-from.component.ts
@@ -0,0 +1,58 @@
+import {Component, EventEmitter, Inject, Output} from '@angular/core';
+import {FormControl, FormGroup} from "@angular/forms";
+import {PersonService} from "../../../service/person.service";
+import {MAT_DIALOG_DATA, MatDialogRef} from "@angular/material/dialog";
+import {Person} from "../../../model/person";
+import {Observable} from "rxjs";
+import {Student} from "../../../model/student";
+
+@Component({
+  selector: 'app-person-from',
+  templateUrl: './person-from.component.html',
+  styleUrls: ['./person-from.component.sass']
+})
+export class PersonFromComponent {
+
+  @Output()
+  onCreate: EventEmitter<Person> = new EventEmitter()
+
+  formGroup: FormGroup<{
+    name: FormControl<string | null>;
+    surname: FormControl<string | null>;
+    index: FormControl<string | null>;
+  }>
+
+
+  constructor(
+    private personService: PersonService,
+    public dialogRef: MatDialogRef<PersonFromComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: { person: Person | null }
+  ) {
+    this.formGroup = new FormGroup({
+      name: new FormControl<string | null>(this.data.person?.name ?? null),
+      surname: new FormControl<string | null>(this.data.person?.surname ?? null),
+      index: new FormControl<string | null>(this.data.person?.student?.index ?? null)
+    });
+  }
+
+  onSubmit() {
+    const person = this.data.person ?? new Person(null, "?", "?", null);
+    person.name = this.formGroup.controls.name.value ?? "?";
+    person.surname = this.formGroup.controls.surname.value ?? "?";
+    if (this.formGroup.controls.index.value != null) {
+      if (person.student != null) {
+        person.student.index = this.formGroup.controls.index.value;
+      } else {
+        person.student = new Student(null, person.id, this.formGroup.controls.index.value);
+      }
+    }
+    let action: Observable<Person>;
+    if (person.id != null) {
+      action = this.personService.update(person);
+    } else {
+      action = this.personService.create(person);
+    }
+    this.onCreate.next(person);
+    action.subscribe(() => this.dialogRef.close());
+  }
+}