+
diff --git a/angular/src/app/_components/filter-bar/filter-bar.component.scss b/angular/src/app/_components/filter-bar/filter-bar.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/angular/src/app/_components/filter-bar/filter-bar.component.spec.ts b/angular/src/app/_components/filter-bar/filter-bar.component.spec.ts
new file mode 100644
index 0000000..aac1ab3
--- /dev/null
+++ b/angular/src/app/_components/filter-bar/filter-bar.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FilterBarComponent } from './filter-bar.component';
+
+describe('FilterBarComponent', () => {
+ let component: FilterBarComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/angular/src/app/_components/layout/two-column/two-column.component.scss b/angular/src/app/_components/layout/two-column/two-column.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/angular/src/app/_components/layout/two-column/two-column.component.spec.ts b/angular/src/app/_components/layout/two-column/two-column.component.spec.ts
new file mode 100644
index 0000000..713cb97
--- /dev/null
+++ b/angular/src/app/_components/layout/two-column/two-column.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TwoColumnComponent } from './two-column.component';
+
+describe('TwoColumnComponent', () => {
+ let component: TwoColumnComponent;
+ let fixture: ComponentFixture
+
+
+
+ < {{'basic.back' | translate}}
+ 
{{ user.firstName }} {{ user.lastName }}
+
diff --git a/angular/src/app/_components/linked-label/linked-label.component.scss b/angular/src/app/_components/linked-label/linked-label.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/angular/src/app/_components/linked-label/linked-label.component.spec.ts b/angular/src/app/_components/linked-label/linked-label.component.spec.ts
new file mode 100644
index 0000000..5c4f982
--- /dev/null
+++ b/angular/src/app/_components/linked-label/linked-label.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LinkedLabelComponent } from './linked-label.component';
+
+describe('LinkedLabelComponent', () => {
+ let component: LinkedLabelComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+| + {{ column.text | translate }} + | ++ {{ column.text | translate }} + | +
+ |
+
|---|
'; + if (element[field.zip] !== undefined && element[field.zip] !== null) { + addressString += `${element[field.zip].trim()} `; + } + if (element[field.city] !== undefined && element[field.city] !== null) { + addressString += `${element[field.city].trim()}`; + } + addressString += '
'; + + if (element[field.country] !== undefined && element[field.country] !== null) { + addressString += `${element[field.country].trim()}`; + } + return addressString; + } + return element; + } + + getElementImage(element: any, column: ListColDefinition): any { + let elementValue = this.getElementValue(element, column); + if (elementValue !== undefined && elementValue !== null) { + return elementValue; + } + return "/assets/images/icons/dummy-product.png" + } + + + getColCssClass(column: ListColDefinition): string { + switch (column.type) { + case ListComponent.COLUMN_TYPE_DETAIL: + return "spt-button-td"; + case ListComponent.COLUMN_TYPE_BTN_REMOVE: + return "spt-button-td text-end"; + case ListComponent.COLUMN_TYPE_TEXT: + return "spt-version-td"; + default: + return ""; + } + } + + public getPageIndex() { + return this.pagingComponent.getPageIndex(); + } + + public getPageSize() { + return this.pagingComponent.getPageSize(); + } + + public static getDefaultColDetailBtn(): ListColDefinition { + return { + name: 'detail', + text: '', + type: ListComponent.COLUMN_TYPE_DETAIL + } as ListColDefinition; + } + + public static getDefaultColDetailBtnLink(currentUrl: string): ListColDefinition { + return { + name: 'detaillink', + text: '', + url: currentUrl, + type: ListComponent.COLUMN_TYPE_DETAIL_LINK + } as ListColDefinition; + } + + public static getDefaultColPosition(): ListColDefinition { + return { + name: 'pos', + text: 'overview.number', + type: ListComponent.COLUMN_TYPE_POSITION + } as ListColDefinition; + } + + public getSortingJsonString(): any + { + return JSON.stringify(this.sortObj); + } + + public updateBooleanState = (element: any, index: number, column: ListColDefinition) => { + if (this.onUpdateBooleanStateFunction === undefined) { + throw new Error('no onUpdateBooleanStateFunction given'); + } + if (column.field !== undefined) { + element[column.field] = !element[column.field]; + } else { + throw new Error('column.field is undefined'); + } + this.onUpdateBooleanStateFunction(element).subscribe( + data => { + this.updateRow(data, index); + } + ) + } + + public updateRow(element: any, index: number) { + const data = this.dataSource.data as any; + data[index] = element; + this.dataSource.data = data; + } + + public onFilterInit(filterData: {filters: any, activeCount: number}) { + this.filterObj = filterData.filters; + this.activeFilterCount = filterData.activeCount; + } + + public onFilterChanged(filterData: {filters: any, activeCount: number}) { + console.log(filterData); + const filterJson = JSON.stringify(filterData.filters); + const currentFilterJson = JSON.stringify(this.filterObj); + + if (filterJson !== currentFilterJson) { + this.filterObj = filterData.filters; + this.activeFilterCount = filterData.activeCount; + this.getData(); + } + } + + public getFilterJsonString(): any + { + return JSON.stringify(this.filterObj); + } + + get COLUMN_TYPE_ADDRESS(): string { + return ListComponent.COLUMN_TYPE_ADDRESS; + } + + get COLUMN_TYPE_BOOLEAN(): string { + return ListComponent.COLUMN_TYPE_BOOLEAN; + } + + get COLUMN_TYPE_BTN_DOWNLOAD(): string { + return ListComponent.COLUMN_TYPE_BTN_DOWNLOAD; + } + + get COLUMN_TYPE_BTN_EDIT(): string { + return ListComponent.COLUMN_TYPE_BTN_EDIT; + } + + get COLUMN_TYPE_BTN_REMOVE(): string { + return ListComponent.COLUMN_TYPE_BTN_REMOVE; + } + + get COLUMN_TYPE_CURRENCY(): string { + return ListComponent.COLUMN_TYPE_CURRENCY; + } + + get COLUMN_TYPE_DATE(): string { + return ListComponent.COLUMN_TYPE_DATE; + } + + get COLUMN_TYPE_DETAIL(): string { + return ListComponent.COLUMN_TYPE_DETAIL; + } + + get COLUMN_TYPE_DETAIL_LINK(): string { + return ListComponent.COLUMN_TYPE_DETAIL_LINK; + } + + get COLUMN_TYPE_EMAIL(): string { + return ListComponent.COLUMN_TYPE_EMAIL; + } + + get COLUMN_TYPE_POSITION(): string { + return ListComponent.COLUMN_TYPE_POSITION; + } + + get COLUMN_TYPE_IMAGE(): string { + return ListComponent.COLUMN_TYPE_IMAGE; + } + + get COLUMN_TYPE_COMBINED_IMAGES(): string { + return ListComponent.COLUMN_TYPE_COMBINED_IMAGES; + } + + get COLUMN_TYPE_TEXT(): string { + return ListComponent.COLUMN_TYPE_TEXT; + } + + get COLUMN_TYPE_NUMBER(): string { + return ListComponent.COLUMN_TYPE_NUMBER; + } + + get COLUMN_TYPE_NUMBER_UNFORMATTED(): string { + return ListComponent.COLUMN_TYPE_NUMBER_UNFORMATTED; + } + + get COLUMN_TYPE_NUMBER_BOLD(): string { + return ListComponent.COLUMN_TYPE_NUMBER_BOLD; + } + + get COLUMN_TYPE_TEXT_BOLD(): string { + return ListComponent.COLUMN_TYPE_TEXT_BOLD; + } + + get COLUMN_TYPE_TEXT_LINKED(): string { + return ListComponent.COLUMN_TYPE_TEXT_LINKED; + } + + get COLUMN_TYPE_WEBSITE(): string { + return ListComponent.COLUMN_TYPE_WEBSITE; + } + + ngOnDestroy(): void { + this.clearAutoRefresh(); + } +} \ No newline at end of file diff --git a/angular/src/app/_components/paging/paging.component.html b/angular/src/app/_components/paging/paging.component.html new file mode 100644 index 0000000..0602474 --- /dev/null +++ b/angular/src/app/_components/paging/paging.component.html @@ -0,0 +1,52 @@ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{{'form.no_data' | translate}}
+
+
+
+
diff --git a/angular/src/app/_components/paging/paging.component.scss b/angular/src/app/_components/paging/paging.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/angular/src/app/_components/paging/paging.component.spec.ts b/angular/src/app/_components/paging/paging.component.spec.ts
new file mode 100644
index 0000000..f7c8e7d
--- /dev/null
+++ b/angular/src/app/_components/paging/paging.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PagingComponent } from './paging.component';
+
+describe('ListComponent', () => {
+ let component: PagingComponent;
+ let fixture: ComponentFixture
+
diff --git a/angular/src/app/_components/search-select/search-select.component.scss b/angular/src/app/_components/search-select/search-select.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/angular/src/app/_components/search-select/search-select.component.spec.ts b/angular/src/app/_components/search-select/search-select.component.spec.ts
new file mode 100644
index 0000000..78691b5
--- /dev/null
+++ b/angular/src/app/_components/search-select/search-select.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SearchSelectComponent } from './search-select.component';
+
+describe('SearchSelectComponent', () => {
+ let component: SearchSelectComponent;
+ let fixture: ComponentFixture
+
+
+
+ {{ 'basic.pleaseChoose' | translate }}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/angular/src/app/_components/toggle/toggle.component.scss b/angular/src/app/_components/toggle/toggle.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/angular/src/app/_components/toggle/toggle.component.spec.ts b/angular/src/app/_components/toggle/toggle.component.spec.ts
new file mode 100644
index 0000000..d11a5b2
--- /dev/null
+++ b/angular/src/app/_components/toggle/toggle.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ToggleComponent } from './toggle.component';
+
+describe('ToggleComponent', () => {
+ let component: ToggleComponent;
+ let fixture: ComponentFixture
+
+ {{headline | translate}} ( {{ activeFilterCount }} )
+
+
+')); + } + return false; + } + + public getModalOptions(): NgbModalOptions { + return {centered: true} as NgbModalOptions; + } + + public openModal(component: any, data: any, callback?: (callbackParam?: any) => void, callbackParam?: any): Promise
+
diff --git a/angular/src/app/_views/account/layout.component.ts b/angular/src/app/_views/account/layout.component.ts
new file mode 100644
index 0000000..f94aaf8
--- /dev/null
+++ b/angular/src/app/_views/account/layout.component.ts
@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+import { Router } from '@angular/router';
+
+import { AccountService } from '@app/_services';
+
+@Component({ templateUrl: 'layout.component.html' })
+export class LayoutComponent {
+ constructor(
+ private router: Router,
+ private accountService: AccountService
+ ) {
+ // redirect to home if already logged in
+ if (this.accountService.userValue) {
+ this.router.navigate(['/']);
+ }
+ }
+}
\ No newline at end of file
diff --git a/angular/src/app/_views/account/login.component.html b/angular/src/app/_views/account/login.component.html
new file mode 100644
index 0000000..fb13da6
--- /dev/null
+++ b/angular/src/app/_views/account/login.component.html
@@ -0,0 +1,28 @@
+
+
diff --git a/angular/src/app/_views/account/login.component.ts b/angular/src/app/_views/account/login.component.ts
new file mode 100644
index 0000000..8f5a526
--- /dev/null
+++ b/angular/src/app/_views/account/login.component.ts
@@ -0,0 +1,58 @@
+import { Component, OnInit } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { first } from 'rxjs/operators';
+
+import { AccountService, AlertService } from '@app/_services';
+
+@Component({ templateUrl: 'login.component.html' })
+export class LoginComponent implements OnInit {
+ form!: FormGroup;
+ loading = false;
+ submitted = false;
+
+ constructor(
+ private formBuilder: FormBuilder,
+ private route: ActivatedRoute,
+ private router: Router,
+ private accountService: AccountService,
+ private alertService: AlertService
+ ) { }
+
+ ngOnInit() {
+ this.form = this.formBuilder.group({
+ username: ['', Validators.required],
+ password: ['', Validators.required]
+ });
+ }
+
+ // convenience getter for easy access to form fields
+ get f() { return this.form.controls; }
+
+ onSubmit() {
+ this.submitted = true;
+
+ // reset alerts on submit
+ this.alertService.clear();
+
+ // stop here if form is invalid
+ if (this.form.invalid) {
+ return;
+ }
+
+ this.loading = true;
+ this.accountService.login(this.f['username'].value, this.f['password'].value)
+ .pipe(first())
+ .subscribe({
+ next: () => {
+ // get return url from query parameters or default to home page
+ const returnUrl = this.route.snapshot.queryParams['returnUrl'] || '/';
+ this.router.navigateByUrl(returnUrl);
+ },
+ error: error => {
+ this.alertService.error(error);
+ this.loading = false;
+ }
+ });
+ }
+}
diff --git a/angular/src/app/_views/account/register.component.html b/angular/src/app/_views/account/register.component.html
new file mode 100644
index 0000000..3c31d7b
--- /dev/null
+++ b/angular/src/app/_views/account/register.component.html
@@ -0,0 +1,43 @@
+Login
+
+
+
+
+
diff --git a/angular/src/app/_views/account/register.component.ts b/angular/src/app/_views/account/register.component.ts
new file mode 100644
index 0000000..1b24209
--- /dev/null
+++ b/angular/src/app/_views/account/register.component.ts
@@ -0,0 +1,59 @@
+import { Component, OnInit } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { first } from 'rxjs/operators';
+
+import { AccountService, AlertService } from '@app/_services';
+
+@Component({ templateUrl: 'register.component.html' })
+export class RegisterComponent implements OnInit {
+ form!: FormGroup;
+ loading = false;
+ submitted = false;
+
+ constructor(
+ private formBuilder: FormBuilder,
+ private route: ActivatedRoute,
+ private router: Router,
+ private accountService: AccountService,
+ private alertService: AlertService
+ ) { }
+
+ ngOnInit() {
+ this.form = this.formBuilder.group({
+ firstName: ['', Validators.required],
+ lastName: ['', Validators.required],
+ username: ['', Validators.required],
+ password: ['', [Validators.required, Validators.minLength(6)]]
+ });
+ }
+
+ // convenience getter for easy access to form fields
+ get f() { return this.form.controls; }
+
+ onSubmit() {
+ this.submitted = true;
+
+ // reset alerts on submit
+ this.alertService.clear();
+
+ // stop here if form is invalid
+ if (this.form.invalid) {
+ return;
+ }
+
+ this.loading = true;
+ this.accountService.register(this.form.value)
+ .pipe(first())
+ .subscribe({
+ next: () => {
+ this.alertService.success('Registration successful', { keepAfterRouteChange: true });
+ this.router.navigate(['../login'], { relativeTo: this.route });
+ },
+ error: error => {
+ this.alertService.error(error);
+ this.loading = false;
+ }
+ });
+ }
+}
\ No newline at end of file
diff --git a/angular/src/app/_views/dashboard/dashboard.component.html b/angular/src/app/_views/dashboard/dashboard.component.html
new file mode 100644
index 0000000..3400001
--- /dev/null
+++ b/angular/src/app/_views/dashboard/dashboard.component.html
@@ -0,0 +1,13 @@
+Register
+
+
+
+
+
+
+ OVERVIEW
+
+
+ OVERVIEW 2
+
+
+
diff --git a/angular/src/app/_views/dashboard/dashboard.component.scss b/angular/src/app/_views/dashboard/dashboard.component.scss
new file mode 100644
index 0000000..10a0256
--- /dev/null
+++ b/angular/src/app/_views/dashboard/dashboard.component.scss
@@ -0,0 +1,5 @@
+pre {
+ white-space: pre-wrap; /* Erlaubt Zeilenumbrüche */
+ word-wrap: break-word; /* Bricht lange Wörter um */
+ overflow-wrap: break-word; /* Sicherstellt, dass Wörter, die zu lang sind, auch umgebrochen werden */
+}
\ No newline at end of file
diff --git a/angular/src/app/_views/dashboard/dashboard.component.spec.ts b/angular/src/app/_views/dashboard/dashboard.component.spec.ts
new file mode 100644
index 0000000..0571781
--- /dev/null
+++ b/angular/src/app/_views/dashboard/dashboard.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DashboardComponent } from './dashboard.component';
+
+describe('DashboardComponent', () => {
+ let component: DashboardComponent;
+ let fixture: ComponentFixture
+
+ {{ 'dashboard.view' | translate }}
+
+
diff --git a/angular/src/app/_views/home/home.component.scss b/angular/src/app/_views/home/home.component.scss
new file mode 100644
index 0000000..f9cb343
--- /dev/null
+++ b/angular/src/app/_views/home/home.component.scss
@@ -0,0 +1,92 @@
+.home-container {
+ max-width: 1100px;
+ margin-left: auto;
+ margin-right: auto;
+}
+.spt-home-cards {
+ .card {
+ width: 100%;
+ text-decoration: none;
+ border-top: 3px solid #c1c1c1;
+ }
+ .card-body {
+ min-height: 200px;
+ text-transform: uppercase;
+ text-align: right;
+ &:after {
+ content: ">";
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ background: rgba(229,38,30,1);
+ width: 40px;
+ height: 40px;
+ color: #fff;
+ font-family: Helvetica;
+ font-size: 20px;
+ line-height: 40px;
+ text-align: center;
+ }
+ &:before {
+ content: "";
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%,-50%);
+ width: 95px;
+ height: 95px;
+ border: 2px solid #2b3b44;
+ border-radius: 50%;
+ }
+ &[data-cat="customer"]:before {
+ background: transparent url("/assets/images/icons/customer.svg") no-repeat center center;
+ background-size: 50% auto;
+ }
+ &[data-cat="supplier"]:before {
+ background: transparent url("/assets/images/icons/supplier.svg") no-repeat center center;
+ background-size: 50% auto;
+ }
+ &[data-cat="service"]:before {
+ background: transparent url("/assets/images/icons/service.svg") no-repeat center center;
+ background-size: 50% auto;
+ }
+ &[data-cat="product"]:before {
+ background: transparent url("/assets/images/icons/product.svg") no-repeat center center;
+ background-size: 50% auto;
+ }
+ &[data-cat="task"]:before {
+ background: transparent url("/assets/images/icons/task.svg") no-repeat center center;
+ background-size: 50% auto;
+ }
+ &[data-cat="document"]:before {
+ background: transparent url("/assets/images/icons/document.svg") no-repeat center center;
+ background-size: 50% auto;
+ }
+ &[data-cat="sale"]:before {
+ background: transparent url("/assets/images/icons/sale.svg") no-repeat center center;
+ background-size: 50% auto;
+ }
+ &[data-cat="profile"]:before {
+ background: transparent url("/assets/images/icons/profile.svg") no-repeat center center;
+ background-size: 50% auto;
+ }
+ &[data-cat="user"]:before {
+ background: transparent url("/assets/images/icons/user.svg") no-repeat center center;
+ background-size: 50% auto;
+ }
+
+ //&.bi {
+ // &:before {
+ // position: absolute;
+ // left: 50%;
+ // top: 50%;
+ // transform: translate(-50%,-50%);
+ // font-size: 50px;
+ // }
+ //}
+ h3 {
+ left: 30px;
+ bottom: 10px;
+ }
+ }
+}
\ No newline at end of file
diff --git a/angular/src/app/_views/home/home.component.ts b/angular/src/app/_views/home/home.component.ts
new file mode 100644
index 0000000..f42e9ab
--- /dev/null
+++ b/angular/src/app/_views/home/home.component.ts
@@ -0,0 +1,27 @@
+import {AfterViewInit, Component, OnInit} from '@angular/core';
+
+import {User} from '@app/_models';
+import {AccountService} from '@app/_services';
+import {AppHelperService} from "@app/_helpers/app-helper.service";
+
+@Component({
+ templateUrl: 'home.component.html',
+ styleUrl: 'home.component.scss'
+})
+export class HomeComponent implements OnInit, AfterViewInit {
+
+ protected user: User | null;
+
+ constructor(
+ private accountService: AccountService,
+ protected appHelperService: AppHelperService
+ ) {
+ this.user = this.accountService.userValue;
+ }
+
+ ngOnInit(): void {
+ }
+
+ ngAfterViewInit() {
+ }
+}
diff --git a/angular/src/app/_views/home/index.ts b/angular/src/app/_views/home/index.ts
new file mode 100644
index 0000000..1c212fb
--- /dev/null
+++ b/angular/src/app/_views/home/index.ts
@@ -0,0 +1 @@
+export * from './home.component';
\ No newline at end of file
diff --git a/angular/src/app/_views/profile/profile.component.html b/angular/src/app/_views/profile/profile.component.html
new file mode 100644
index 0000000..3846160
--- /dev/null
+++ b/angular/src/app/_views/profile/profile.component.html
@@ -0,0 +1,3 @@
+
+
+
+
+
+ {{ 'user.hello' | translate }} {{ user?.firstName }}!
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/angular/src/app/_views/user/user-detail/user-detail.component.scss b/angular/src/app/_views/user/user-detail/user-detail.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/angular/src/app/_views/user/user-detail/user-detail.component.spec.ts b/angular/src/app/_views/user/user-detail/user-detail.component.spec.ts
new file mode 100644
index 0000000..80a4877
--- /dev/null
+++ b/angular/src/app/_views/user/user-detail/user-detail.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { UserDetailComponent } from './user-detail.component';
+
+describe('UserDetailComponent', () => {
+ let component: UserDetailComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
+ {{ user.firstName }} {{ user.lastName }}
+-
+
- {{ ('user.email' | translate) }} +
- {{ user.email }} +
+
+
+
+
+
+
diff --git a/angular/src/app/_views/user/user-list/user-list.component.scss b/angular/src/app/_views/user/user-list/user-list.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/angular/src/app/_views/user/user-list/user-list.component.spec.ts b/angular/src/app/_views/user/user-list/user-list.component.spec.ts
new file mode 100644
index 0000000..c2d437e
--- /dev/null
+++ b/angular/src/app/_views/user/user-list/user-list.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { UserListComponent } from './user-list.component';
+
+describe('UserListComponent', () => {
+ let component: UserListComponent;
+ let fixture: ComponentFixture
+
diff --git a/angular/src/app/_views/user/users.component.scss b/angular/src/app/_views/user/users.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/angular/src/app/_views/user/users.component.spec.ts b/angular/src/app/_views/user/users.component.spec.ts
new file mode 100644
index 0000000..fd55374
--- /dev/null
+++ b/angular/src/app/_views/user/users.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { UsersComponent } from './users.component';
+
+describe('UserComponent', () => {
+ let component: UsersComponent;
+ let fixture: ComponentFixture
+
+ {{ 'basic.users' | translate }}
+
+
+
+
+
\ No newline at end of file
diff --git a/angular/src/app/app.component.scss b/angular/src/app/app.component.scss
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/angular/src/app/app.component.scss
@@ -0,0 +1 @@
+
diff --git a/angular/src/app/app.component.ts b/angular/src/app/app.component.ts
new file mode 100644
index 0000000..6729ef5
--- /dev/null
+++ b/angular/src/app/app.component.ts
@@ -0,0 +1,105 @@
+import {ChangeDetectorRef, Component, Inject, OnInit, Renderer2} from '@angular/core';
+import {AccountService} from './_services';
+import {User} from './_models';
+import {TranslateService} from "@ngx-translate/core";
+import {environment} from "@environments/environment";
+import {Subscription} from "rxjs";
+import {LoadingService} from "@app/_services/loading.service";
+import {DOCUMENT} from "@angular/common";
+
+@Component({
+ selector: 'app-root',
+ templateUrl: 'app.component.html',
+ styleUrl: 'app.component.scss'
+})
+export class AppComponent implements OnInit {
+ protected readonly environment = environment;
+ protected user?: User | null;
+ protected loadingSub: Subscription;
+ protected loading: boolean = false;
+ protected isLeftHanded = false;
+ protected isDarkMode = false;
+
+ constructor(
+ private accountService: AccountService,
+ private translate: TranslateService,
+ private loadingService: LoadingService,
+ private cdr: ChangeDetectorRef,
+ private renderer: Renderer2,
+ @Inject(DOCUMENT) private document: Document
+ ) {
+ translate.setDefaultLang('en');
+ translate.use('en');
+ this.accountService.user.subscribe(x => this.user = x);
+ this.loadingSub = new Subscription();
+ this.isLeftHanded = localStorage.getItem('isLeftHanded') === 'true';
+ this.isDarkMode = localStorage.getItem('isDarkMode') === 'true';
+ this.updateLeftHandedState();
+ this.updateDarkModeState();
+ }
+
+ ngOnInit(): void {
+ this.loadingSub = this.loadingService.getLoading().subscribe(
+ loading => {
+ this.loading = loading;
+ // To avoid Error: NG0100
+ this.cdr.detectChanges();
+ }
+ );
+ }
+
+ logout() {
+ this.accountService.logout();
+ }
+
+ // TODO: Hilfsfunktion - entfernen
+ copyTokenToClipboard() {
+ const el = document.createElement('textarea');
+ el.value = this.user?.token !== undefined ? this.user.token : "";
+ document.body.appendChild(el);
+ el.select();
+ document.execCommand('copy');
+ document.body.removeChild(el);
+ }
+
+ // For our left handed friends
+ leftHanded() {
+ this.isLeftHanded = !this.isLeftHanded;
+ this.updateLeftHandedState();
+ }
+
+ private updateLeftHandedState() {
+ if (this.isLeftHanded) {
+ this.renderer.addClass(this.document.body, 'left-handed');
+ } else {
+ this.renderer.removeClass(this.document.body, 'left-handed');
+ }
+
+ // Save the state to localStorage
+ localStorage.setItem('isLeftHanded', this.isLeftHanded.toString());
+ }
+
+ darkMode() {
+ this.isDarkMode = !this.isDarkMode;
+ this.updateDarkModeState();
+ }
+
+ private updateDarkModeState() {
+ if (this.isDarkMode) {
+ this.renderer.addClass(this.document.body, 'dark-mode');
+ } else {
+ this.renderer.removeClass(this.document.body, 'dark-mode');
+ }
+
+ // Save the state to localStorage
+ localStorage.setItem('isDarkMode', this.isDarkMode.toString());
+ }
+
+ get buttonClassLefties(): string {
+ return this.isLeftHanded ? 'btn-primary' : 'btn-secondary';
+ }
+
+ get buttonClassDarkMode(): string {
+ return this.isDarkMode ? 'btn-primary' : 'btn-secondary';
+ }
+}
diff --git a/angular/src/app/app.config.server.ts b/angular/src/app/app.config.server.ts
new file mode 100644
index 0000000..85967a6
--- /dev/null
+++ b/angular/src/app/app.config.server.ts
@@ -0,0 +1,10 @@
+import {mergeApplicationConfig, ApplicationConfig} from '@angular/core';
+import {appConfig} from './app.config';
+
+const serverConfig: ApplicationConfig = {
+ providers: [
+ // provideServerRendering()
+ ]
+};
+
+export const config = mergeApplicationConfig(appConfig, serverConfig);
diff --git a/angular/src/app/app.config.ts b/angular/src/app/app.config.ts
new file mode 100644
index 0000000..ae86af5
--- /dev/null
+++ b/angular/src/app/app.config.ts
@@ -0,0 +1,10 @@
+import {ApplicationConfig} from '@angular/core';
+import {provideRouter} from '@angular/router';
+
+import {routes} from './app.routes';
+import {provideClientHydration} from '@angular/platform-browser';
+import {provideAnimations} from '@angular/platform-browser/animations';
+
+export const appConfig: ApplicationConfig = {
+ providers: [provideRouter(routes), provideClientHydration(), provideAnimations()]
+};
diff --git a/angular/src/app/app.module.server.ts b/angular/src/app/app.module.server.ts
new file mode 100644
index 0000000..795380c
--- /dev/null
+++ b/angular/src/app/app.module.server.ts
@@ -0,0 +1,14 @@
+import { NgModule } from '@angular/core';
+import { ServerModule } from '@angular/platform-server';
+
+import { AppModule } from './app.module';
+import { AppComponent } from './app.component';
+
+@NgModule({
+ imports: [
+ AppModule,
+ ServerModule,
+ ],
+ bootstrap: [AppComponent],
+})
+export class AppServerModule {}
diff --git a/angular/src/app/app.module.ts b/angular/src/app/app.module.ts
new file mode 100644
index 0000000..12a234f
--- /dev/null
+++ b/angular/src/app/app.module.ts
@@ -0,0 +1,118 @@
+import {LOCALE_ID, NgModule} from '@angular/core';
+import {BrowserModule} from '@angular/platform-browser';
+import {FormsModule, ReactiveFormsModule} from '@angular/forms';
+import {HttpClientModule, HTTP_INTERCEPTORS, HttpClient} from '@angular/common/http';
+
+import {AppRoutingModule} from './app-routing.module';
+import {JwtInterceptor, ErrorInterceptor} from './_helpers';
+import {AppComponent} from './app.component';
+import {AlertComponent} from './_components';
+import {HomeComponent} from './_views/home';
+import {NgbModule} from "@ng-bootstrap/ng-bootstrap";
+
+import {environment} from "@environments/environment";
+import {MatCardModule} from "@angular/material/card";
+import {TranslateLoader, TranslateModule} from "@ngx-translate/core";
+import {TranslateHttpLoader} from "@ngx-translate/http-loader";
+import {NgOptimizedImage, registerLocaleData} from "@angular/common";
+import {BrowserAnimationsModule} from "@angular/platform-browser/animations";
+import {TwoColumnComponent} from "./_components/layout/two-column/two-column.component";
+import {PropertyInterceptor} from "@app/_helpers/property.interceptor";
+import {MatPaginatorModule} from "@angular/material/paginator";
+import {MatSortModule} from "@angular/material/sort";
+import {MatTableModule} from "@angular/material/table";
+import {MatOptionModule} from "@angular/material/core";
+import {MatAutocompleteModule} from "@angular/material/autocomplete";
+import {MatFormFieldModule} from "@angular/material/form-field";
+import {MatInputModule} from "@angular/material/input";
+import {ToggleComponent} from './_components/toggle/toggle.component';
+import {ProfileComponent} from './_views/profile/profile.component';
+import {ApiModule, Configuration, ConfigurationParameters} from "@app/core/api/v1";
+import {SearchInputComponent} from './_components/search-input/search-input.component';
+import {PagingComponent} from '@app/_components/paging/paging.component';
+import {UsersComponent} from './_views/user/users.component';
+import {UserDetailComponent} from './_views/user/user-detail/user-detail.component';
+import {UserListComponent} from './_views/user/user-list/user-list.component';
+import {LinkedLabelComponent} from './_components/linked-label/linked-label.component';
+import {LoadingInterceptor} from "@app/_helpers/loading-interceptor.service";
+import {SearchSelectComponent} from './_components/search-select/search-select.component';
+import {ListComponent} from './_components/list/list.component';
+import {MatTabsModule} from "@angular/material/tabs";
+import {DashboardComponent} from './_views/dashboard/dashboard.component';
+import localeDe from '@angular/common/locales/de';
+import { FilterBarComponent } from './_components/filter-bar/filter-bar.component';
+
+registerLocaleData(localeDe, 'de-DE');
+
+export function apiConfigFactory(): Configuration {
+ const params: ConfigurationParameters = {
+ basePath: environment.basePath,
+ withCredentials: false
+ };
+ return new Configuration(params);
+}
+
+// AoT requires an exported function for factories
+export function HttpLoaderFactory(http: HttpClient) {
+ return new TranslateHttpLoader(http);
+}
+
+@NgModule({
+ imports: [
+ ApiModule.forRoot(apiConfigFactory),
+ BrowserModule,
+ BrowserAnimationsModule,
+ TranslateModule.forRoot({
+ defaultLanguage: 'en',
+ loader: {
+ provide: TranslateLoader,
+ useFactory: HttpLoaderFactory,
+ deps: [HttpClient]
+ }
+ }),
+ ReactiveFormsModule,
+ HttpClientModule,
+ NgbModule,
+ AppRoutingModule,
+ MatCardModule,
+ NgOptimizedImage,
+ MatPaginatorModule,
+ MatSortModule,
+ MatTableModule,
+ MatOptionModule,
+ MatAutocompleteModule,
+ MatFormFieldModule,
+ MatInputModule,
+ MatTabsModule,
+ TranslateModule,
+ FormsModule,
+ ],
+ declarations: [
+ AppComponent,
+ AlertComponent,
+ HomeComponent,
+ TwoColumnComponent,
+ ToggleComponent,
+ ProfileComponent,
+ SearchInputComponent,
+ PagingComponent,
+ UsersComponent,
+ UserDetailComponent,
+ UserListComponent,
+ LinkedLabelComponent,
+ SearchSelectComponent,
+ ListComponent,
+ DashboardComponent,
+ FilterBarComponent,
+ ],
+ providers: [
+ {provide: HTTP_INTERCEPTORS, useClass: JwtInterceptor, multi: true},
+ {provide: HTTP_INTERCEPTORS, useClass: ErrorInterceptor, multi: true},
+ {provide: HTTP_INTERCEPTORS, useClass: PropertyInterceptor, multi: true},
+ {provide: HTTP_INTERCEPTORS, useClass: LoadingInterceptor, multi: true},
+ {provide: LOCALE_ID, useValue: 'de-DE'},
+ ],
+ bootstrap: [AppComponent]
+})
+export class AppModule {
+}
diff --git a/angular/src/app/app.routes.ts b/angular/src/app/app.routes.ts
new file mode 100644
index 0000000..dc39edb
--- /dev/null
+++ b/angular/src/app/app.routes.ts
@@ -0,0 +1,3 @@
+import { Routes } from '@angular/router';
+
+export const routes: Routes = [];
diff --git a/angular/src/app/core/api/v1/.gitignore b/angular/src/app/core/api/v1/.gitignore
new file mode 100644
index 0000000..149b576
--- /dev/null
+++ b/angular/src/app/core/api/v1/.gitignore
@@ -0,0 +1,4 @@
+wwwroot/*.js
+node_modules
+typings
+dist
diff --git a/angular/src/app/core/api/v1/.openapi-generator-ignore b/angular/src/app/core/api/v1/.openapi-generator-ignore
new file mode 100644
index 0000000..7484ee5
--- /dev/null
+++ b/angular/src/app/core/api/v1/.openapi-generator-ignore
@@ -0,0 +1,23 @@
+# OpenAPI Generator Ignore
+# Generated by openapi-generator https://github.com/openapitools/openapi-generator
+
+# Use this file to prevent files from being overwritten by the generator.
+# The patterns follow closely to .gitignore or .dockerignore.
+
+# As an example, the C# client generator defines ApiClient.cs.
+# You can make changes and tell OpenAPI Generator to ignore just this file by uncommenting the following line:
+#ApiClient.cs
+
+# You can match any string of characters against a directory, file or extension with a single asterisk (*):
+#foo/*/qux
+# The above matches foo/bar/qux and foo/baz/qux, but not foo/bar/baz/qux
+
+# You can recursively match patterns against a directory, file or extension with a double asterisk (**):
+#foo/**/qux
+# This matches foo/bar/qux, foo/baz/qux, and foo/bar/baz/qux
+
+# You can also negate patterns with an exclamation (!).
+# For example, you can ignore all files in a docs folder with the file extension .md:
+#docs/*.md
+# Then explicitly reverse the ignore rule for a single file:
+#!docs/README.md
diff --git a/angular/src/app/core/api/v1/.openapi-generator/FILES b/angular/src/app/core/api/v1/.openapi-generator/FILES
new file mode 100644
index 0000000..e0382e8
--- /dev/null
+++ b/angular/src/app/core/api/v1/.openapi-generator/FILES
@@ -0,0 +1,74 @@
+.gitignore
+README.md
+api.module.ts
+api/accountTradePileItem.service.ts
+api/api.ts
+api/candidate.service.ts
+api/candidateStat.service.ts
+api/candidateStockAccounts.service.ts
+api/config.service.ts
+api/gameAccount.service.ts
+api/logAccountCredit.service.ts
+api/logAccountProfit.service.ts
+api/logAccountSoldItem.service.ts
+api/logGeneral.service.ts
+api/logTotalProfit.service.ts
+api/loginCheck.service.ts
+api/mediaObject.service.ts
+api/modeConfig.service.ts
+api/player.service.ts
+api/rarity.service.ts
+api/systemStat.service.ts
+api/user.service.ts
+configuration.ts
+encoder.ts
+git_push.sh
+index.ts
+model/accountTradePileItem.ts
+model/accountTradePileItemJsonld.ts
+model/accountTradePileItemJsonldContext.ts
+model/accountTradePileItemJsonldContextOneOf.ts
+model/apiAccountTradePileItemsGetCollection200Response.ts
+model/apiAccountTradePileItemsGetCollection200ResponseHydraSearch.ts
+model/apiAccountTradePileItemsGetCollection200ResponseHydraSearchHydraMappingInner.ts
+model/apiAccountTradePileItemsGetCollection200ResponseHydraView.ts
+model/apiCandidateStatsGetCollection200Response.ts
+model/apiCandidatesGetCollection200Response.ts
+model/apiGameAccountsGetCollection200Response.ts
+model/apiLogAccountCreditsGetCollection200Response.ts
+model/apiLogAccountProfitsGetCollection200Response.ts
+model/apiLogAccountSoldItemsGetCollection200Response.ts
+model/apiLogGeneralsGetCollection200Response.ts
+model/apiLogTotalProfitsGetCollection200Response.ts
+model/apiMediaObjectsGetCollection200Response.ts
+model/apiPlayersGetCollection200Response.ts
+model/apiRaritiesGetCollection200Response.ts
+model/apiUsersGetCollection200Response.ts
+model/candidate.ts
+model/candidateJsonld.ts
+model/candidateStatJsonld.ts
+model/candidateStockAccountsJsonld.ts
+model/config.ts
+model/configJsonld.ts
+model/gameAccount.ts
+model/gameAccountJsonld.ts
+model/logAccountCreditJsonld.ts
+model/logAccountProfitJsonld.ts
+model/logAccountSoldItemJsonld.ts
+model/logGeneralJsonld.ts
+model/logTotalProfit.ts
+model/logTotalProfitJsonld.ts
+model/loginCheckPost200Response.ts
+model/loginCheckPostRequest.ts
+model/mediaObjectJsonldMediaObjectRead.ts
+model/modeConfig.ts
+model/modeConfigJsonld.ts
+model/models.ts
+model/player.ts
+model/playerJsonld.ts
+model/rarity.ts
+model/rarityJsonld.ts
+model/systemStatJsonld.ts
+model/userJsonld.ts
+param.ts
+variables.ts
diff --git a/angular/src/app/core/api/v1/.openapi-generator/VERSION b/angular/src/app/core/api/v1/.openapi-generator/VERSION
new file mode 100644
index 0000000..8b23b8d
--- /dev/null
+++ b/angular/src/app/core/api/v1/.openapi-generator/VERSION
@@ -0,0 +1 @@
+7.3.0
\ No newline at end of file
diff --git a/angular/src/app/core/api/v1/README.md b/angular/src/app/core/api/v1/README.md
new file mode 100644
index 0000000..de16f95
--- /dev/null
+++ b/angular/src/app/core/api/v1/README.md
@@ -0,0 +1,226 @@
+## @
+
+### Building
+
+To install the required dependencies and to build the typescript sources run:
+```
+npm install
+npm run build
+```
+
+### publishing
+
+First build the package then run ```npm publish dist``` (don't forget to specify the `dist` folder!)
+
+### consuming
+
+Navigate to the folder of your consuming project and run one of next commands.
+
+_published:_
+
+```
+npm install @ --save
+```
+
+_without publishing (not recommended):_
+
+```
+npm install PATH_TO_GENERATED_PACKAGE/dist.tgz --save
+```
+
+_It's important to take the tgz file, otherwise you'll get trouble with links on windows_
+
+_using `npm link`:_
+
+In PATH_TO_GENERATED_PACKAGE/dist:
+```
+npm link
+```
+
+In your project:
+```
+npm link
+```
+
+__Note for Windows users:__ The Angular CLI has troubles to use linked npm packages.
+Please refer to this issue https://github.com/angular/angular-cli/issues/8284 for a solution / workaround.
+Published packages are not effected by this issue.
+
+
+#### General usage
+
+In your Angular project:
+
+
+```
+// without configuring providers
+import { ApiModule } from '';
+import { HttpClientModule } from '@angular/common/http';
+
+@NgModule({
+ imports: [
+ ApiModule,
+ // make sure to import the HttpClientModule in the AppModule only,
+ // see https://github.com/angular/angular/issues/20575
+ HttpClientModule
+ ],
+ declarations: [ AppComponent ],
+ providers: [],
+ bootstrap: [ AppComponent ]
+})
+export class AppModule {}
+```
+
+```
+// configuring providers
+import { ApiModule, Configuration, ConfigurationParameters } from '';
+
+export function apiConfigFactory (): Configuration {
+ const params: ConfigurationParameters = {
+ // set configuration parameters here.
+ }
+ return new Configuration(params);
+}
+
+@NgModule({
+ imports: [ ApiModule.forRoot(apiConfigFactory) ],
+ declarations: [ AppComponent ],
+ providers: [],
+ bootstrap: [ AppComponent ]
+})
+export class AppModule {}
+```
+
+```
+// configuring providers with an authentication service that manages your access tokens
+import { ApiModule, Configuration } from '';
+
+@NgModule({
+ imports: [ ApiModule ],
+ declarations: [ AppComponent ],
+ providers: [
+ {
+ provide: Configuration,
+ useFactory: (authService: AuthService) => new Configuration(
+ {
+ basePath: environment.apiUrl,
+ accessToken: authService.getAccessToken.bind(authService)
+ }
+ ),
+ deps: [AuthService],
+ multi: false
+ }
+ ],
+ bootstrap: [ AppComponent ]
+})
+export class AppModule {}
+```
+
+```
+import { DefaultApi } from '';
+
+export class AppComponent {
+ constructor(private apiGateway: DefaultApi) { }
+}
+```
+
+Note: The ApiModule is restricted to being instantiated once app wide.
+This is to ensure that all services are treated as singletons.
+
+#### Using multiple OpenAPI files / APIs / ApiModules
+In order to use multiple `ApiModules` generated from different OpenAPI files,
+you can create an alias name when importing the modules
+in order to avoid naming conflicts:
+```
+import { ApiModule } from 'my-api-path';
+import { ApiModule as OtherApiModule } from 'my-other-api-path';
+import { HttpClientModule } from '@angular/common/http';
+
+@NgModule({
+ imports: [
+ ApiModule,
+ OtherApiModule,
+ // make sure to import the HttpClientModule in the AppModule only,
+ // see https://github.com/angular/angular/issues/20575
+ HttpClientModule
+ ]
+})
+export class AppModule {
+
+}
+```
+
+
+### Set service base path
+If different than the generated base path, during app bootstrap, you can provide the base path to your service.
+
+```
+import { BASE_PATH } from '';
+
+bootstrap(AppComponent, [
+ { provide: BASE_PATH, useValue: 'https://your-web-service.com' },
+]);
+```
+or
+
+```
+import { BASE_PATH } from '';
+
+@NgModule({
+ imports: [],
+ declarations: [ AppComponent ],
+ providers: [ provide: BASE_PATH, useValue: 'https://your-web-service.com' ],
+ bootstrap: [ AppComponent ]
+})
+export class AppModule {}
+```
+
+
+#### Using @angular/cli
+First extend your `src/environments/*.ts` files by adding the corresponding base path:
+
+```
+export const environment = {
+ production: false,
+ API_BASE_PATH: 'http://127.0.0.1:8080'
+};
+```
+
+In the src/app/app.module.ts:
+```
+import { BASE_PATH } from '';
+import { environment } from '../environments/environment';
+
+@NgModule({
+ declarations: [
+ AppComponent
+ ],
+ imports: [ ],
+ providers: [{ provide: BASE_PATH, useValue: environment.API_BASE_PATH }],
+ bootstrap: [ AppComponent ]
+})
+export class AppModule { }
+```
+
+### Customizing path parameter encoding
+
+Without further customization, only [path-parameters][parameter-locations-url] of [style][style-values-url] 'simple'
+and Dates for format 'date-time' are encoded correctly.
+
+Other styles (e.g. "matrix") are not that easy to encode
+and thus are best delegated to other libraries (e.g.: [@honoluluhenk/http-param-expander]).
+
+To implement your own parameter encoding (or call another library),
+pass an arrow-function or method-reference to the `encodeParam` property of the Configuration-object
+(see [General Usage](#general-usage) above).
+
+Example value for use in your Configuration-Provider:
+```typescript
+new Configuration({
+ encodeParam: (param: Param) => myFancyParamEncoder(param),
+})
+```
+
+[parameter-locations-url]: https://github.com/OAI/OpenAPI-Specification/blob/main/versions/3.1.0.md#parameter-locations
+[style-values-url]: https://github.com/OAI/OpenAPI-Specification/blob/main/versions/3.1.0.md#style-values
+[@honoluluhenk/http-param-expander]: https://www.npmjs.com/package/@honoluluhenk/http-param-expander
diff --git a/angular/src/app/core/api/v1/api.module.ts b/angular/src/app/core/api/v1/api.module.ts
new file mode 100644
index 0000000..58d341f
--- /dev/null
+++ b/angular/src/app/core/api/v1/api.module.ts
@@ -0,0 +1,30 @@
+import { NgModule, ModuleWithProviders, SkipSelf, Optional } from '@angular/core';
+import { Configuration } from './configuration';
+import { HttpClient } from '@angular/common/http';
+
+
+@NgModule({
+ imports: [],
+ declarations: [],
+ exports: [],
+ providers: []
+})
+export class ApiModule {
+ public static forRoot(configurationFactory: () => Configuration): ModuleWithProviders