Atomic-design POC: BIG-register self-service portal (Angular + Rijkshuisstijl)
Atoms/molecules/organisms/templates/pages composing the NL Design System (Utrecht) CSS themed Rijkshuisstijl via @rijkshuisstijl-community tokens. Login -> dashboard -> registration detail, mock JSON over HttpClient, Storybook organized by atomic layer. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
18
src/app/pages/login/login.page.ts
Normal file
18
src/app/pages/login/login.page.ts
Normal file
@@ -0,0 +1,18 @@
|
||||
import { Component, inject } from '@angular/core';
|
||||
import { Router } from '@angular/router';
|
||||
import { PageLayoutComponent } from '../../templates/page-layout/page-layout.component';
|
||||
import { LoginFormComponent } from '../../organisms/login-form/login-form.component';
|
||||
|
||||
@Component({
|
||||
selector: 'app-login-page',
|
||||
imports: [PageLayoutComponent, LoginFormComponent],
|
||||
template: `
|
||||
<app-page-layout>
|
||||
<app-login-form (submit)="login()" />
|
||||
</app-page-layout>
|
||||
`,
|
||||
})
|
||||
export class LoginPage {
|
||||
private router = inject(Router);
|
||||
login() { this.router.navigate(['/dashboard']); }
|
||||
}
|
||||
Reference in New Issue
Block a user