Add subject list, edit/create pages

frontend/src/app/app-routing.module.ts

@@ -17,6 +17,11 @@ const routes: Routes = [
         path: 'users',
         loadChildren: async () => (await import('./users/users.module')).UsersModule,
         data: {title: 'Felhasználók'} as RouteData
+      },
+      {
+        path: 'subjects',
+        loadChildren: async () => (await import('./subjects/subjects.module')).SubjectsModule,
+        data: {title: 'Tárgyak'}
       }
     ]
   }

frontend/src/app/app.component.ts

@@ -23,7 +23,8 @@ export class AppComponent implements OnInit {
     );
 
   menu: MenuItem[] = [
-    {path: 'users', requiredRole: 'admin'}
+    {path: 'users', requiredRole: 'admin'},
+    {path: 'subjects', requiredRole: 'admin'}
   ];
 
   routeSegments: RouteSegment[];

frontend/src/app/model/subject.model.ts

@@ -0,0 +1,6 @@
+import { Model } from './model';
+
+export class Subject extends Model {
+  name: string;
+  description: string;
+}

frontend/src/app/model/user.model.ts

@@ -2,7 +2,8 @@ import { Model } from './model';
 
 export class User extends Model {
   name: string;
-  isAdmin: boolean;
+  email: string;
+  isAdmin = false;
 }
 
 export type UserRole = 'teacher' | 'student';

frontend/src/app/shared-components/edit/edit.component.ts

@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, Type } from '@angular/core';
 import { ApiService } from '../../api.service';
 import { ActivatedRoute, Router } from '@angular/router';
 import { Model } from '../../model/model';
@@ -12,10 +12,12 @@ import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
 export class EditComponent<T extends Model> implements OnInit {
 
   item?: T;
+  creating = false;
   isLoading = true;
 
   @Input() apiPath: string;
-  @Input() fields: { title: string, name: string }[];
+  @Input() fields: { title: string, name: keyof T }[];
+  @Input() itemType: Type<T>;
   formGroup: FormGroup;
 
   constructor(private api: ApiService, private router: Router, private fb: FormBuilder, private route: ActivatedRoute) {
@@ -31,6 +33,9 @@ export class EditComponent<T extends Model> implements OnInit {
     this.formGroup = this.fb.group(this.fields.reduce((pv, cv) => Object.assign(pv, {[cv.name]: new FormControl()}), {}));
     if (this.item) {
       this.formGroup.patchValue(this.item);
+    } else {
+      this.item = new this.itemType();
+      this.creating = true;
     }
     this.isLoading = false;
   }
@@ -38,14 +43,14 @@ export class EditComponent<T extends Model> implements OnInit {
   async submit(): Promise<void> {
     this.isLoading = true;
     try {
-      if (this.item) {
+      if (this.item && !this.creating) {
         await this.api.request('patch', this.apiPath + '/' + this.item.id, this.formGroup.value);
       } else {
         await this.api.request('post', this.apiPath, this.formGroup.value);
       }
       await this.router.navigateByUrl(this.router.url.substring(0, this.router.url.lastIndexOf('/')));
     } catch (e) {
-      alert(e);
+      alert(e.message);
     }
     this.isLoading = false;
   }

frontend/src/app/subjects/subject-edit/subject-edit.component.html

@@ -0,0 +1,4 @@
+<app-edit [apiPath]="'/subjects'" [itemType]="itemType" [fields]="[
+  {title: 'Név', name: 'name'},
+  {title: 'Leirás', name: 'description'}
+]"></app-edit>

frontend/src/app/subjects/subject-edit/subject-edit.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SubjectEditComponent } from './subject-edit.component';
+
+describe('SubjectEditComponent', () => {
+  let component: SubjectEditComponent;
+  let fixture: ComponentFixture<SubjectEditComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ SubjectEditComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SubjectEditComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

frontend/src/app/subjects/subject-edit/subject-edit.component.ts

@@ -0,0 +1,17 @@
+import { Component, OnInit } from '@angular/core';
+import { Subject } from '../../model/subject.model';
+
+@Component({
+  selector: 'app-subject-edit',
+  templateUrl: './subject-edit.component.html',
+  styleUrls: ['./subject-edit.component.css']
+})
+export class SubjectEditComponent implements OnInit {
+  itemType = Subject;
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

frontend/src/app/subjects/subject-list/subject-list.component.html

@@ -0,0 +1,4 @@
+<app-list apiPath="/subjects" [itemType]="itemType" allowNew="true" [columns]="[
+    {title: 'Név', prop: 'name'},
+    {title: 'Leirás', prop: 'description'}
+  ]"></app-list>

frontend/src/app/subjects/subject-list/subject-list.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SubjectListComponent } from './subject-list.component';
+
+describe('SubjectListComponent', () => {
+  let component: SubjectListComponent;
+  let fixture: ComponentFixture<SubjectListComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ SubjectListComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SubjectListComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

frontend/src/app/subjects/subject-list/subject-list.component.ts

@@ -0,0 +1,17 @@
+import { Component, OnInit } from '@angular/core';
+import { Subject } from '../../model/subject.model';
+
+@Component({
+  selector: 'app-subject-list',
+  templateUrl: './subject-list.component.html',
+  styleUrls: ['./subject-list.component.css']
+})
+export class SubjectListComponent implements OnInit {
+  itemType = Subject;
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

frontend/src/app/subjects/subjects.module.ts

@@ -0,0 +1,23 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SubjectListComponent } from './subject-list/subject-list.component';
+import { SubjectEditComponent } from './subject-edit/subject-edit.component';
+import { SharedComponentsModule } from '../shared-components/shared-components.module';
+import { RouterModule, Routes } from '@angular/router';
+import { RouteData } from '../app-routing.module';
+
+const routes: Routes = [
+  {path: '', component: SubjectListComponent, data: {title: 'Tárgyak'} as RouteData},
+  {path: ':id', component: SubjectEditComponent, data: {title: 'Szerkesztés'}}
+];
+
+@NgModule({
+  declarations: [SubjectListComponent, SubjectEditComponent],
+  imports: [
+    CommonModule,
+    SharedComponentsModule,
+    RouterModule.forChild(routes)
+  ]
+})
+export class SubjectsModule {
+}

frontend/src/app/users/user-edit/user-edit.component.html

@@ -1,4 +1,4 @@
-<app-edit [apiPath]="'/users'" [fields]="[
+<app-edit [apiPath]="'/users'" [itemType]="itemType" [fields]="[
   {title: 'E-mail', name: 'email'},
   {title: 'Név', name: 'name'},
   {title: 'Admin', name: 'isAdmin'}

frontend/src/app/users/user-edit/user-edit.component.ts

@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { User } from '../../model/user.model';
 
 @Component({
   selector: 'app-user-edit',
@@ -6,6 +7,7 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./user-edit.component.css']
 })
 export class UserEditComponent implements OnInit {
+  itemType = User;
 
   constructor() { }