+
diff --git a/src/app/core/home/components/home/home.component.scss b/src/app/core/home/components/home/home.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/core/home/components/home/home.component.ts b/src/app/core/home/components/home/home.component.ts
new file mode 100644
index 0000000..13eb562
--- /dev/null
+++ b/src/app/core/home/components/home/home.component.ts
@@ -0,0 +1,9 @@
+import { Component } from "@angular/core";
+
+@Component({
+ selector: "app-home",
+ templateUrl: "./home.component.html",
+ styleUrls: ["./home.component.scss"],
+ standalone: false
+})
+export class HomeComponent {}
diff --git a/src/app/core/home/components/navigation/navigation.component.html b/src/app/core/home/components/navigation/navigation.component.html
new file mode 100644
index 0000000..4ae9b51
--- /dev/null
+++ b/src/app/core/home/components/navigation/navigation.component.html
@@ -0,0 +1,79 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/app/core/home/components/navigation/navigation.component.scss b/src/app/core/home/components/navigation/navigation.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/core/home/components/navigation/navigation.component.ts b/src/app/core/home/components/navigation/navigation.component.ts
new file mode 100644
index 0000000..d41f4d4
--- /dev/null
+++ b/src/app/core/home/components/navigation/navigation.component.ts
@@ -0,0 +1,121 @@
+import { Component, OnInit } from "@angular/core";
+import { initFlowbite } from "flowbite";
+import { Router } from "@angular/router";
+import { StateResponse } from "src/app/core/models/user-state-request.model";
+import { AuthService } from "src/app/core/services/auth.service";
+
+interface NavigationLink {
+ imageSrc?: string;
+ label: string;
+ routerLink: string;
+ isVisible?: Function | undefined;
+}
+
+interface UserMenuButton {
+ label: Function | string;
+ routerLink?: string | undefined;
+ clickCallback?: Function | undefined;
+ isVisible?: Function | undefined;
+}
+
+@Component({
+ selector: "app-navigation",
+ templateUrl: "./navigation.component.html",
+ styleUrls: ["./navigation.component.scss"],
+ standalone: false
+})
+export class NavigationComponent implements OnInit {
+ navigationLinks: NavigationLink[] = [
+ {
+ routerLink: "/dashboard",
+ imageSrc: "assets/template.svg",
+ label: "navigation.home",
+ },
+ {
+ routerLink: "/location",
+ imageSrc: "assets/lightbulb.svg",
+ label: "navigation.locations",
+ isVisible: () => this.state?.roleIdentifier === 'admin'
+ },
+ {
+ routerLink: "/plant",
+ imageSrc: "assets/template.svg",
+ label: "navigation.plants",
+ isVisible: () => this.state?.roleIdentifier === 'admin'
+ },
+ {
+ routerLink: "/device",
+ imageSrc: "assets/plug.svg",
+ label: "navigation.devices",
+ isVisible: () => this.state?.roleIdentifier === 'admin'
+ },
+ {
+ routerLink: "/admin",
+ imageSrc: "assets/admin.svg",
+ label: "navigation.admin",
+ isVisible: () => this.state?.roleIdentifier === 'admin'
+ },
+ ];
+
+ usermenuButtons: UserMenuButton[] = [
+ {
+ label: () => "menu.settings",
+ routerLink: "/settings",
+ },
+ {
+ label: () => "menu.login",
+ clickCallback: () => {
+ this.router.navigateByUrl('/auth');
+ },
+ isVisible: () => this.state === undefined
+ },
+ {
+ label: () => "menu.logout",
+ clickCallback: () => {
+ this.logout();
+ },
+ isVisible: () => this.state !== undefined
+ },
+ ];
+
+ state: StateResponse | undefined;
+
+ constructor(
+ private authService: AuthService,
+ private router: Router,
+ ) {
+ this.state = undefined;
+
+ this.authService.readUserState().subscribe(response => {
+ this.authService.currentState$.next(response);
+ this.state = response;
+ });
+ }
+
+ ngOnInit(): void {
+ initFlowbite();
+ }
+
+ logout(): void {
+ this.authService
+ .logout()
+ .subscribe( response => {
+ this.state = undefined;
+ this.router.navigateByUrl('/dashboard')
+ });
+ }
+
+ clickUserMenuButtonLabel(button: UserMenuButton) {
+ if (button.clickCallback !== undefined) {
+ button.clickCallback();
+ }
+ }
+
+ getUserMenuButtonLabel(button: UserMenuButton) {
+ if (typeof button.label === "function") {
+ return button.label();
+ } else {
+ return button.label;
+ }
+ }
+}
diff --git a/src/app/core/home/components/settings/settings.component.html b/src/app/core/home/components/settings/settings.component.html
new file mode 100644
index 0000000..9f020c3
--- /dev/null
+++ b/src/app/core/home/components/settings/settings.component.html
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
+
+
+
+
+ {{state.username}}
+ {{state.roleIdentifier}}
+
+
+ {{"menu.guest" | translate}}
+
+
+
+
+
+ -
+
- + + +
+
+
+
+
+
+
+
+
+
diff --git a/src/app/core/home/components/settings/settings.component.scss b/src/app/core/home/components/settings/settings.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/core/home/components/settings/settings.component.ts b/src/app/core/home/components/settings/settings.component.ts
new file mode 100644
index 0000000..50028d7
--- /dev/null
+++ b/src/app/core/home/components/settings/settings.component.ts
@@ -0,0 +1,22 @@
+import { Component, OnInit } from "@angular/core";
+import { initFlowbite } from "flowbite";
+import { StateResponse } from "src/app/core/models/user-state-request.model";
+import { AuthService } from "src/app/core/services/auth.service";
+
+@Component({
+ selector: "app-settings",
+ templateUrl: "./settings.component.html",
+ styleUrls: ["./settings.component.scss"],
+ standalone: false
+})
+export class SettingsComponent implements OnInit {
+ state?: StateResponse;
+
+ constructor(private authService: AuthService) {
+ this.authService.currentState$.subscribe(state => {this.state = state});
+ }
+
+ ngOnInit(): void {
+ initFlowbite();
+ }
+}
diff --git a/src/app/core/home/components/settings/tabs/tab-profile/tab-profile.component.html b/src/app/core/home/components/settings/tabs/tab-profile/tab-profile.component.html
new file mode 100644
index 0000000..07c4e45
--- /dev/null
+++ b/src/app/core/home/components/settings/tabs/tab-profile/tab-profile.component.html
@@ -0,0 +1,4 @@
+
\ No newline at end of file
diff --git a/src/app/core/home/components/settings/tabs/tab-profile/tab-profile.component.scss b/src/app/core/home/components/settings/tabs/tab-profile/tab-profile.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/core/home/components/settings/tabs/tab-profile/tab-profile.component.ts b/src/app/core/home/components/settings/tabs/tab-profile/tab-profile.component.ts
new file mode 100644
index 0000000..fd4c60d
--- /dev/null
+++ b/src/app/core/home/components/settings/tabs/tab-profile/tab-profile.component.ts
@@ -0,0 +1,18 @@
+import { Component } from "@angular/core";
+
+interface Product {
+ description: string;
+ id: string;
+ price: number;
+ stock: number;
+}
+
+@Component({
+ selector: "app-tab-profile",
+ templateUrl: "./tab-profile.component.html",
+ styleUrls: ["./tab-profile.component.scss"],
+ standalone: false
+})
+export class TabProfileComponent {
+ constructor() {}
+}
diff --git a/src/app/core/home/components/settings/tabs/tab-security/tab-security.component.html b/src/app/core/home/components/settings/tabs/tab-security/tab-security.component.html
new file mode 100644
index 0000000..4ae615c
--- /dev/null
+++ b/src/app/core/home/components/settings/tabs/tab-security/tab-security.component.html
@@ -0,0 +1,33 @@
+
+
+
+
+ {{ state.username }}
+
+
+ {{ state.roleIdentifier }}
+
+
+
+
+
+
+
+
+
+
diff --git a/src/app/core/home/components/settings/tabs/tab-security/tab-security.component.scss b/src/app/core/home/components/settings/tabs/tab-security/tab-security.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/core/home/components/settings/tabs/tab-security/tab-security.component.ts b/src/app/core/home/components/settings/tabs/tab-security/tab-security.component.ts
new file mode 100644
index 0000000..d5f3277
--- /dev/null
+++ b/src/app/core/home/components/settings/tabs/tab-security/tab-security.component.ts
@@ -0,0 +1,41 @@
+import { Component } from "@angular/core";
+import { FormControl, FormGroup, Validators } from "@angular/forms";
+import { AuthService } from "src/app/core/services/auth.service";
+
+@Component({
+ selector: "app-tab-security",
+ templateUrl: "./tab-security.component.html",
+ styleUrls: ["./tab-security.component.scss"],
+ standalone: false
+})
+export class TabSecurityComponent {
+ changePasswordForm = new FormGroup({
+ password: new FormControl("", [Validators.required]),
+ newPassword: new FormControl("", [Validators.required]),
+ newPasswordConfirmation: new FormControl("", [Validators.required]),
+ });
+
+ changeUsernameForm = new FormGroup({
+ password: new FormControl("", [Validators.required]),
+ newUsername: new FormControl("", [Validators.required]),
+ });
+
+ constructor(private authService: AuthService) {}
+
+ changePassword(): void {
+ if (this.changePasswordForm.value.newPassword !== this.changePasswordForm.value.newPasswordConfirmation)
+ return;
+
+ this.authService.changePassword({
+ password: this.changePasswordForm.value.password!,
+ newPassword: this.changePasswordForm.value.newPassword!,
+ }).subscribe(response => {});
+ }
+
+ changeUsername(): void {
+ this.authService.changeUsername({
+ password: this.changeUsernameForm.value.password!,
+ newUsername: this.changeUsernameForm.value.newUsername!,
+ }).subscribe(response => {});
+ }
+}
diff --git a/src/app/core/home/home.module.ts b/src/app/core/home/home.module.ts
new file mode 100644
index 0000000..2e2d895
--- /dev/null
+++ b/src/app/core/home/home.module.ts
@@ -0,0 +1,82 @@
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { RouterModule, Routes } from "@angular/router";
+import { ReactiveFormsModule } from "@angular/forms";
+import { TranslateModule } from "@ngx-translate/core";
+import { SharedModule } from "src/app/shared/shared.module";
+import { AngularSvgIconModule } from "angular-svg-icon";
+import { HomeComponent } from "./components/home/home.component";
+import { AuthGuard } from "../guards/auth.guard";
+import { SettingsComponent } from "./components/settings/settings.component";
+import { TabProfileComponent } from "./components/settings/tabs/tab-profile/tab-profile.component";
+import { TabSecurityComponent } from "./components/settings/tabs/tab-security/tab-security.component";
+import { NavigationComponent } from "./components/navigation/navigation.component";
+import { CoreModule } from "../core.module";
+
+const routes: Routes = [
+ {
+ path: "",
+ component: HomeComponent,
+ children: [
+ {
+ path: "settings",
+ canActivate: [AuthGuard],
+ component: SettingsComponent
+ },
+ {
+ path: "dashboard",
+ loadChildren: () =>
+ import('../../feature/dashboard/dashboard.module').then((m) => m.DashboardModule)
+ },
+ {
+ path: "plant",
+ canActivate: [AuthGuard],
+ loadChildren: () =>
+ import('../../feature/plant/plant.module').then((m) => m.PlantModule)
+ },
+ {
+ path: "device",
+ canActivate: [AuthGuard],
+ loadChildren: () =>
+ import('../../feature/device/device.module').then((m) => m.DeviceModule)
+ },
+ {
+ path: "location",
+ canActivate: [AuthGuard],
+ loadChildren: () =>
+ import('../../feature/location/location.module').then((m) => m.LocationModule)
+ },
+ {
+ path: "admin",
+ canActivate: [AuthGuard],
+ loadChildren: () =>
+ import('../../feature/admin/admin.module').then((m) => m.AdminModule)
+ },
+ {
+ path: '**',
+ redirectTo: 'dashboard',
+ pathMatch: 'full'
+ }
+ ],
+ },
+];
+
+@NgModule({
+ declarations: [
+ SettingsComponent,
+ NavigationComponent,
+ TabProfileComponent,
+ TabSecurityComponent,
+ HomeComponent
+ ],
+ imports: [
+ RouterModule.forChild(routes),
+ AngularSvgIconModule,
+ CommonModule,
+ ReactiveFormsModule,
+ TranslateModule,
+ SharedModule,
+ CoreModule
+ ]
+})
+export class HomeModule {}
diff --git a/src/app/core/models/change-password-request.model.ts b/src/app/core/models/change-password-request.model.ts
new file mode 100644
index 0000000..d612faf
--- /dev/null
+++ b/src/app/core/models/change-password-request.model.ts
@@ -0,0 +1,7 @@
+export interface ChangePasswordRequest {
+ password: string;
+ newPassword: string;
+}
+
+export interface ChangePasswordResponse {
+}
diff --git a/src/app/core/models/change-username-request.model.ts b/src/app/core/models/change-username-request.model.ts
new file mode 100644
index 0000000..1137d5b
--- /dev/null
+++ b/src/app/core/models/change-username-request.model.ts
@@ -0,0 +1,7 @@
+export interface ChangeUsernameRequest {
+ password: string;
+ newUsername: string;
+}
+
+export interface ChangeUsernameResponse {
+}
diff --git a/src/app/core/models/confirm-registration-request.model.ts b/src/app/core/models/confirm-registration-request.model.ts
new file mode 100644
index 0000000..cd5a493
--- /dev/null
+++ b/src/app/core/models/confirm-registration-request.model.ts
@@ -0,0 +1,12 @@
+export interface ConfirmRegistrationRequest {
+ id: string;
+ password: string;
+ passwordConfirmation: string;
+}
+
+export interface ConfirmRegistrationResponse {
+ id: string;
+ username: string;
+ roleIdentifier: "admin"|"user";
+ permissions: string[];
+}
diff --git a/src/app/core/models/forgot-password-request.model.ts b/src/app/core/models/forgot-password-request.model.ts
new file mode 100644
index 0000000..95d83c3
--- /dev/null
+++ b/src/app/core/models/forgot-password-request.model.ts
@@ -0,0 +1,6 @@
+export interface ForgotPasswordRequest {
+ mail: string;
+}
+
+export interface ForgotPasswordResponse {
+}
diff --git a/src/app/core/models/login-request.model.ts b/src/app/core/models/login-request.model.ts
new file mode 100644
index 0000000..7d4d58e
--- /dev/null
+++ b/src/app/core/models/login-request.model.ts
@@ -0,0 +1,8 @@
+export interface LoginUserRequest {
+ identifier: string;
+ password: string;
+}
+
+export interface LoginUserResponse {
+ sessionId: string;
+}
diff --git a/src/app/core/models/logout-request.model.ts b/src/app/core/models/logout-request.model.ts
new file mode 100644
index 0000000..0bbb074
--- /dev/null
+++ b/src/app/core/models/logout-request.model.ts
@@ -0,0 +1,6 @@
+export interface LogoutUserRequest {
+}
+
+export interface LogoutUserResponse {
+ response?: string|undefined;
+}
diff --git a/src/app/core/models/register-user-request.model.ts b/src/app/core/models/register-user-request.model.ts
new file mode 100644
index 0000000..4a1df17
--- /dev/null
+++ b/src/app/core/models/register-user-request.model.ts
@@ -0,0 +1,8 @@
+export interface RegisterUserRequest {
+ username: string;
+ mail: string;
+}
+
+export interface RegisterUserResponse {
+ response?: string|undefined;
+}
diff --git a/src/app/core/models/reset-password-request.model.ts b/src/app/core/models/reset-password-request.model.ts
new file mode 100644
index 0000000..d45ebf6
--- /dev/null
+++ b/src/app/core/models/reset-password-request.model.ts
@@ -0,0 +1,8 @@
+export interface ResetPasswordRequest {
+ passwordToken: string;
+ newPassword: string;
+ passwordConfirmation: string;
+}
+
+export interface ResetPasswordResponse {
+}
diff --git a/src/app/core/models/user-state-request.model.ts b/src/app/core/models/user-state-request.model.ts
new file mode 100644
index 0000000..634a869
--- /dev/null
+++ b/src/app/core/models/user-state-request.model.ts
@@ -0,0 +1,13 @@
+export interface StateRequest {
+}
+
+export interface StateResponse {
+ id: string;
+ username: string;
+ roleIdentifier: any|null;
+ permissions: string[];
+ createdAt: string;
+ updatedAt: string;
+ sessionId: string;
+ role?: "admin"|"user"|undefined;
+}
diff --git a/src/app/core/services/app.service.ts b/src/app/core/services/app.service.ts
new file mode 100644
index 0000000..8026d53
--- /dev/null
+++ b/src/app/core/services/app.service.ts
@@ -0,0 +1,30 @@
+import { Injectable } from "@angular/core";
+
+@Injectable()
+export class AppService {
+ darkMode: boolean;
+
+ constructor() {
+ this.darkMode =
+ window.matchMedia &&
+ window.matchMedia("(prefers-color-scheme: dark)").matches;
+ this.applyDarkMode();
+ }
+
+ private applyDarkMode(): void {
+ if (this.darkMode) {
+ document.documentElement.classList.add("theme-dark");
+ } else {
+ document.documentElement.classList.remove("theme-dark");
+ }
+ }
+
+ toggleDarkMode() {
+ this.darkMode = !this.darkMode;
+ this.applyDarkMode();
+ }
+
+ getDarkMode(): boolean {
+ return this.darkMode;
+ }
+}
diff --git a/src/app/core/services/auth.service.ts b/src/app/core/services/auth.service.ts
new file mode 100644
index 0000000..a4a296d
--- /dev/null
+++ b/src/app/core/services/auth.service.ts
@@ -0,0 +1,122 @@
+import { Injectable } from "@angular/core";
+import { RequestService } from "./request.service";
+import { StateResponse } from "../models/user-state-request.model";
+import { BehaviorSubject, catchError, Observable } from "rxjs";
+import { LoginUserRequest, LoginUserResponse } from "../models/login-request.model";
+import { Router } from "@angular/router";
+import {
+ RegisterUserRequest,
+ RegisterUserResponse,
+} from "../models/register-user-request.model";
+import {
+ ConfirmRegistrationRequest,
+ ConfirmRegistrationResponse,
+} from "../models/confirm-registration-request.model";
+import {
+ ResetPasswordRequest,
+ ResetPasswordResponse,
+} from "../models/reset-password-request.model";
+import {
+ ForgotPasswordRequest,
+ ForgotPasswordResponse,
+} from "../models/forgot-password-request.model";
+import {
+ ChangePasswordRequest,
+ ChangePasswordResponse,
+} from "../models/change-password-request.model";
+import {
+ ChangeUsernameRequest,
+ ChangeUsernameResponse,
+} from "../models/change-username-request.model";
+import { LogoutUserResponse } from "../models/logout-request.model";
+
+@Injectable()
+export class AuthService {
+ currentState$ = new BehaviorSubject
-
-
-
-
- ![]()
-
-
- {{ header }}
-
-
- {{ subHeader }}
-
+
+ ();
- @Input() caption: string|null = null;
-
-}
diff --git a/src/app/shared/components/group/group.component.html b/src/app/shared/components/group/group.component.html
new file mode 100644
index 0000000..e15cc7f
--- /dev/null
+++ b/src/app/shared/components/group/group.component.html
@@ -0,0 +1,21 @@
+
+
- {{ content }}
-
diff --git a/src/app/shared/components/card/card.component.ts b/src/app/shared/components/card/card.component.ts
index cde549d..48563ea 100644
--- a/src/app/shared/components/card/card.component.ts
+++ b/src/app/shared/components/card/card.component.ts
@@ -1,13 +1,14 @@
-import { Component, Input } from '@angular/core';
+import { Component, ContentChild, ElementRef, Input } from "@angular/core";
@Component({
- selector: 'shared-card',
- templateUrl: './card.component.html',
- styleUrls: ['./card.component.scss'],
+ selector: "shared-card",
+ templateUrl: "./card.component.html",
+ styleUrls: ["./card.component.scss"],
+ standalone: false
})
export class CardComponent {
- @Input() header: string | null = null;
- @Input() icon: string | null = null;
- @Input() subHeader: string | null = null;
- @Input() content: string | null = null;
+ @Input() header?:string|undefined;
+ @Input() content?:string|undefined;
+ @ContentChild('content', {static: false}) contentElement!: ElementRef;
+ @ContentChild('header', {static: false}) headerElement!: ElementRef;
}
diff --git a/src/app/shared/components/checkbox/checkbox.component.html b/src/app/shared/components/checkbox/checkbox.component.html
new file mode 100644
index 0000000..69f6f69
--- /dev/null
+++ b/src/app/shared/components/checkbox/checkbox.component.html
@@ -0,0 +1,21 @@
+"{{ content }}"
-
-
+
+
{{ content }}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/shared/components/checkbox/checkbox.component.scss b/src/app/shared/components/checkbox/checkbox.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/shared/components/checkbox/checkbox.component.ts b/src/app/shared/components/checkbox/checkbox.component.ts
new file mode 100644
index 0000000..2bd654f
--- /dev/null
+++ b/src/app/shared/components/checkbox/checkbox.component.ts
@@ -0,0 +1,34 @@
+import { Component, inject, Input, OnInit } from "@angular/core";
+import { AbstractControl, ControlContainer, FormGroup } from "@angular/forms";
+
+@Component({
+ selector: "shared-checkbox",
+ templateUrl: "./checkbox.component.html",
+ styleUrl: "./checkbox.component.scss",
+ viewProviders: [
+ {
+ provide: ControlContainer,
+ useFactory: () => inject(ControlContainer, { skipSelf: true }),
+ },
+ ],
+ standalone: false
+})
+export class CheckboxComponent implements OnInit {
+ @Input() required: boolean = false;
+ @Input({ required: true }) key!: string;
+
+ formGroup?: FormGroup;
+
+ constructor(private controlContainer: ControlContainer) {
+ }
+
+ ngOnInit(): void {
+ this.formGroup = this.controlContainer.control as FormGroup;
+ }
+
+ change() {
+ let formControl = this.formGroup!.controls[this.key];
+ formControl.setValue(!formControl.value);
+ console.log(formControl.value);
+ }
+}
diff --git a/src/app/shared/components/display/display.component.html b/src/app/shared/components/display/display.component.html
new file mode 100644
index 0000000..3614ac5
--- /dev/null
+++ b/src/app/shared/components/display/display.component.html
@@ -0,0 +1,3 @@
+
+ {{ label | translate }}
+
\ No newline at end of file
diff --git a/src/app/shared/components/display/display.component.scss b/src/app/shared/components/display/display.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/shared/components/display/display.component.ts b/src/app/shared/components/display/display.component.ts
new file mode 100644
index 0000000..54d1acf
--- /dev/null
+++ b/src/app/shared/components/display/display.component.ts
@@ -0,0 +1,11 @@
+import { Component, Input } from "@angular/core";
+
+@Component({
+ selector: "shared-display",
+ templateUrl: "./display.component.html",
+ styleUrl: "./display.component.scss",
+ standalone: false
+})
+export class DisplayComponent {
+ @Input({ required: true }) label!: string;
+}
diff --git a/src/app/shared/components/form/form.component.html b/src/app/shared/components/form/form.component.html
deleted file mode 100644
index f500cd5..0000000
--- a/src/app/shared/components/form/form.component.html
+++ /dev/null
@@ -1,21 +0,0 @@
-
- {{ caption }}
-
-
-
-
diff --git a/src/app/shared/components/form/form.component.ts b/src/app/shared/components/form/form.component.ts
deleted file mode 100644
index 7a0e704..0000000
--- a/src/app/shared/components/form/form.component.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-
-@Component({
- selector: 'shared-form',
- templateUrl: './form.component.html',
- styleUrls: ['./form.component.scss']
-})
-export class FormComponent {
- @Output() submit = new EventEmitter
-
-
-
-
-
-
+
\ No newline at end of file
diff --git a/src/app/shared/components/group/group.component.scss b/src/app/shared/components/group/group.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/shared/components/group/group.component.ts b/src/app/shared/components/group/group.component.ts
new file mode 100644
index 0000000..c2a6a49
--- /dev/null
+++ b/src/app/shared/components/group/group.component.ts
@@ -0,0 +1,16 @@
+import { Component, Input } from "@angular/core";
+
+@Component({
+ selector: "shared-group",
+ templateUrl: "./group.component.html",
+ styleUrls: ["./group.component.scss"],
+ standalone: false
+})
+export class GroupComponent {
+ @Input({ required: true }) label!: string;
+ @Input() size: "large"|"medium";
+
+ constructor() {
+ this.size = "large";
+ }
+}
diff --git a/src/app/shared/components/input/input.component.html b/src/app/shared/components/input/input.component.html
new file mode 100644
index 0000000..693cff2
--- /dev/null
+++ b/src/app/shared/components/input/input.component.html
@@ -0,0 +1,17 @@
+
+
+
+
\ No newline at end of file
diff --git a/src/app/shared/components/input/input.component.scss b/src/app/shared/components/input/input.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/shared/components/input/input.component.ts b/src/app/shared/components/input/input.component.ts
new file mode 100644
index 0000000..f94d8ad
--- /dev/null
+++ b/src/app/shared/components/input/input.component.ts
@@ -0,0 +1,21 @@
+import { Component, inject, Input } from "@angular/core";
+import { ControlContainer, FormGroup } from "@angular/forms";
+
+@Component({
+ selector: "shared-input",
+ templateUrl: "./input.component.html",
+ styleUrl: "./input.component.scss",
+ viewProviders: [
+ {
+ provide: ControlContainer,
+ useFactory: () => inject(ControlContainer, { skipSelf: true }),
+ },
+ ],
+ standalone: false
+})
+export class InputComponent {
+ @Input() placeholder: string = "";
+ @Input() required: boolean = false;
+ @Input({ required: true }) inputType!: string;
+ @Input({ required: true }) key!: string;
+}
diff --git a/src/app/shared/components/label/label.component.html b/src/app/shared/components/label/label.component.html
new file mode 100644
index 0000000..40d0c64
--- /dev/null
+++ b/src/app/shared/components/label/label.component.html
@@ -0,0 +1,5 @@
+
diff --git a/src/app/shared/components/label/label.component.scss b/src/app/shared/components/label/label.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/shared/components/label/label.component.ts b/src/app/shared/components/label/label.component.ts
new file mode 100644
index 0000000..1a70d3b
--- /dev/null
+++ b/src/app/shared/components/label/label.component.ts
@@ -0,0 +1,19 @@
+import { Component, inject, Input } from "@angular/core";
+import { ControlContainer, FormGroup } from "@angular/forms";
+
+@Component({
+ selector: "shared-label",
+ templateUrl: "./label.component.html",
+ styleUrl: "./label.component.scss",
+ viewProviders: [
+ {
+ provide: ControlContainer,
+ useFactory: () => inject(ControlContainer, { skipSelf: true }),
+ },
+ ],
+ standalone: false
+})
+export class LabelComponent {
+ @Input({required:true}) label!: string;
+ @Input({ required: true }) for!: string;
+}
diff --git a/src/app/shared/components/modal/modal.component.html b/src/app/shared/components/modal/modal.component.html
new file mode 100644
index 0000000..104294a
--- /dev/null
+++ b/src/app/shared/components/modal/modal.component.html
@@ -0,0 +1,10 @@
+
+
+
+
+
+ + {{ label | translate }} +
+
+
+ + {{ label | translate }} +
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/shared/components/modal/modal.component.scss b/src/app/shared/components/modal/modal.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/shared/components/modal/modal.component.ts b/src/app/shared/components/modal/modal.component.ts
new file mode 100644
index 0000000..f8d3a37
--- /dev/null
+++ b/src/app/shared/components/modal/modal.component.ts
@@ -0,0 +1,11 @@
+import { Component, ContentChild, ElementRef, Input } from "@angular/core";
+
+@Component({
+ selector: "shared-modal",
+ templateUrl: "./modal.component.html",
+ styleUrls: ["./modal.component.scss"],
+ standalone: false
+})
+export class ModalComponent {
+ @Input({required: true}) label!: string;
+}
diff --git a/src/app/shared/components/paginator/paginator.component.html b/src/app/shared/components/paginator/paginator.component.html
index 8961ffe..9e28dc1 100644
--- a/src/app/shared/components/paginator/paginator.component.html
+++ b/src/app/shared/components/paginator/paginator.component.html
@@ -1,9 +1,9 @@
-
+
+
+