project/backend/coordinator/app.py

@@ -5,7 +5,6 @@ from dotenv import load_dotenv
 from controller import register_routes
 from model.database import init_db
 from controller.socketIO import socketio
-from controller.kennzahlen import kennzahlen_bp
 
 app = Flask(__name__)
 CORS(app)
@@ -21,9 +20,6 @@ app.config["MAX_CONTENT_LENGTH"] = 100 * 1024 * 1024  # 100 MB
 init_db(app)
 register_routes(app)
 
-# Register blueprints
-app.register_blueprint(kennzahlen_bp)
-
 @app.route("/health")
 def health_check():
     return "OK"

project/backend/coordinator/controller/kennzahlen.py

@@ -1,61 +0,0 @@
-from flask import Blueprint, jsonify, request
-from model.kennzahl import Kennzahl
-from model.database import db
-
-kennzahlen_bp = Blueprint('kennzahlen', __name__)
-
-# Beispieldaten 
-EXAMPLE_DATA = [
-    {"pdf_id": "example", "label": "Fondsname", "value": "Fund Real Estate Prime Europe", "page": 1, "status": "ok"},
-    {"pdf_id": "example", "label": "Fondsmanager", "value": "", "page": 1, "status": "error"},
-    {"pdf_id": "example", "label": "Risikoprofil", "value": "Core/Core+", "page": 10, "status": "warning"},
-    {"pdf_id": "example", "label": "LTV", "value": "30-35 %", "page": 8, "status": "ok"},
-    {"pdf_id": "example", "label": "Ausschüttungsrendite", "value": "4%", "page": 34, "status": "ok"}
-]
-
-
-@kennzahlen_bp.route('/api/kennzahlen/init', methods=['POST'])
-def init_kennzahlen():
-    try:
-        # Lösche existierende Beispieldaten
-        Kennzahl.query.filter_by(pdf_id='example').delete()
-
-        # Füge Beispieldaten ein
-        for data in EXAMPLE_DATA:
-            kennzahl = Kennzahl(
-                pdf_id=data['pdf_id'],
-                label=data['label'],
-                value=data['value'],
-                page=data['page'],
-                status=data['status']
-            )
-            db.session.add(kennzahl)
-
-        db.session.commit()
-        return jsonify({"message": "Kennzahlen erfolgreich initialisiert"})
-
-    except Exception as e:
-        db.session.rollback()
-        return jsonify({"error": str(e)}), 500
-
-
-@kennzahlen_bp.route('/api/kennzahlen', methods=['GET'])
-def get_kennzahlen():
-    pdf_id = request.args.get('pdf_id', 'example')  # Default zu 'example' für Beispieldaten
-    kennzahlen = Kennzahl.query.filter_by(pdf_id=pdf_id).all()
-    return jsonify([k.to_dict() for k in kennzahlen])
-
-
-@kennzahlen_bp.route('/api/kennzahlen/<label>', methods=['PUT'])
-def update_kennzahl(label):
-    data = request.get_json()
-    pdf_id = request.args.get('pdf_id', 'example')  # Default zu 'example' für Beispieldaten
-
-    kennzahl = Kennzahl.query.filter_by(pdf_id=pdf_id, label=label).first()
-    if not kennzahl:
-        return jsonify({'error': 'Kennzahl nicht gefunden'}), 404
-
-    kennzahl.value = data.get('value', kennzahl.value)
-    db.session.commit()
-
-    return jsonify(kennzahl.to_dict())

project/backend/coordinator/model/kennzahl.py

@@ -1,26 +0,0 @@
-from .database import db
-
-
-class Kennzahl(db.Model):
-    __tablename__ = 'kennzahlen'
-    
-    id = db.Column(db.Integer, primary_key=True)
-    pdf_id = db.Column(db.String(100), nullable=False)  # ID des PDFs
-    label = db.Column(db.String(100), nullable=False)
-    value = db.Column(db.String(100))
-    page = db.Column(db.Integer)
-    status = db.Column(db.String(20))  
-
-    # Zusammengesetzter Unique-Constraint für pdf_id und label
-    __table_args__ = (
-        db.UniqueConstraint('pdf_id', 'label', name='unique_pdf_kennzahl'),
-    )
-
-    def to_dict(self):
-        return {
-            'pdf_id': self.pdf_id,
-            'label': self.label,
-            'value': self.value,
-            'page': self.page,
-            'status': self.status
-        } 

project/docker-compose.yml

@@ -8,8 +8,8 @@ services:
     image: postgres:17-alpine
     env_file:
       - .env
-#    ports:
+    ports:
-#      - "5432:5432"
+      - "5432:5432"
     healthcheck:
       test: ["CMD-SHELL", "pg_isready -U admin"]
       interval: 10s

