diff --git a/portal-frontend/src/app/app.html b/portal-frontend/src/app/app.html index a1c4296..1496f42 100644 --- a/portal-frontend/src/app/app.html +++ b/portal-frontend/src/app/app.html @@ -1,344 +1,6 @@ - - - - - - - - - - - -
-
-
- -

Hello, {{ title() }}

-

Congratulations! Your app is running. 🎉

-
- -
-
- @for (item of [ - { title: 'Explore the Docs', link: 'https://angular.dev' }, - { title: 'Learn with Tutorials', link: 'https://angular.dev/tutorials' }, - { title: 'Prompt and best practices for AI', link: 'https://angular.dev/ai/develop-with-ai'}, - { title: 'CLI Docs', link: 'https://angular.dev/tools/cli' }, - { title: 'Angular Language Service', link: 'https://angular.dev/tools/language-service' }, - { title: 'Angular DevTools', link: 'https://angular.dev/tools/devtools' }, - ]; track item.title) { - - {{ item.title }} - - - - - } -
- -
-
+
+

Behandel portaal

+
+
+
- - - - - - - - - - - diff --git a/portal-frontend/src/app/app.routes.ts b/portal-frontend/src/app/app.routes.ts index dc39edb..85eea21 100644 --- a/portal-frontend/src/app/app.routes.ts +++ b/portal-frontend/src/app/app.routes.ts @@ -1,3 +1,11 @@ import { Routes } from '@angular/router'; -export const routes: Routes = []; +import { CaseDetailPage } from './case-detail/case-detail/case-detail'; +import { WorklistList } from './worklist/worklist-list/worklist-list'; + +export const routes: Routes = [ + { path: '', component: WorklistList }, + { path: 'legacy/:id', component: CaseDetailPage }, + { path: 'owned/:id', component: CaseDetailPage }, + { path: '**', redirectTo: '' }, +]; diff --git a/portal-frontend/src/app/app.spec.ts b/portal-frontend/src/app/app.spec.ts index 84a2316..0baa2d6 100644 --- a/portal-frontend/src/app/app.spec.ts +++ b/portal-frontend/src/app/app.spec.ts @@ -1,10 +1,13 @@ import { TestBed } from '@angular/core/testing'; +import { provideRouter } from '@angular/router'; + import { App } from './app'; describe('App', () => { beforeEach(async () => { await TestBed.configureTestingModule({ imports: [App], + providers: [provideRouter([])], }).compileComponents(); }); @@ -14,10 +17,10 @@ describe('App', () => { expect(app).toBeTruthy(); }); - it('should render title', async () => { + it('should render the portal title', async () => { const fixture = TestBed.createComponent(App); await fixture.whenStable(); const compiled = fixture.nativeElement as HTMLElement; - expect(compiled.querySelector('h1')?.textContent).toContain('Hello, portal-frontend'); + expect(compiled.querySelector('h1')?.textContent).toContain('Behandel portaal'); }); }); diff --git a/portal-frontend/src/app/app.ts b/portal-frontend/src/app/app.ts index 7138adf..d5a352f 100644 --- a/portal-frontend/src/app/app.ts +++ b/portal-frontend/src/app/app.ts @@ -1,12 +1,10 @@ -import { Component, signal } from '@angular/core'; -import { RouterOutlet } from '@angular/router'; +import { Component } from '@angular/core'; +import { RouterLink, RouterOutlet } from '@angular/router'; @Component({ selector: 'app-root', - imports: [RouterOutlet], + imports: [RouterLink, RouterOutlet], templateUrl: './app.html', styleUrl: './app.css' }) -export class App { - protected readonly title = signal('portal-frontend'); -} +export class App {} diff --git a/portal-frontend/src/app/case-detail/case-detail/case-detail.css b/portal-frontend/src/app/case-detail/case-detail/case-detail.css new file mode 100644 index 0000000..e69de29 diff --git a/portal-frontend/src/app/case-detail/case-detail/case-detail.html b/portal-frontend/src/app/case-detail/case-detail/case-detail.html new file mode 100644 index 0000000..88e3d79 --- /dev/null +++ b/portal-frontend/src/app/case-detail/case-detail/case-detail.html @@ -0,0 +1 @@ +

case-detail works!

diff --git a/portal-frontend/src/app/case-detail/case-detail/case-detail.spec.ts b/portal-frontend/src/app/case-detail/case-detail/case-detail.spec.ts new file mode 100644 index 0000000..d19497e --- /dev/null +++ b/portal-frontend/src/app/case-detail/case-detail/case-detail.spec.ts @@ -0,0 +1,22 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { CaseDetailPage } from './case-detail'; + +describe('CaseDetailPage', () => { + let component: CaseDetailPage; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [CaseDetailPage], + }).compileComponents(); + + fixture = TestBed.createComponent(CaseDetailPage); + component = fixture.componentInstance; + await fixture.whenStable(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/portal-frontend/src/app/case-detail/case-detail/case-detail.ts b/portal-frontend/src/app/case-detail/case-detail/case-detail.ts new file mode 100644 index 0000000..afcf3ca --- /dev/null +++ b/portal-frontend/src/app/case-detail/case-detail/case-detail.ts @@ -0,0 +1,9 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-case-detail', + imports: [], + templateUrl: './case-detail.html', + styleUrl: './case-detail.css', +}) +export class CaseDetailPage {} diff --git a/portal-frontend/src/app/worklist/worklist-list/worklist-list.css b/portal-frontend/src/app/worklist/worklist-list/worklist-list.css new file mode 100644 index 0000000..e69de29 diff --git a/portal-frontend/src/app/worklist/worklist-list/worklist-list.html b/portal-frontend/src/app/worklist/worklist-list/worklist-list.html new file mode 100644 index 0000000..ed2d28b --- /dev/null +++ b/portal-frontend/src/app/worklist/worklist-list/worklist-list.html @@ -0,0 +1 @@ +

worklist-list works!

diff --git a/portal-frontend/src/app/worklist/worklist-list/worklist-list.spec.ts b/portal-frontend/src/app/worklist/worklist-list/worklist-list.spec.ts new file mode 100644 index 0000000..d531ca7 --- /dev/null +++ b/portal-frontend/src/app/worklist/worklist-list/worklist-list.spec.ts @@ -0,0 +1,22 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { WorklistList } from './worklist-list'; + +describe('WorklistList', () => { + let component: WorklistList; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [WorklistList], + }).compileComponents(); + + fixture = TestBed.createComponent(WorklistList); + component = fixture.componentInstance; + await fixture.whenStable(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/portal-frontend/src/app/worklist/worklist-list/worklist-list.ts b/portal-frontend/src/app/worklist/worklist-list/worklist-list.ts new file mode 100644 index 0000000..2635d9b --- /dev/null +++ b/portal-frontend/src/app/worklist/worklist-list/worklist-list.ts @@ -0,0 +1,9 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-worklist-list', + imports: [], + templateUrl: './worklist-list.html', + styleUrl: './worklist-list.css', +}) +export class WorklistList {}