added init files

frontend/src/services/authService.ts

@@ -0,0 +1,100 @@
+// frontend/src/services/authService.ts
+const API_BASE = 'http://localhost:3001/api';
+
+export interface LoginRequest {
+  email: string;
+  password: string;
+}
+
+export interface RegisterRequest {
+  email: string;
+  password: string;
+  name: string;
+  role?: string;
+}
+
+export interface AuthResponse {
+  user: User;
+  token: string;
+  expiresIn: string;
+}
+
+export interface User {
+  id: string;
+  email: string;
+  name: string;
+  role: 'admin' | 'instandhalter' | 'user';
+  createdAt: string;
+}
+
+class AuthService {
+  private token: string | null = null;
+
+  async login(credentials: LoginRequest): Promise<AuthResponse> {
+    const response = await fetch(`${API_BASE}/auth/login`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(credentials)
+    });
+
+    if (!response.ok) {
+      throw new Error('Login fehlgeschlagen');
+    }
+
+    const data: AuthResponse = await response.json();
+    this.token = data.token;
+    localStorage.setItem('token', data.token);
+    localStorage.setItem('user', JSON.stringify(data.user));
+    
+    return data;
+  }
+
+  async register(userData: RegisterRequest): Promise<AuthResponse> {
+    const response = await fetch(`${API_BASE}/auth/register`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(userData)
+    });
+
+    if (!response.ok) {
+      throw new Error('Registrierung fehlgeschlagen');
+    }
+
+    const data: AuthResponse = await response.json();
+    this.token = data.token;
+    localStorage.setItem('token', data.token);
+    localStorage.setItem('user', JSON.stringify(data.user));
+    
+    return data;
+  }
+
+  logout(): void {
+    this.token = null;
+    localStorage.removeItem('token');
+    localStorage.removeItem('user');
+  }
+
+  getToken(): string | null {
+    if (!this.token) {
+      this.token = localStorage.getItem('token');
+    }
+    return this.token;
+  }
+
+  getCurrentUser(): User | null {
+    const userStr = localStorage.getItem('user');
+    return userStr ? JSON.parse(userStr) : null;
+  }
+
+  isAuthenticated(): boolean {
+    return this.getToken() !== null;
+  }
+
+  // Für API Calls mit Authentication
+  getAuthHeaders(): HeadersInit {
+    const token = this.getToken();
+    return token ? { 'Authorization': `Bearer ${token}` } : {};
+  }
+}
+
+export const authService = new AuthService();

frontend/src/services/shiftTemplateService.ts

@@ -0,0 +1,104 @@
+// frontend/src/services/shiftTemplateService.ts
+import { ShiftTemplate, TemplateShift } from '../types/shiftTemplate';
+import { authService } from './authService';
+
+const API_BASE = 'http://localhost:3001/api/shift-templates';
+
+export const shiftTemplateService = {
+  async getTemplates(): Promise<ShiftTemplate[]> {
+    const response = await fetch(API_BASE, {
+      headers: {
+        'Content-Type': 'application/json',
+        ...authService.getAuthHeaders()
+      }
+    });
+    
+    if (!response.ok) {
+      if (response.status === 401) {
+        authService.logout();
+        throw new Error('Nicht authorisiert - bitte erneut anmelden');
+      }
+      throw new Error('Fehler beim Laden der Vorlagen');
+    }
+    
+    return response.json();
+  },
+
+  async getTemplate(id: string): Promise<ShiftTemplate> {
+    const response = await fetch(`${API_BASE}/${id}`, {
+      headers: {
+        'Content-Type': 'application/json',
+        ...authService.getAuthHeaders()
+      }
+    });
+    
+    if (!response.ok) {
+      if (response.status === 401) {
+        authService.logout();
+        throw new Error('Nicht authorisiert - bitte erneut anmelden');
+      }
+      throw new Error('Vorlage nicht gefunden');
+    }
+    
+    return response.json();
+  },
+
+  async createTemplate(template: Omit<ShiftTemplate, 'id' | 'createdAt' | 'createdBy'>): Promise<ShiftTemplate> {
+    const response = await fetch(API_BASE, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        ...authService.getAuthHeaders()
+      },
+      body: JSON.stringify(template)
+    });
+    
+    if (!response.ok) {
+      if (response.status === 401) {
+        authService.logout();
+        throw new Error('Nicht authorisiert - bitte erneut anmelden');
+      }
+      throw new Error('Fehler beim Erstellen der Vorlage');
+    }
+    
+    return response.json();
+  },
+
+  async updateTemplate(id: string, template: Partial<ShiftTemplate>): Promise<ShiftTemplate> {
+    const response = await fetch(`${API_BASE}/${id}`, {
+      method: 'PUT',
+      headers: {
+        'Content-Type': 'application/json',
+        ...authService.getAuthHeaders()
+      },
+      body: JSON.stringify(template)
+    });
+    
+    if (!response.ok) {
+      if (response.status === 401) {
+        authService.logout();
+        throw new Error('Nicht authorisiert - bitte erneut anmelden');
+      }
+      throw new Error('Fehler beim Aktualisieren der Vorlage');
+    }
+    
+    return response.json();
+  },
+
+  async deleteTemplate(id: string): Promise<void> {
+    const response = await fetch(`${API_BASE}/${id}`, {
+      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 Vorlage');
+    }
+  }
+};