project/frontend/src/components/KennzahlenTable.tsx

@@ -1,137 +1,60 @@
 import {
     Table, TableBody, TableCell, TableContainer,
     TableHead, TableRow, Paper, Box,
-    TextField, Link
+    Dialog, DialogActions, DialogContent, DialogTitle,
+    TextField, Button, Link
   } from '@mui/material';
   import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';
   import SearchIcon from '@mui/icons-material/Search';
   import EditIcon from '@mui/icons-material/Edit';
-  import { useState, useEffect } from 'react';
+  import { useState } from 'react';
-  import type { KeyboardEvent } from 'react';
   
-  const API_BASE_URL = 'http://localhost:5050'; // Korrigierter Port für den Coordinator-Service
   
-  interface Kennzahl {
+  //  Beispiel-Daten
-    pdf_id: string;
+  const exampleData = [
-    label: string;
+    { label: 'Fondsname', value: 'Fund Real Estate Prime Europe', page: 1, status: 'ok' },
-    value: string;
+    { label: 'Fondsmanager', value: '', page: 1, status: 'error' },
-    page: number;
+    { label: 'Risikoprofil', value: 'Core/Core+', page: 10, status: 'warning' },
-    status: 'ok' | 'error' | 'warning';
+    { label: 'LTV', value: '30-35 %', page: 8, status: 'ok' },
-  }
+    { label: 'Ausschüttungsrendite', value: '4%', page: 34, status: 'ok' }
+  ];
   
   interface KennzahlenTableProps {
     onPageClick?: (page: number) => void;
-    pdfId?: string; // Neue Prop für die PDF-ID
   }
   
   // React-Komponente
