From f0db6283d3e7820d74da289b9f6950fc67b07803 Mon Sep 17 00:00:00 2001 From: Marcel Meyer Date: Fri, 4 Nov 2022 15:03:01 +0100 Subject: [PATCH] changed member-list to member-table and added member-detail component --- src/app/app-routing.module.ts | 4 ++-- src/app/app.module.ts | 6 +++-- .../member-details.component.html | 1 + .../member-details.component.scss | 0 .../member-details.component.spec.ts | 23 +++++++++++++++++++ .../member-details.component.ts | 15 ++++++++++++ .../member-table.component.html} | 0 .../member-table.component.scss} | 0 .../member-table.component.spec.ts} | 10 ++++---- .../member-table.component.ts} | 10 ++++---- 10 files changed, 55 insertions(+), 14 deletions(-) create mode 100644 src/app/components/members/member-details/member-details.component.html create mode 100644 src/app/components/members/member-details/member-details.component.scss create mode 100644 src/app/components/members/member-details/member-details.component.spec.ts create mode 100644 src/app/components/members/member-details/member-details.component.ts rename src/app/components/members/{member-list.component.html => member-table/member-table.component.html} (100%) rename src/app/components/members/{member-list.component.scss => member-table/member-table.component.scss} (100%) rename src/app/components/members/{member-list.component.spec.ts => member-table/member-table.component.spec.ts} (58%) rename src/app/components/members/{member-list.component.ts => member-table/member-table.component.ts} (84%) diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index f509107..25c60d7 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -1,6 +1,6 @@ import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; -import { MemberListComponent } from './components/members/member-list.component' +import { MemberTableComponent } from './components/members/member-table/member-table.component' import {RoutesComponent} from "./components/routes/routes.component"; import {RouteComponent} from "./components/routes/route/route.component"; import {RouteDetailPageComponent} from "./components/routes/route/route-detail-page/route-detail-page.component"; @@ -8,7 +8,7 @@ import {AddRouteFormComponent} from "./components/routes/route/add-route-form/ad const routes: Routes = [ { - path:'members', component:MemberListComponent + path:'members', component:MemberTableComponent }, { path: 'routes', diff --git a/src/app/app.module.ts b/src/app/app.module.ts index fa5f2f4..00354ea 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -4,7 +4,7 @@ import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { MatMenuModule} from '@angular/material/menu'; -import { MemberListComponent } from './components/members/member-list.component'; +import { MemberTableComponent } from './components/members/member-table/member-table.component'; import {FormsModule, ReactiveFormsModule} from "@angular/forms"; import {MatTableModule} from "@angular/material/table"; import {HttpClientModule} from "@angular/common/http"; @@ -23,15 +23,17 @@ import {RoutesComponent} from "./components/routes/routes.component"; import {RouteComponent} from "./components/routes/route/route.component"; import {AddRouteFormComponent} from "./components/routes/route/add-route-form/add-route-form.component"; import {RouteDetailPageComponent} from "./components/routes/route/route-detail-page/route-detail-page.component"; +import { MemberDetailsComponent } from './components/members/member-details/member-details.component'; @NgModule({ declarations: [ AppComponent, - MemberListComponent, + MemberTableComponent, RoutesComponent, RouteComponent, AddRouteFormComponent, RouteDetailPageComponent, + MemberDetailsComponent, ], imports: [ BrowserModule, diff --git a/src/app/components/members/member-details/member-details.component.html b/src/app/components/members/member-details/member-details.component.html new file mode 100644 index 0000000..4173aba --- /dev/null +++ b/src/app/components/members/member-details/member-details.component.html @@ -0,0 +1 @@ +

member-details works!

diff --git a/src/app/components/members/member-details/member-details.component.scss b/src/app/components/members/member-details/member-details.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/components/members/member-details/member-details.component.spec.ts b/src/app/components/members/member-details/member-details.component.spec.ts new file mode 100644 index 0000000..7b13645 --- /dev/null +++ b/src/app/components/members/member-details/member-details.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { MemberDetailsComponent } from './member-details.component'; + +describe('MemberDetailsComponent', () => { + let component: MemberDetailsComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ MemberDetailsComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(MemberDetailsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/components/members/member-details/member-details.component.ts b/src/app/components/members/member-details/member-details.component.ts new file mode 100644 index 0000000..52a75f4 --- /dev/null +++ b/src/app/components/members/member-details/member-details.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-member-details', + templateUrl: './member-details.component.html', + styleUrls: ['./member-details.component.scss'] +}) +export class MemberDetailsComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/components/members/member-list.component.html b/src/app/components/members/member-table/member-table.component.html similarity index 100% rename from src/app/components/members/member-list.component.html rename to src/app/components/members/member-table/member-table.component.html diff --git a/src/app/components/members/member-list.component.scss b/src/app/components/members/member-table/member-table.component.scss similarity index 100% rename from src/app/components/members/member-list.component.scss rename to src/app/components/members/member-table/member-table.component.scss diff --git a/src/app/components/members/member-list.component.spec.ts b/src/app/components/members/member-table/member-table.component.spec.ts similarity index 58% rename from src/app/components/members/member-list.component.spec.ts rename to src/app/components/members/member-table/member-table.component.spec.ts index 5b518d3..e6d7b73 100644 --- a/src/app/components/members/member-list.component.spec.ts +++ b/src/app/components/members/member-table/member-table.component.spec.ts @@ -1,18 +1,18 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; -import { MemberListComponent } from './member-list.component'; +import { MemberTableComponent } from './member-table.component'; describe('MembersComponent', () => { - let component: MemberListComponent; - let fixture: ComponentFixture; + let component: MemberTableComponent; + let fixture: ComponentFixture; beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ MemberListComponent ] + declarations: [ MemberTableComponent ] }) .compileComponents(); - fixture = TestBed.createComponent(MemberListComponent); + fixture = TestBed.createComponent(MemberTableComponent); component = fixture.componentInstance; fixture.detectChanges(); }); diff --git a/src/app/components/members/member-list.component.ts b/src/app/components/members/member-table/member-table.component.ts similarity index 84% rename from src/app/components/members/member-list.component.ts rename to src/app/components/members/member-table/member-table.component.ts index 576d574..d19f864 100644 --- a/src/app/components/members/member-list.component.ts +++ b/src/app/components/members/member-table/member-table.component.ts @@ -1,6 +1,6 @@ import {Component, OnInit, ViewChild} from '@angular/core'; -import {MemberService} from "../../services/member.service"; -import {Member} from "../../models/member"; +import {MemberService} from "../../../services/member.service"; +import {Member} from "../../../models/member"; import {HttpErrorResponse} from "@angular/common/http"; import {MatPaginator} from "@angular/material/paginator"; import {MatSort} from "@angular/material/sort"; @@ -8,10 +8,10 @@ import {MatTableDataSource} from "@angular/material/table"; @Component({ selector: 'app-members', - templateUrl: './member-list.component.html', - styleUrls: ['./member-list.component.scss'] + templateUrl: './member-table.component.html', + styleUrls: ['./member-table.component.scss'] }) -export class MemberListComponent implements OnInit{ +export class MemberTableComponent implements OnInit{ title = 'Member-Table' dataSource!: MatTableDataSource; -- GitLab