tilbudgivern/docs/features/OPGAVER_INTEGRATION.md

Opgaver Integration - Tilbudgivern

Oversigt

Jeg har integreret en dedikeret Opgaver-sektion i Smart Pakker systemet, som giver let adgang til oprettelse og redigering af opgaver.

Hvad blev gjort

1. Topmenuen opdateret (frontend/src/App.js)

• Tilføjet en ny knap "📋 Opgaver" i hovednavigationen
• Knappen navigerer direkte til /opgaver view
• Implementeret ved hjælp af currentView = 'tasks'

2. SmartPackagesMenu optimeret (frontend/src/components/smartPackages/SmartPackagesMenu.js)

• Flyttet "Opgaver" sektion højere op i menuen (lige efter dashboard)
• Gjort den mere prominent med bedre styling
• Tilføjet subtitle "Opret & rediger opgaver"

3. SmartPackagesRoutes udvidet (frontend/src/routes/SmartPackagesRoutes.js)

• Tilføjet initialSection prop der tillader direkte navigering til opgaver
• Når brugeren klikker på "Opgaver" i topmenuen, startes komponenten direkte i opgaver-tilstand

Funktionalitet - Opgaver

Opgaver-modulet omfatter:

✅ Oprettelse af Opgaver

• Klik "Opret ny opgave" knap
• Udfyld opgavedetaljer (navn, beskrivelse, timer, sats)
• Gem automatisk til database

✅ Redigering af Opgaver

• Klik på "Rediger" (blyant-ikon) på en opgave
• Opdater detaljer
• Gem ændringer

✅ Sletning af Opgaver

• Klik på "Slet" (trash-ikon) på en opgave
• Bekræft sletning

✅ Søgning og Filtrering

• Søg efter opgavenavn eller beskrivelse
• Opgaver vises i grid-layout

Navigation

Fra topmenuen

🏗️ Projekt Flow → 📋 Planlægning → 🧱 Materialer → 📦 Smart Pakker → 📋 Opgaver

Fra inden i Smart Pakker

1. Åbn Smart Pakker (📦)
2. Klik "Opgaver" i venstre sidepanel
3. Eller gå direkte via topmenuen (📋 Opgaver)

Backend API

Opgaver-modulet bruger følgende endpoints:

• GET /api/smart-packages/tasks - Hent alle opgaver
• POST /api/smart-packages/tasks - Opret ny opgave
• PUT /api/smart-packages/tasks/:id - Opdater opgave
• DELETE /api/smart-packages/tasks/:id - Slet opgave

Komponenter der blev ændret

frontend/src/
  ├── App.js (topmenuen + routing)
  ├── components/smartPackages/
  │   ├── SmartPackagesMenu.js (sidemenuen)
  │   └── TaskManagement.js (allerede eksisteret)
  └── routes/
      └── SmartPackagesRoutes.js (routing props)

Test

✅ Frontend build uden fejl ✅ Menuer vises korrekt ✅ Navigation virker ✅ TaskManagement komponent er klar til brug

---

Status: Klar til brug - alle funktioner tilgængelige både fra topmenuen og sidemenuen.