thomas.nuyken/vegasco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

New Angular based web version #1

Closed
thomas.nuyken wants to merge 150 commits from main into ddd
pull from: main
merge into: thomas.nuyken:ddd
Conversation 0 Commits 150 Files Changed 165 +82 -80
1 changed files with 82 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 390241aa53 - Show all commits

162
src/Vegasco-Web/src/app/modules/entries/edit-entry/edit-entry.component.ts
View File

@@ -1,4 +1,4 @@
import { Component, computed, inject, Signal } from '@angular/core'; import { Component, computed, DestroyRef, inject, input, Signal } from '@angular/core';
import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop'; import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
import { FormBuilder, ReactiveFormsModule, Validators } from '@angular/forms'; import { FormBuilder, ReactiveFormsModule, Validators } from '@angular/forms';
import { Router } from '@angular/router'; import { Router } from '@angular/router';
@@ -14,8 +14,11 @@ import { InputTextModule } from 'primeng/inputtext';
import { MultiSelectModule } from 'primeng/multiselect'; import { MultiSelectModule } from 'primeng/multiselect';
import { SelectModule } from 'primeng/select'; import { SelectModule } from 'primeng/select';
import { SkeletonModule } from 'primeng/skeleton'; import { SkeletonModule } from 'primeng/skeleton';
import { map } from 'rxjs'; import { catchError, EMPTY, map, Observable, switchMap, tap, throwError } from 'rxjs';
import { RequiredMarkerComponent } from './components/required-marker.component'; import { RequiredMarkerComponent } from './components/required-marker.component';
import { ConsumptionClient } from '@vegasco-web/api/consumptions/consumption-client';
import { HttpErrorResponse } from '@angular/common/http';
import { MessageService } from 'primeng/api';
@Component({ @Component({
selector: 'app-edit-entry', selector: 'app-edit-entry',
@@ -40,14 +43,19 @@ import { RequiredMarkerComponent } from './components/required-marker.component'
export class EditEntryComponent { export class EditEntryComponent {
private readonly formBuilder = inject(FormBuilder); private readonly formBuilder = inject(FormBuilder);
private readonly carClient = inject(CarClient); private readonly carClient = inject(CarClient);
private readonly consumptionClient = inject(ConsumptionClient);
private readonly router = inject(Router); private readonly router = inject(Router);
private readonly destroyRef = inject(DestroyRef);
private readonly messageService = inject(MessageService);
protected readonly entryId = input<string | undefined>(undefined);
protected readonly formFieldNames = { protected readonly formFieldNames = {
car: 'car', car: 'car',
date: 'date', date: 'date',
mileage: 'mileage', mileage: 'mileage',
amount: 'amount', amount: 'amount',
} } as const;
protected readonly formGroup = this.formBuilder.group({ protected readonly formGroup = this.formBuilder.group({
[this.formFieldNames.car]: [<Car | null>null, Validators.required], [this.formFieldNames.car]: [<Car | null>null, Validators.required],
@@ -84,88 +92,82 @@ export class EditEntryComponent {
} }
onSubmit(): void { onSubmit(): void {
// if (!this.entryId) { var entryId = this.entryId();
// this.createEntry(); if (entryId === undefined || entryId === null) {
// return; this.createEntry();
// } return;
}
// this.updateEntry(); this.updateEntry(entryId);
}
private getFormData() {
var dateTime = new Date((this.formGroup.controls[this.formFieldNames.date].value ?? new Date).setHours(0, 0, 0, 0));
return {
carId: this.formGroup.controls[this.formFieldNames.car].value!.id,
dateTime: dateTime.toISOString(),
distance: this.formGroup.controls[this.formFieldNames.mileage].value!,
amount: this.formGroup.controls[this.formFieldNames.amount].value!,
ignoreInCalculation: false,
};
} }
createEntry() { createEntry() {
// this.api var request: CreateConsumptionEntry = this.getFormData();
// .createWeightEntry( this.consumptionClient.create(request)
// this.getWeighedAt(), .pipe(
// this.formGroup.controls['weight'].value, takeUntilDestroyed(this.destroyRef),
// this.formGroup.controls['comment'].value, catchError((error) => this.handleError(error)),
// this.formGroup.controls['rabbit'].value!.id, switchMap(() => this.router.navigateByUrl('/entries'))
// this.formGroup.controls['medicines'].value?.map((x) => x.id) ?? [], )
// ) .subscribe();
// .subscribe({
// next: (_) => {
// this.router.navigateByUrl('/weight-entries');
// },
// error: (error: HttpErrorResponse) => {
// switch (true) {
// case error.status >= 500 && error.status <= 599:
// this.messageService.add({
// severity: 'error',
// summary: 'Serverfehler',
// detail:
// 'Beim Erstellen des Eintrags ist ein Fehler aufgetreten. Bitte versuche es erneut.',
// });
// break;
// case error.status == 400:
// this.messageService.add({
// severity: 'error',
// summary: 'Clientfehler',
// detail:
// 'Die Anwendung scheint falsche Daten an den Server zu senden.',
// });
// break;
// default:
// break;
// }
// },
// });
} }
updateEntry() { updateEntry(id: string) {
// this.api var request: UpdateConsumptionEntry = this.getFormData();
// .updateWeightEntry( this.consumptionClient.update(id, request)
// this.entryId!, .pipe(
// this.getWeighedAt(), takeUntilDestroyed(this.destroyRef),
// this.formGroup.controls['weight'].value, catchError((error) => this.handleError(error)),
// this.formGroup.controls['comment'].value, switchMap(() => this.router.navigateByUrl('/entries'))
// this.formGroup.controls['rabbit'].value!.id, )
// this.formGroup.controls['medicines'].value?.map((x) => x.id) ?? [], .subscribe();
// ) }
// .subscribe({
// next: (_) => { private handleError(error: unknown): Observable<never> {
// this.router.navigateByUrl('/weight-entries'); if (!(error instanceof HttpErrorResponse)) {
// }, return throwError(() => error);
// error: (error: HttpErrorResponse) => { }
// switch (true) {
// case error.status >= 500 && error.status <= 599: switch (true) {
// this.messageService.add({ case error.status >= 500 && error.status <= 599:
// severity: 'error', this.messageService.add({
// summary: 'Serverfehler', severity: 'error',
// detail: summary: 'Serverfehler',
// 'Beim Aktualisieren des Eintrags ist ein Fehler aufgetreten. Bitte versuche es erneut.', detail:
// }); 'Beim Erstellen des Eintrags ist ein Fehler aufgetreten. Bitte versuche es erneut.',
// break; });
// case error.status == 400: break;
// this.messageService.add({ case error.status == 400:
// severity: 'error', this.messageService.add({
// summary: 'Clientfehler', severity: 'error',
// detail: summary: 'Clientfehler',
// 'Die Anwendung scheint falsche Daten an den Server zu senden.', detail:
// }); 'Die Anwendung scheint falsche Daten an den Server zu senden.',
// break; });
// default: break;
// break; default:
// } console.error(error);
// }, this.messageService.add({
// }); severity: 'error',
summary: 'Unerwarteter Fehler',
detail:
'Beim Erstellen des Eintrags hat der Server eine unerwartete Antwort zurückgegeben.',
});
break;
}
return EMPTY;
} }
} }