PSE2_FF
/
pse2_ff
0
0
Fork 0
Code Issues Pull Requests Packages Projects 1 Releases Wiki Activity

Fixed extra frame font and small styling issues.

pull/110/head
s8613 2025-07-01 10:52:56 +02:00
parent 5d0a5ab3c3
commit 7eeca5c3ba
2 changed files with 55 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
project/frontend/src/components/KPIForm.tsx
View File

@ -7,6 +7,7 @@ import type { Kennzahl } from "../types/kpi";
import { typeDisplayMapping } from "../types/kpi"; import { typeDisplayMapping } from "../types/kpi";
import Snackbar from "@mui/material/Snackbar"; import Snackbar from "@mui/material/Snackbar";
import MuiAlert from "@mui/material/Alert"; import MuiAlert from "@mui/material/Alert";
import { API_HOST } from "../util/api";
interface KPIFormProps { interface KPIFormProps {
@ -92,7 +93,7 @@ export function KPIForm({ mode, initialData, onSave, onCancel, loading = false,
localStorage.setItem("spacyData", JSON.stringify(updated)); localStorage.setItem("spacyData", JSON.stringify(updated));
// POST Request an das Flask-Backend // POST Request an das Flask-Backend
const response = await fetch("http://localhost:5050/api/spacy/append-training-entry", { const response = await fetch(`${API_HOST}/api/spacy/append-training-entry/`, {
method: "POST", method: "POST",
headers: { headers: {
"Content-Type": "application/json" "Content-Type": "application/json"
@ -240,42 +241,54 @@ export function KPIForm({ mode, initialData, onSave, onCancel, loading = false,
</FormControl> </FormControl>
</Box> </Box>
<Divider sx={{ my: 3 }} />
{mode === 'add' && ( <Box mb={4}>
<> <FormControlLabel
<Divider sx={{ my: 3 }} /> control={
<Box mb={4}> <Checkbox
<FormControlLabel checked={formData.active !== false}
control={ onChange={(e) => updateField('active', e.target.checked)}
<Checkbox sx={{
checked={formData.active !== false} color: '#666666',
onChange={(e) => updateField('active', e.target.checked)} '&.Mui-checked': {
sx={{ color: '#383838' }} color: '#333333',
/> },
} '&:hover': {
label="Aktiv" backgroundColor: 'rgba(102, 102, 102, 0.04)',
}
}}
/> />
<Typography variant="body2" color="text.secondary" ml={4}> }
Die Kennzahl ist aktiv und wird angezeigt label="Aktiv"
</Typography> />
</Box> <Typography variant="body2" color="text.secondary" ml={4}>
<Box mt={3}> Die Kennzahl ist aktiv und wird angezeigt
<FormControlLabel </Typography>
control={ </Box>
<Checkbox <Box mt={3}>
checked={formData.mandatory || false} <FormControlLabel
onChange={(e) => updateField('mandatory', e.target.checked)} control={
sx={{ color: '#383838' }} <Checkbox
/> checked={formData.mandatory || false}
} onChange={(e) => updateField('mandatory', e.target.checked)}
label="Erforderlich" sx={{
color: '#666666',
'&.Mui-checked': {
color: '#333333',
},
'&:hover': {
backgroundColor: 'rgba(102, 102, 102, 0.04)',
}
}}
/> />
<Typography variant="body2" color="text.secondary" ml={4}> }
Die Kennzahl erlaubt keine leeren Werte label="Erforderlich"
</Typography> />
</Box> <Typography variant="body2" color="text.secondary" ml={4}>
</> Die Kennzahl erlaubt keine leeren Werte
)} </Typography>
</Box>
<Divider sx={{ my: 3 }} /> <Divider sx={{ my: 3 }} />

18
project/frontend/src/components/pdfViewer.tsx
View File

@ -188,6 +188,10 @@ export default function PDFViewer({
); );
}, []); }, []);
const contentWidth = baseWidth ? baseWidth * 0.98 * zoomLevel : 0;
const containerWidth = baseWidth ? baseWidth : 0;
const willOverflow = contentWidth > containerWidth;
return ( return (
<Box <Box
display="flex" display="flex"
@ -197,11 +201,6 @@ export default function PDFViewer({
width="100%" width="100%"
maxWidth="850px" maxWidth="850px"
margin="0 auto" margin="0 auto"
sx={{
backgroundColor: "#f5f5f5",
borderRadius: 2,
boxShadow: 2,
}}
> >
<Box <Box
ref={containerRef} ref={containerRef}
@ -213,11 +212,10 @@ export default function PDFViewer({
borderRadius: 0, borderRadius: 0,
boxShadow: "none", boxShadow: "none",
overflow: "auto", overflow: "auto",
display: "flex", display: willOverflow ? "block" : "flex",
justifyContent: "center", justifyContent: willOverflow ? "flex-start" : "center",
alignItems: "center", alignItems: willOverflow ? "flex-start" : "center",
marginTop: 2, padding: willOverflow ? `${Math.max(0, (500 - (contentWidth * (500 / containerWidth))) / 2)}px ${Math.max(0, (containerWidth - contentWidth) / 2)}px` : 0,
marginBottom: 2,
}} }}
> >
<Document <Document