From 2f41a993eec58f0725974f430fb5de5a518dbaef Mon Sep 17 00:00:00 2001 From: Developer 02 Date: Thu, 13 Jun 2024 11:42:02 +0200 Subject: [PATCH] Anmeldeformular erstellt --- .../src/app/app.component.html | 48 +------------------ .../src/app/app.component.ts | 4 +- .../src/app/login/login.component.html | 21 ++++++++ .../src/app/login/login.component.scss | 3 ++ .../src/app/login/login.component.spec.ts | 23 +++++++++ .../src/app/login/login.component.ts | 20 ++++++++ 6 files changed, 70 insertions(+), 49 deletions(-) create mode 100644 EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/login/login.component.html create mode 100644 EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/login/login.component.scss create mode 100644 EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/login/login.component.spec.ts create mode 100644 EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/login/login.component.ts diff --git a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/app.component.html b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/app.component.html index eed760de..ece94bdf 100644 --- a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/app.component.html +++ b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/app.component.html @@ -2,53 +2,7 @@
- -

Hello, {{ title }}

-

Congratulations! Your app is running. 🎉

+
diff --git a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/app.component.ts b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/app.component.ts index 6fa25ce1..61d28223 100644 --- a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/app.component.ts +++ b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/app.component.ts @@ -1,14 +1,14 @@ import { Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; import { NavbarComponent } from "./navbar/navbar.component"; +import { LoginComponent } from "./login/login.component"; @Component({ selector: 'app-root', standalone: true, templateUrl: './app.component.html', styleUrl: './app.component.scss', - imports: [RouterOutlet, NavbarComponent] + imports: [RouterOutlet, NavbarComponent, LoginComponent] }) export class AppComponent { - title = 'envelope-generator-ui'; } diff --git a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/login/login.component.html b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/login/login.component.html new file mode 100644 index 00000000..0ba1975a --- /dev/null +++ b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/login/login.component.html @@ -0,0 +1,21 @@ +
+
+ + Username + + +
+
+ + Enter your password + + + +
+
+ +
+
\ No newline at end of file diff --git a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/login/login.component.scss b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/login/login.component.scss new file mode 100644 index 00000000..05622044 --- /dev/null +++ b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/login/login.component.scss @@ -0,0 +1,3 @@ +mat-form-field{ + width: 100%; +} \ No newline at end of file diff --git a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/login/login.component.spec.ts b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/login/login.component.spec.ts new file mode 100644 index 00000000..1e19e5da --- /dev/null +++ b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/login/login.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { LoginComponent } from './login.component'; + +describe('LoginComponent', () => { + let component: LoginComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [LoginComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(LoginComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/login/login.component.ts b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/login/login.component.ts new file mode 100644 index 00000000..06b5b173 --- /dev/null +++ b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/login/login.component.ts @@ -0,0 +1,20 @@ +import { Component } from '@angular/core'; +import { MatIconModule } from '@angular/material/icon'; +import { MatButtonModule } from '@angular/material/button'; +import { MatInputModule } from '@angular/material/input'; +import { MatFormFieldModule } from '@angular/material/form-field'; + +@Component({ + selector: 'app-login', + standalone: true, + imports: [MatFormFieldModule, MatInputModule, MatButtonModule, MatIconModule], + templateUrl: './login.component.html', + styleUrl: './login.component.scss' +}) +export class LoginComponent { + hide = true; + clickEvent(event: MouseEvent) { + this.hide = !this.hide; + event.stopPropagation(); + } +}