frontend with ony errors

This commit is contained in:
2025-10-12 00:59:57 +02:00
parent 75d4d86ef3
commit 90d8ae5140
31 changed files with 869 additions and 1481 deletions

View File

@@ -1,4 +1,5 @@
// frontend/src/services/authService.ts
import { Employee } from '../../../backend/src/models/employee';
const API_BASE = 'http://localhost:3002/api';
export interface LoginRequest {
@@ -11,28 +12,14 @@ export interface RegisterRequest {
password: string;
name: string;
role?: string;
phone?: string;
department?: string;
}
export interface AuthResponse {
user: User;
employee: Employee;
token: string;
expiresIn: string;
}
export interface User {
id: string;
email: string;
name: string;
role: 'admin' | 'instandhalter' | 'user';
createdAt: string;
lastLogin?: string;
phone?: string;
department?: string;
isActive?: boolean;
}
class AuthService {
private token: string | null = null;
@@ -51,12 +38,11 @@ class AuthService {
const data: AuthResponse = await response.json();
this.token = data.token;
localStorage.setItem('token', data.token);
localStorage.setItem('user', JSON.stringify(data.user));
localStorage.setItem('employee', JSON.stringify(data.employee));
return data;
}
// Register Methode hinzufügen
async register(userData: RegisterRequest): Promise<AuthResponse> {
const response = await fetch(`${API_BASE}/employees`, {
method: 'POST',
@@ -69,21 +55,18 @@ class AuthService {
throw new Error(errorData.error || 'Registrierung fehlgeschlagen');
}
// Nach der Erstellung automatisch einloggen
return this.login({
email: userData.email,
password: userData.password
});
}
// getCurrentUser als SYNCHRON machen
getCurrentUser(): User | null {
const userStr = localStorage.getItem('user');
return userStr ? JSON.parse(userStr) : null;
getCurrentEmployee(): Employee | null {
const employeeStr = localStorage.getItem('employee');
return employeeStr ? JSON.parse(employeeStr) : null;
}
// Asynchrone Methode für Server-Abfrage
async fetchCurrentUser(): Promise<User | null> {
async fetchCurrentEmployee(): Promise<Employee | null> {
const token = this.getToken();
if (!token) {
return null;
@@ -97,7 +80,8 @@ class AuthService {
});
if (response.ok) {
const user = await response.json();
const data = await response.json();
const user = data.user;
localStorage.setItem('user', JSON.stringify(user));
return user;
}
@@ -125,7 +109,6 @@ class AuthService {
return this.getToken() !== null;
}
// Für API Calls mit Authentication
getAuthHeaders(): HeadersInit {
const token = this.getToken();
return token ? { 'Authorization': `Bearer ${token}` } : {};

View File

@@ -118,5 +118,4 @@ export class EmployeeService {
}
}
// ✅ Exportiere eine Instanz der Klasse
export const employeeService = new EmployeeService();

View File

@@ -21,20 +21,7 @@ export const shiftPlanService = {
throw new Error('Fehler beim Laden der Schichtpläne');
}
const data = await response.json();
// Convert snake_case to camelCase
return data.map((plan: any) => ({
id: plan.id,
name: plan.name,
startDate: plan.start_date, // Convert here
endDate: plan.end_date, // Convert here
templateId: plan.template_id,
status: plan.status,
createdBy: plan.created_by,
createdAt: plan.created_at,
shifts: plan.shifts || []
}));
return await response.json();
},
async getShiftPlan(id: string): Promise<ShiftPlan> {
@@ -53,20 +40,7 @@ export const shiftPlanService = {
throw new Error('Schichtplan nicht gefunden');
}
const data = await response.json();
// Convert snake_case to camelCase
return data.map((plan: any) => ({
id: plan.id,
name: plan.name,
startDate: plan.start_date,
endDate: plan.end_date,
templateId: plan.template_id,
status: plan.status,
createdBy: plan.created_by,
createdAt: plan.created_at,
shifts: plan.shifts || []
}));
return await response.json();
},
async createShiftPlan(plan: CreateShiftPlanRequest): Promise<ShiftPlan> {
@@ -127,60 +101,5 @@ export const shiftPlanService = {
}
throw new Error('Fehler beim Löschen des Schichtplans');
}
},
async updateShiftPlanShift(planId: string, shift: Shift): Promise<void> {
const response = await fetch(`${API_BASE}/${planId}/shifts/${shift.id}`, {
method: 'PUT',
headers: {
'Content-Type': 'application/json',
...authService.getAuthHeaders()
},
body: JSON.stringify(shift)
});
if (!response.ok) {
if (response.status === 401) {
authService.logout();
throw new Error('Nicht authorisiert - bitte erneut anmelden');
}
throw new Error('Fehler beim Aktualisieren der Schicht');
}
},
async addShiftPlanShift(planId: string, shift: Omit<Shift, 'id' | 'shiftPlanId' | 'assignedEmployees'>): Promise<void> {
const response = await fetch(`${API_BASE}/${planId}/shifts`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
...authService.getAuthHeaders()
},
body: JSON.stringify(shift)
});
if (!response.ok) {
if (response.status === 401) {
authService.logout();
throw new Error('Nicht authorisiert - bitte erneut anmelden');
}
throw new Error('Fehler beim Hinzufügen der Schicht');
}
},
async deleteShiftPlanShift(planId: string, shiftId: string): Promise<void> {
const response = await fetch(`${API_BASE}/${planId}/shifts/${shiftId}`, {
method: 'DELETE',
headers: {
...authService.getAuthHeaders()
}
});
if (!response.ok) {
if (response.status === 401) {
authService.logout();
throw new Error('Nicht authorisiert - bitte erneut anmelden');
}
throw new Error('Fehler beim Löschen der Schicht');
}
}
};
};