-  export default function KennzahlenTable({ onPageClick, pdfId = 'example' }: KennzahlenTableProps) {
+  export default function KennzahlenTable({ onPageClick }: KennzahlenTableProps) {
-    const [rows, setRows] = useState<Kennzahl[]>([]);
+    // Zustand für bearbeitbare Daten
-    const [editingIndex, setEditingIndex] = useState<number | null>(null);
+    const [rows, setRows] = useState(exampleData);
-    const [editValue, setEditValue] = useState('');
-    const [isLoading, setIsLoading] = useState(true);
-    const [error, setError] = useState<string | null>(null);
   
-    // Initialisiere Beispieldaten
+    // Zustände für Dialog-Funktion
-    const initializeData = async () => {
+    const [open, setOpen] = useState(false); // Dialog anzeigen?
-      try {
+    const [currentValue, setCurrentValue] = useState(''); // Eingabewert
-        const response = await fetch(`${API_BASE_URL}/api/kennzahlen/init`, {
+    const [currentIndex, setCurrentIndex] = useState<number | null>(null); // Zeilenindex
-          method: 'POST'
+  
-        });
+    // Beim Klick auf das Stift-Icon: Dialog öffnen
-        if (!response.ok) {
+    const handleEditClick = (value: string, index: number) => {
-          throw new Error('Fehler beim Initialisieren der Daten');
+      setCurrentValue(value);
-        }
+      setCurrentIndex(index);
-        // Lade die Daten nach der Initialisierung
+      setOpen(true);
-        await fetchKennzahlen();
-      } catch (err) {
-        setError('Fehler beim Initialisieren der Daten');
-        console.error('Fehler:', err);
-      }
     };
   
-    // Lade Kennzahlen vom Backend
+    // Wert speichern und Dialog schließen
-    const fetchKennzahlen = async () => {
+    const handleSave = () => {
-      try {
+      if (currentIndex !== null) {
-        const response = await fetch(`${API_BASE_URL}/api/kennzahlen?pdf_id=${pdfId}`);
+        const updated = [...rows];
-        if (!response.ok) {
+        updated[currentIndex].value = currentValue;
-          throw new Error('Fehler beim Laden der Kennzahlen');
+        setRows(updated);
-        }
-        const data = await response.json();
-        if (data.length === 0) {
-          // Wenn keine Daten vorhanden sind, initialisiere Beispieldaten
-          await initializeData();
-        } else {
-          setRows(data);
-          setError(null);
-        }
-      } catch (err) {
-        setError('Fehler beim Laden der Daten');
-        console.error('Fehler:', err);
-      } finally {
-        setIsLoading(false);
       }
+      setOpen(false);
     };
   
-    // Lade Daten beim ersten Render oder wenn sich die PDF-ID ändert
-    useEffect(() => {
-      fetchKennzahlen();
-    }, [pdfId]);
-  
-    // Funktion zum Senden der PUT-Anfrage
-    const updateKennzahl = async (label: string, value: string) => {
-      try {
-        const response = await fetch(`${API_BASE_URL}/api/kennzahlen/${label}?pdf_id=${pdfId}`, {
-          method: 'PUT',
-          headers: {
-            'Content-Type': 'application/json',
-          },
-          body: JSON.stringify({ value })
-        });
-  
-        if (!response.ok) {
-          throw new Error('Fehler beim Speichern der Kennzahl');
-        }
-  
-        // Lade die Daten neu nach dem Update
-        await fetchKennzahlen();
-      } catch (error) {
-        console.error('Fehler:', error);
-        setError('Fehler beim Speichern der Änderungen');
-      }
-    };
-  
-    // Bearbeitung starten
-    const startEditing = (value: string, index: number) => {
-      setEditingIndex(index);
-      setEditValue(value);
-    };
-  
-    // Bearbeitung beenden und Wert speichern
-    const handleSave = async (index: number) => {
-      await updateKennzahl(rows[index].label, editValue);
-      setEditingIndex(null);
-    };
-  
-    // Tastatureingaben verarbeiten
-    const handleKeyPress = (e: KeyboardEvent<HTMLDivElement>, index: number) => {
-      if (e.key === 'Enter') {
-        handleSave(index);
-      } else if (e.key === 'Escape') {
-        setEditingIndex(null);
-      }
-    };
-  
-    if (isLoading) {
-      return <div>Lade Daten...</div>;
-    }
-  
-    if (error) {
-      return <Box sx={{ color: 'error.main' }}>{error}</Box>;
-    }
-  
     return (
+      <>
         <TableContainer component={Paper}>
           <Table>
+            {/* Tabellenkopf */}
             <TableHead>
               <TableRow>
                 <TableCell><strong>Kennzahl</strong></TableCell>
@@ -140,16 +63,21 @@ import {
               </TableRow>
             </TableHead>
   
+            {/* Tabelleninhalt */}
             <TableBody>
               {rows.map((row, index) => {
+                // Rahmenfarbe anhand Status
                 let borderColor = 'transparent';
                 if (row.status === 'error') borderColor = 'red';
                 else if (row.status === 'warning') borderColor = '#f6ed48';
   
                 return (
                   <TableRow key={index}>
+                    {/* Kennzahl */}
                     <TableCell>{row.label}</TableCell>
-                  <TableCell onClick={() => startEditing(row.value, index)}>
+  
+                    {/* Wert mit Status-Icons + Stift rechts */}
+                    <TableCell>
                       <Box
                         sx={{
                           border: `2px solid ${borderColor}`,
@@ -159,38 +87,24 @@ import {
                           alignItems: 'center',
                           justifyContent: 'space-between',
                           width: '100%',
-                        cursor: 'text',
                         }}
                       >
-                      <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, width: '100%' }}>
+                        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
                           {row.status === 'error' && <ErrorOutlineIcon fontSize="small" color="error" />}
                           {row.status === 'warning' && <SearchIcon fontSize="small" sx={{ color: '#f6ed48' }} />}
-                        {editingIndex === index ? (
-                          <TextField
-                            value={editValue}
-                            onChange={(e) => setEditValue(e.target.value)}
-                            onKeyDown={(e) => handleKeyPress(e, index)}
-                            onBlur={() => handleSave(index)}
-                            autoFocus
-                            size="small"
-                            fullWidth
-                            variant="standard"
-                            sx={{ margin: '-8px 0' }}
-                          />
-                        ) : (
                           <span>{row.value || '—'}</span>
-                        )}
                         </Box>
+  
+                        {/* Stift-Icon */}
                         <EditIcon
                           fontSize="small"
                           sx={{ color: '#555', cursor: 'pointer' }}
-                        onClick={(e) => {
+                          onClick={() => handleEditClick(row.value, index)}
-                          e.stopPropagation();
-                          startEditing(row.value, index);
-                        }}
                         />
                       </Box>
                     </TableCell>
+  
+                    {/* Seitenzahl */}
                     <TableCell>
                       <Link
                         component="button"
@@ -206,6 +120,26 @@ import {
             </TableBody>
           </Table>
         </TableContainer>
+  
+        {/* Dialog zum Bearbeiten */}
+        <Dialog open={open} onClose={() => setOpen(false)}>
+          <DialogTitle>Kennzahl bearbeiten</DialogTitle>
+          <DialogContent>
+            <TextField
+              fullWidth
+              value={currentValue}
+              onChange={(e) => setCurrentValue(e.target.value)}
+              label="Neuer Wert"
+              variant="outlined"
+              margin="dense"
+            />
+          </DialogContent>
+          <DialogActions>
+            <Button onClick={() => setOpen(false)}>Abbrechen</Button>
+            <Button onClick={handleSave} variant="contained">Speichern</Button>
+          </DialogActions>
+        </Dialog>
+      </>
     );
   }