Progress - Frontend #48

3025495 · 2025-06-02T19:32:55+02:00

3025495 commented

2025-06-02 19:32:55 +02:00

closes #10
closes #16

PDF-Upload & Progress im frontend umgesetzt

Zum Testen
(Upload):

Frontend, Coordinator & db starten

docker compose up frontend db coordinator --build

PDF hochladen -> öffnen der Übersichtsseite mit der pdf

(Progress)

Prgress aktivieren indem die datei: project/frontend/src/components/UploadPage.tsx anpassen:

import { socket } from "../socket";
import { CircularProgressWithLabel } from "./CircularProgressWithLabel";

const PROGRESS = false; // update zu true

export default function UploadPage() {
   ...
}

Services neu starten

docker compose up frontend db coordinator --build

Jetzt sollte nach einem datei-Upload der loading-spinner mit 0% angezeigt werden

Mit dem Post-Request kann der progress gesetzt werden (id muss die id des neuesten pitch-books sein. Die id sollte in der console stehen)

curl --location 'http://localhost:5050/api/progress' \
--header 'Content-Type: application/json' \
--data '{
    "id": 5,
    "progress": 50
}'

Als progress gehen alle werte von 0-99

Mit dem setzten der kpi für das pitch-book wird der progress auf 100 gesetzt und die weiterleitung auf die details erfolgt

curl --location --request PUT 'localhost:5050/api/pitch_book/5' \
--form 'kpi="test"'

Der inhalt von kpi wird nicht geprüft und ist noch egal. Es muss nur was drin stehen

closes #10 closes #16 PDF-Upload & Progress im frontend umgesetzt Zum Testen (Upload): 1. Frontend, Coordinator & db starten ```sh docker compose up frontend db coordinator --build ``` 2. PDF hochladen -> öffnen der Übersichtsseite mit der pdf (Progress) 1. Prgress aktivieren indem die datei: _project/frontend/src/components/UploadPage.tsx_ anpassen: ```tsx import { socket } from "../socket"; import { CircularProgressWithLabel } from "./CircularProgressWithLabel"; const PROGRESS = false; // update zu true export default function UploadPage() { ... } ``` 2. Services neu starten ```sh docker compose up frontend db coordinator --build ``` Jetzt sollte nach einem datei-Upload der loading-spinner mit 0% angezeigt werden 3. Mit dem Post-Request kann der progress gesetzt werden (id muss die id des neuesten pitch-books sein. Die id sollte in der console stehen) ```sh curl --location 'http://localhost:5050/api/progress' \ --header 'Content-Type: application/json' \ --data '{ "id": 5, "progress": 50 }' ``` Als progress gehen alle werte von 0-99 4. Mit dem setzten der kpi für das pitch-book wird der progress auf 100 gesetzt und die weiterleitung auf die details erfolgt ```sh curl --location --request PUT 'localhost:5050/api/pitch_book/5' \ --form 'kpi="test"' ``` Der inhalt von kpi wird nicht geprüft und ist noch egal. Es muss nur was drin stehen

3019483 was assigned by 3025495

2025-06-02 19:32:55 +02:00

3025495 added 3 commits 2025-06-02 19:32:55 +02:00

9aa6c8be87 add progress and file-upload to frontend

1b06867d88 Fix showing pdfs in production

Removed redundant PDF.js worker initialization from
PDFViewer component and updated the worker source path in main.tsx.

Downgraded react-pdf to v8.0.2 to resolve compatibility issues and
fixed missing newline in nginx.conf.

d412d5741b Add Dockerfile for coordinator service and progress controller

Add progress tracking functionality to frontend and backend
- Add progress controller endpoint to handle progress updates
- Implement socket.io progress updates in UploadPage
- Update import path for CircularProgressWithLabel component

3025495 added 1 commit 2025-06-03 12:26:59 +02:00

b1cf30c40e Merge branch 'main' into #16-progress

3025495 added 1 commit 2025-06-03 12:34:55 +02:00

5fc226f4fc Merge branch 'main' into #16-progress

3019483 merged commit b9d7f425e5 into main

2025-06-03 13:44:57 +02:00

3019483 deleted branch #16-progress

2025-06-03 13:44:57 +02:00

3019483 referenced this issue from a commit

2025-06-03 13:44:59 +02:00

Merge pull request 'Progress - Frontend' (#48) from #16-progress into main

Sign in to join this conversation.