komponents erstellen

src/app/shared/components/data-display/kpi-card/kpi-card.component.html

@@ -0,0 +1 @@
+<p>kpi-card works!</p>

src/app/shared/components/data-display/kpi-card/kpi-card.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-kpi-card',
+  imports: [],
+  templateUrl: './kpi-card.component.html',
+  styleUrl: './kpi-card.component.css'
+})
+export class KpiCardComponent {
+
+}

src/app/shared/components/form/form-field/form-field.component.html

@@ -0,0 +1 @@
+<p>form-field works!</p>

src/app/shared/components/form/form-field/form-field.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-form-field',
+  imports: [],
+  templateUrl: './form-field.component.html',
+  styleUrl: './form-field.component.css'
+})
+export class FormFieldComponent {
+
+}

src/app/shared/components/form/slide-toggle/slide-toggle.component.html

@@ -0,0 +1 @@
+<p>slide-toggle works!</p>

src/app/shared/components/form/slide-toggle/slide-toggle.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-slide-toggle',
+  imports: [],
+  templateUrl: './slide-toggle.component.html',
+  styleUrl: './slide-toggle.component.css'
+})
+export class SlideToggleComponent {
+
+}

src/app/shared/components/layout/page-header/page-header.component.html

@@ -0,0 +1 @@
+<p>page-header works!</p>

src/app/shared/components/layout/page-header/page-header.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-page-header',
+  imports: [],
+  templateUrl: './page-header.component.html',
+  styleUrl: './page-header.component.css'
+})
+export class PageHeaderComponent {
+
+}

src/app/shared/components/layout/search-bar/search-bar.component.html

@@ -0,0 +1 @@
+<p>search-bar works!</p>

src/app/shared/components/layout/search-bar/search-bar.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-search-bar',
+  imports: [],
+  templateUrl: './search-bar.component.html',
+  styleUrl: './search-bar.component.css'
+})
+export class SearchBarComponent {
+
+}

src/app/shared/components/layout/user-profile/user-profile.component.html

@@ -0,0 +1 @@
+<p>user-profile works!</p>

src/app/shared/components/layout/user-profile/user-profile.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-user-profile',
+  imports: [],
+  templateUrl: './user-profile.component.html',
+  styleUrl: './user-profile.component.css'
+})
+export class UserProfileComponent {
+
+}

src/app/shared/components/overlays/dialog/dialog.component.html

@@ -0,0 +1 @@
+<p>dialog works!</p>

src/app/shared/components/overlays/dialog/dialog.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-dialog',
+  imports: [],
+  templateUrl: './dialog.component.html',
+  styleUrl: './dialog.component.css'
+})
+export class DialogComponent {
+
+}

src/app/shared/components/overlays/menu/menu.component.html

@@ -0,0 +1 @@
+<p>menu works!</p>

src/app/shared/components/overlays/menu/menu.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-menu',
+  imports: [],
+  templateUrl: './menu.component.html',
+  styleUrl: './menu.component.css'
+})
+export class MenuComponent {
+
+}

src/app/shared/components/snackbar-container/snackbar-container.component.css

@@ -1,3 +1,4 @@
+/* src\app\shared\snackbar\components\snackbar-container\snackbar-container.component.css */
 /* Stile, die NUR für den Container gelten */
 .snackbar-container-wrapper {
   position: fixed;

src/app/shared/components/snackbar/snackbar.component.css

@@ -1,3 +1,4 @@
+/* src\app\shared\snackbar\components\snackbar\snackbar.component.css */
 /* Stile, die NUR für eine einzelne Snackbar gelten */
 :host {
   position: absolute;

src/app/shared/components/ui/alert/alert.component.html

@@ -0,0 +1 @@
+<p>alert works!</p>

src/app/shared/components/ui/alert/alert.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-alert',
+  imports: [],
+  templateUrl: './alert.component.html',
+  styleUrl: './alert.component.css'
+})
+export class AlertComponent {
+
+}

src/app/shared/components/ui/button/button.component.html

@@ -0,0 +1 @@
+<p>button works!</p>

src/app/shared/components/ui/button/button.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-button',
+  imports: [],
+  templateUrl: './button.component.html',
+  styleUrl: './button.component.css'
+})
+export class ButtonComponent {
+
+}

src/app/shared/components/ui/card/card.component.html

@@ -0,0 +1 @@
+<p>card works!</p>

src/app/shared/components/ui/card/card.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-card',
+  imports: [],
+  templateUrl: './card.component.html',
+  styleUrl: './card.component.css'
+})
+export class CardComponent {
+
+}

src/app/shared/components/ui/chip/chip.component.html

@@ -0,0 +1 @@
+<p>chip works!</p>

src/app/shared/components/ui/chip/chip.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-chip',
+  imports: [],
+  templateUrl: './chip.component.html',
+  styleUrl: './chip.component.css'
+})
+export class ChipComponent {
+
+}

src/app/shared/components/ui/icon/icon.component.html

@@ -0,0 +1 @@
+<p>icon works!</p>

src/app/shared/components/ui/icon/icon.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-icon',
+  imports: [],
+  templateUrl: './icon.component.html',
+  styleUrl: './icon.component.css'
+})
+export class IconComponent {
+
+}

src/app/shared/components/ui/status-pill/status-pill.component.html

@@ -0,0 +1 @@
+<p>status-pill works!</p>

src/app/shared/components/ui/status-pill/status-pill.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-status-pill',
+  imports: [],
+  templateUrl: './status-pill.component.html',
+  styleUrl: './status-pill.component.css'
+})
+export class StatusPillComponent {
+
+}

src/app/shared/validators/password-match.validator.ts

@@ -0,0 +1,10 @@
+import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
+
+export const passwordMatchValidator: ValidatorFn = (control: AbstractControl): ValidationErrors | null => {
+  const password = control.get('password');
+  const confirmPassword = control.get('confirmPassword');
+
+  return password && confirmPassword && password.value !== confirmPassword.value 
+    ? { passwordMismatch: true } 
+    : null;
+};