bastian/keyvault
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes

Browse Source
This commit is contained in:
Bastian Wagner
2026-02-19 22:29:46 +01:00
parent 4df51e0698
commit 29bfffc505
15 changed files with 107 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
client/src/app/model/interface/cylinder.interface.ts
View File

@@ -3,6 +3,7 @@ import { IKey } from "./key.interface";
export interface ICylinder {
id: string;
name: string;
description: string;
createdAt: string;
updatedAt: string;
deletedAt: string;

6
client/src/app/modules/cylinder/components/create-cylinder/create-cylinder.component.html
View File

@@ -12,6 +12,12 @@
}
</mat-form-field>
<mat-form-field>
<mat-label>Beschreibung</mat-label>
<input type="text" matInput formControlName="description" maxlength="255">
<mat-hint>Zylinderlänge und co.</mat-hint>
</mat-form-field>
<mat-form-field>
<mat-label>Schließanlage</mat-label>
<mat-select formControlName="system">

5
client/src/app/modules/cylinder/components/create-cylinder/create-cylinder.component.ts
View File

@@ -25,11 +25,12 @@ export class CreateCylinderComponent {
createForm = new FormGroup({
name: new FormControl<string | null>(null, Validators.required),
system: new FormControl<any>(null, Validators.required)
system: new FormControl<any>(null, Validators.required),
description: new FormControl<string | null>(null)
});
ngOnInit() {
this.api.getSystems().subscribe({
this.api.systems.asObservable().subscribe({
next: systems => {
this.systems = systems;
}

16
client/src/app/modules/cylinder/cylinder.component.ts
View File

@@ -1,6 +1,6 @@
import { Component, inject } from '@angular/core';
import { HELPER } from '../../shared/helper.service';
import { GridApi, GridOptions, GridReadyEvent } from 'ag-grid-community';
import { CellEditingStoppedEvent, GridApi, GridOptions, GridReadyEvent } from 'ag-grid-community';
import { AgGridAngular } from 'ag-grid-angular';
import { ApiService } from '../../shared/api.service';
import { DatePipe } from '@angular/common';
@@ -11,6 +11,7 @@ import { MatIconModule } from '@angular/material/icon';
import { MatButtonModule } from '@angular/material/button';
import { AgGridContainerComponent } from '../../shared/ag-grid/components/ag-grid-container/ag-grid-container.component';
import { CylinderArchiveComponent } from './components/cylinder-archive/cylinder-archive.component';
import { ICylinder } from '../../model/interface/cylinder.interface';
@Component({
selector: 'app-cylinder',
@@ -33,7 +34,8 @@ export class CylinderComponent extends AgGridContainerComponent {
super();
this.gridOptions.columnDefs = [
{ field: 'name', headerName: 'Name', sort: 'asc', flex: 1, filter: true },
{ field: 'name', headerName: 'Name', sort: 'asc', flex: 1, filter: true, editable: true },
{ field: 'description', headerName: 'Beschreibung', flex: 1, filter: true, editable: true },
{ field: 'system.name', headerName: 'System', flex: 1, filter: true },
{ field: 'keyCount', headerName: 'Anzahl Schlüssel', flex: 0, type: 'number' },
{ field: 'createdAt', headerName: 'Angelegt', cellRenderer: (data: any) => data.value ? this.datePipe.transform(new Date(data.value)) : '-' },
@@ -54,6 +56,7 @@ export class CylinderComponent extends AgGridContainerComponent {
onGridReady(params: GridReadyEvent) {
this.gridApi = params.api;
this.gridApi.addEventListener("cellEditingStopped", evt => this.cellEditEnd(evt));
this.loadCylinders();
this.api.cylinders.asObservable().subscribe({
next: (data) => {
@@ -63,6 +66,15 @@ export class CylinderComponent extends AgGridContainerComponent {
})
}
private async cellEditEnd(event: CellEditingStoppedEvent) {
const cylinder: ICylinder = event.data;
if (!event.valueChanged || event.newValue == event.oldValue) { return; }
await this.api.updateCylinder(cylinder)
}
openCreateCylinder() {
this.dialog.open(CreateCylinderComponent, {
maxWidth: "calc(100vw - 24px)",

1
client/src/app/modules/keys/components/handover-dialog/handover-dialog.component.html
View File

@@ -58,6 +58,7 @@
style="width: 100%; height: 100%;"
(gridReady)="onGridReady($event)"
[gridOptions]="gridOptions!"
[theme]="myTheme"
/>
</div>
</mat-dialog-content>

3
client/src/app/modules/keys/components/handover-dialog/handover-dialog.component.ts
View File

@@ -25,6 +25,7 @@ import { GridApi, GridOptions, GridReadyEvent } from 'ag-grid-community';
import { AG_GRID_LOCALE_DE } from '@ag-grid-community/locale';
import { AgGridAngular } from 'ag-grid-angular';
import { MatIconModule } from '@angular/material/icon';
import { AgGridContainerComponent } from '../../../../shared/ag-grid/components/ag-grid-container/ag-grid-container.component';
@Component({
selector: 'app-handover-dialog',
@@ -38,7 +39,7 @@ import { MatIconModule } from '@angular/material/icon';
templateUrl: './handover-dialog.component.html',
styleUrl: './handover-dialog.component.scss'
})
export class HandoverDialogComponent {
export class HandoverDialogComponent extends AgGridContainerComponent {
private api: ApiService = inject(ApiService);
readonly dialogRef = inject(MatDialogRef<HandoverDialogComponent>);

1
client/src/app/modules/keys/create/select-key-cylinder/select-key-cylinder.component.html
View File

@@ -6,6 +6,7 @@
style="width: 100%; height: 100%;"
(gridReady)="onGridReady($event)"
[gridOptions]="gridOptions!"
[theme]="myTheme"
/>
</mat-dialog-content>

3
client/src/app/modules/keys/create/select-key-cylinder/select-key-cylinder.component.ts
View File

@@ -7,6 +7,7 @@ import { GridApi, GridOptions, GridReadyEvent } from 'ag-grid-community';
import { AG_GRID_LOCALE_DE } from '@ag-grid-community/locale';
import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
import { MatButtonModule } from '@angular/material/button';
import { AgGridContainerComponent } from '../../../../shared/ag-grid/components/ag-grid-container/ag-grid-container.component';
@Component({
selector: 'app-select-key-cylinder',
@@ -14,7 +15,7 @@ import { MatButtonModule } from '@angular/material/button';
templateUrl: './select-key-cylinder.component.html',
styleUrl: './select-key-cylinder.component.scss'
})
export class SelectKeyCylinderComponent {
export class SelectKeyCylinderComponent extends AgGridContainerComponent {
private toast: HotToastService = inject(HotToastService);
readonly dialogRef = inject(MatDialogRef<SelectKeyCylinderComponent>);
readonly cylinders = inject<ICylinder[]>(MAT_DIALOG_DATA);

1
client/src/app/modules/keys/keys.component.ts
View File

@@ -149,7 +149,6 @@ export class KeysComponent extends AgGridContainerComponent {
this.gridApi.addEventListener("cellEditingStopped", evt => this.cellEditEnd(evt));
this.api.keys.asObservable().subscribe({
next: keys => {
console.log(keys)
this.gridApi.setGridOption("rowData", keys);
this.gridApi.setGridOption("loading", false);
}

19
client/src/app/modules/system/system.component.ts
View File

@@ -30,7 +30,7 @@ export class SystemComponent extends AgGridContainerComponent {
super();
this.gridOptions.columnDefs = [
{ colId: 'name', field: 'name', headerName: 'Name', sort: 'asc', flex: 1},
{ colId: 'cylinderCount', field: 'cylinders', headerName: 'Zylinderanzahl', flex: 0, cellRenderer: (data: any) => data.value.length},
{ colId: 'cylinderCount', field: 'cylinders', headerName: 'Zylinderanzahl', flex: 0, cellRenderer: (data: any) => data.value?.length || 0},
{ field: 'createdAt', headerName: 'Angelegt', cellRenderer: (data: any) => data.value ? this.datePipe.transform(new Date(data.value)) : '-' },
{ field: 'updatedAt', headerName: 'Upgedated', cellRenderer: (data: any) => data.value ? this.datePipe.transform(new Date(data.value)) : '-' },
{
@@ -43,17 +43,20 @@ export class SystemComponent extends AgGridContainerComponent {
];
}
loadSystems() {
this.api.getSystems().subscribe({
next: n => {
this.gridApi.setGridOption("rowData", n);
this.gridApi.setGridOption("loading", false);
}
})
async loadSystems() {
this.gridApi.setGridOption("loading", true);
await this.api.refreshSystems();
this.gridApi.setGridOption("loading", false);
}
onGridReady(params: GridReadyEvent) {
this.gridApi = params.api;
this.api.systems.asObservable().subscribe({
next: systems => {
this.gridApi.setGridOption("rowData", systems);
this.gridApi.setGridOption("loading", false);
}
})
this.loadSystems();
}

54
client/src/app/shared/api.service.ts
View File

@@ -15,6 +15,7 @@ export class ApiService {
public keys: BehaviorSubject<IKey[]> = new BehaviorSubject<IKey[]>([]);
public cylinders: BehaviorSubject<ICylinder[]> = new BehaviorSubject<ICylinder[]>([]);
public systems: BehaviorSubject<any[]> = new BehaviorSubject<any[]>([]);
public user: BehaviorSubject<IUser> = new BehaviorSubject<IUser>(null!);
@@ -73,6 +74,24 @@ export class ApiService {
return this.http.put<IKey>('api/key', key);
}
updateCylinder(cylinder: ICylinder): Promise<boolean> {
return new Promise<boolean>(resolve => {
this.http.put('api/cylinder', cylinder).pipe(
this.toast.observe({
loading: `Zylinder ${cylinder} wird gespeichert...`,
success: `Zylinder ${cylinder.name} gespeichert.`,
error: 'Es ist ein Fehler aufgetreten'
})
).subscribe({
next: () => resolve(true),
error: () => resolve(false),
complete: () => {
this.refreshCylinders()
}
})
})
}
createKey(key: any) {
return this.http.post<IKey>('api/key', key);
}
@@ -81,7 +100,7 @@ export class ApiService {
return this.http.post('api/system', keySystem);
}
getSystems(): Observable<any[]> {
private getSystems(): Observable<any[]> {
return this.http.get<any[]>('api/system');
}
@@ -139,6 +158,24 @@ export class ApiService {
})
}
deleteSystem(system: any): Promise<boolean> {
return new Promise<boolean>(resolve => {
this.http.delete(`api/system${system.id}`).pipe(
this.toast.observe({
loading: `Lösche Schließsystem ${system.name}...`,
success: `Schließsystem ${system.name} wurde gelöscht.`,
error: 'Es ist ein Fehler aufgetreten'
})
).subscribe({
next: () => resolve(true),
error: () => resolve(false),
complete: () => {
this.refreshSystems();
}
})
})
}
getKeyArchive(): Observable<IKey[]> {
return this.http.get<IKey[]>('api/key/archive');
}
@@ -184,6 +221,21 @@ export class ApiService {
})
}
refreshSystems(): Promise<void> {
return new Promise(resolve => {
this.getSystems().subscribe({
next: data => {
this.systems.next(data);
resolve()
},
error: () => {
this.toast.error('Fehler beim Laden der Schließsysteme')
},
complete: () => resolve()
})
})
}
deleteCylinder(cylinder: ICylinder): Promise<boolean> {
return new Promise<boolean>(resolve => {
this.http.delete(`api/cylinder/${cylinder.id}`).pipe(

2
client/src/styles.scss
View File

@@ -216,6 +216,6 @@ div.ag-row {
}
.ag-filter-body-wrapper {
padding: 8px;
padding: 8px 12px;
gap: 6px;
}