Files

Matthias Hochmeister 2306741c4d feat: dashboard widgets, auth fix, profile names, dynamic groups

- Add VehicleDashboardCard: self-contained widget modelled after
  AtemschutzDashboardCard, shows einsatzbereit ratio and inspection
  warnings inline; replaces StatsCard + InspectionAlerts in Dashboard

- Add EquipmentDashboardCard: consolidated equipment status widget
  showing only aggregated counts (no per-item listing); replaces
  EquipmentAlerts component in Dashboard

- Fix auth race condition: add authInitialized flag to api.ts so 401
  responses during initial token validation no longer trigger a
  spurious redirect to /login; save intended destination before login
  redirect and restore it after successful auth callback

- Fix profile firstname/lastname: add extractNames() helper to
  auth.controller.ts that falls back to splitting userinfo.name when
  Authentik does not provide separate given_name/family_name fields;
  applied on both create and update paths

- Dynamic groups endpoint: replace hardcoded KNOWN_GROUPS array in
  events.controller.ts with a DB query (SELECT DISTINCT unnest
  (authentik_groups) FROM users); known slugs get German labels via
  lookup map, unknown slugs are humanized automatically

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

2026-03-03 10:28:31 +01:00

src

feat: dashboard widgets, auth fix, profile names, dynamic groups

2026-03-03 10:28:31 +01:00

.dockerignore

update frontend building

2026-02-26 14:58:37 +01:00

.env.development

update env setup

2026-02-27 14:10:27 +01:00

.gitignore

inital

2026-02-23 17:08:58 +01:00

.npmrc

resolve build error

2026-02-26 16:08:27 +01:00

COMPLETION_REPORT.md

inital

2026-02-23 17:08:58 +01:00

DEVELOPER_GUIDE.md

inital

2026-02-23 17:08:58 +01:00

Dockerfile

bug fix for atemschutz

2026-03-01 15:01:30 +01:00

IMPLEMENTATION_SUMMARY.md

inital

2026-02-23 17:08:58 +01:00

index.html

inital

2026-02-23 17:08:58 +01:00

nginx.conf

fix URLs

2026-02-27 14:02:03 +01:00

package-lock.json

resolve build error

2026-02-26 16:30:07 +01:00

package.json

bug fix for atemschutz

2026-03-01 15:03:27 +01:00

README.md

inital

2026-02-23 17:08:58 +01:00

tsconfig.json

inital

2026-02-23 17:08:58 +01:00

tsconfig.node.json

inital

2026-02-23 17:08:58 +01:00

vite.config.ts

update env setup

2026-02-27 14:13:50 +01:00

README.md

Feuerwehr Dashboard - Frontend

React + TypeScript + Vite frontend application for the fire department dashboard.

Tech Stack

React 18.2 - UI library
TypeScript 5.2 - Type safety
Vite 5.0 - Build tool and dev server
React Router DOM 6.20 - Client-side routing
Material-UI 5.14 - Component library
Axios - HTTP client
Emotion - CSS-in-JS styling

Project Structure

frontend/
├── src/
│   ├── components/          # Reusable UI components
│   │   ├── auth/           # Authentication components
│   │   ├── dashboard/      # Dashboard-specific components
│   │   └── shared/         # Shared components
│   ├── contexts/           # React contexts for state management
│   ├── pages/              # Page components
│   │   ├── Login.tsx
│   │   ├── Dashboard.tsx
│   │   └── NotFound.tsx
│   ├── services/           # API service layer
│   ├── types/              # TypeScript type definitions
│   ├── utils/              # Utility functions
│   ├── App.tsx             # Root component with routing
│   ├── main.tsx            # Application entry point
│   └── vite-env.d.ts       # Vite environment types
├── index.html              # HTML template
├── vite.config.ts          # Vite configuration
├── tsconfig.json           # TypeScript configuration
├── tsconfig.node.json      # TypeScript config for Node
└── package.json            # Dependencies and scripts

Getting Started

Prerequisites

Node.js 18+ and npm

Installation

npm install

Development

Start the development server:

npm run dev

The application will be available at http://localhost:5173

Build

Create a production build:

npm run build

The build output will be in the dist/ directory.

Preview

Preview the production build:

npm run preview

Environment Variables

Create a .env.development file for development:

VITE_API_URL=http://localhost:3000

For production, create a .env.production file with appropriate values.

Available Scripts

npm run dev - Start development server
npm run build - Create production build
npm run preview - Preview production build locally
npm run lint - Run ESLint (when configured)

Routing

The application uses React Router with the following routes:

/ - Login page (default)
/login - Login page
/dashboard - Dashboard (main application)
/* - 404 Not Found page

Features

Current

Basic routing structure
Login page with Material-UI
Dashboard placeholder
404 Not Found page
Material-UI theming
TypeScript type safety

Planned

Authentication context and JWT handling
Protected routes
API integration
Member management
Vehicle tracking
Equipment inventory
Incident reporting
And more...

Configuration

Vite Configuration

The vite.config.ts includes:

React plugin
Path alias (@/ → ./src/)
Dev server on port 5173
API proxy to backend (/api → http://localhost:3000)
Source maps for production builds

TypeScript Configuration

Strict mode enabled with:

ES2020 target
Bundler module resolution
Path mapping for @/ imports
Strict type checking

Styling

Material-UI with custom theme:

Primary color: Red (#d32f2f) - Fire department theme
Secondary color: Blue (#1976d2)
Light mode by default
Emotion for CSS-in-JS

Development Notes

All pages are currently placeholders
Authentication is not yet implemented
API integration pending
Add actual business logic as backend becomes available