Compare commits
No commits in common. "8292d5088d685b7c449011e40445925d369ad92f" and "3e6750f4177e78de7f45a7c7e88a2de999da7031" have entirely different histories.
8292d5088d
...
3e6750f417
|
|
@ -7,11 +7,7 @@ import { getDisplayType } from "../types/kpi";
|
||||||
import { fetchKennzahlen as fetchK } from "../util/api";
|
import { fetchKennzahlen as fetchK } from "../util/api";
|
||||||
import { API_HOST } from "../util/api";
|
import { API_HOST } from "../util/api";
|
||||||
|
|
||||||
type ConfigTableProps = {
|
export function ConfigTable() {
|
||||||
from?: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export function ConfigTable({ from }: ConfigTableProps) {
|
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
const [kennzahlen, setKennzahlen] = useState<Kennzahl[]>([]);
|
const [kennzahlen, setKennzahlen] = useState<Kennzahl[]>([]);
|
||||||
const [draggedItem, setDraggedItem] = useState<Kennzahl | null>(null);
|
const [draggedItem, setDraggedItem] = useState<Kennzahl | null>(null);
|
||||||
|
|
@ -165,10 +161,12 @@ export function ConfigTable({ from }: ConfigTableProps) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
console.log("Navigating to detail page for KPI:", kennzahl);
|
||||||
|
console.log("KPI ID:", kennzahl.id);
|
||||||
|
|
||||||
navigate({
|
navigate({
|
||||||
to: `/config-detail/$kpiId`,
|
to: `/config-detail/$kpiId`,
|
||||||
params: { kpiId: kennzahl.id.toString() },
|
params: { kpiId: kennzahl.id.toString() },
|
||||||
search: from ? { from } : undefined,
|
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -34,7 +34,6 @@ interface KennzahlenTableProps {
|
||||||
source: string;
|
source: string;
|
||||||
}[];
|
}[];
|
||||||
};
|
};
|
||||||
from?: string;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function KennzahlenTable({
|
export default function KennzahlenTable({
|
||||||
|
|
@ -42,11 +41,10 @@ export default function KennzahlenTable({
|
||||||
data,
|
data,
|
||||||
pdfId,
|
pdfId,
|
||||||
settings,
|
settings,
|
||||||
from
|
|
||||||
}: KennzahlenTableProps) {
|
}: KennzahlenTableProps) {
|
||||||
const [editingIndex, setEditingIndex] = useState<string>("");
|
const [editingIndex, setEditingIndex] = useState<string>("");
|
||||||
const [editValue, setEditValue] = useState("");
|
const [editValue, setEditValue] = useState("");
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate({ from: "/extractedResult/$pitchBook" });
|
||||||
|
|
||||||
const queryClient = useQueryClient();
|
const queryClient = useQueryClient();
|
||||||
|
|
||||||
|
|
@ -122,7 +120,6 @@ export default function KennzahlenTable({
|
||||||
pitchBook: pdfId,
|
pitchBook: pdfId,
|
||||||
kpi: settingName,
|
kpi: settingName,
|
||||||
},
|
},
|
||||||
search: { from: from ?? undefined },
|
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
@ -300,22 +297,18 @@ export default function KennzahlenTable({
|
||||||
)}
|
)}
|
||||||
</TableCell>
|
</TableCell>
|
||||||
<TableCell align="center">
|
<TableCell align="center">
|
||||||
{(row.extractedValues.at(0)?.page ?? 0) > 0 ? (
|
|
||||||
<Link
|
<Link
|
||||||
component="button"
|
component="button"
|
||||||
onClick={() => {
|
onClick={() =>
|
||||||
const extractedValue = row.extractedValues.at(0);
|
onPageClick?.(
|
||||||
if (extractedValue?.page && extractedValue.page > 0) {
|
Number(row.extractedValues.at(0)?.page),
|
||||||
onPageClick?.(Number(extractedValue.page), extractedValue.entity || "");
|
row.extractedValues.at(0)?.entity || "",
|
||||||
|
)
|
||||||
}
|
}
|
||||||
}}
|
|
||||||
sx={{ cursor: "pointer" }}
|
sx={{ cursor: "pointer" }}
|
||||||
>
|
>
|
||||||
{row.extractedValues.at(0)?.page}
|
{row.extractedValues.at(0)?.page}
|
||||||
</Link>
|
</Link>
|
||||||
) : (
|
|
||||||
""
|
|
||||||
)}
|
|
||||||
</TableCell>
|
</TableCell>
|
||||||
</TableRow>
|
</TableRow>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
|
|
@ -1,186 +0,0 @@
|
||||||
import { Box, Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Typography, CircularProgress, Chip } from "@mui/material";
|
|
||||||
import { useSuspenseQuery } from "@tanstack/react-query";
|
|
||||||
import { useNavigate } from "@tanstack/react-router";
|
|
||||||
import { pitchBooksQueryOptions } from "../util/query";
|
|
||||||
import PictureAsPdfIcon from '@mui/icons-material/PictureAsPdf';
|
|
||||||
import CheckCircleIcon from '@mui/icons-material/CheckCircle';
|
|
||||||
import HourglassEmptyIcon from '@mui/icons-material/HourglassEmpty';
|
|
||||||
|
|
||||||
interface PitchBook {
|
|
||||||
id: number;
|
|
||||||
filename: string;
|
|
||||||
created_at: string;
|
|
||||||
kpi?: string | {
|
|
||||||
[key: string]: {
|
|
||||||
label: string;
|
|
||||||
entity: string;
|
|
||||||
page: number;
|
|
||||||
status: string;
|
|
||||||
source: string;
|
|
||||||
}[];
|
|
||||||
};
|
|
||||||
status?: 'processing' | 'completed';
|
|
||||||
}
|
|
||||||
|
|
||||||
export function PitchBooksTable() {
|
|
||||||
const navigate = useNavigate();
|
|
||||||
const { data: pitchBooks, isLoading } = useSuspenseQuery(pitchBooksQueryOptions());
|
|
||||||
|
|
||||||
const handleRowClick = (pitchBookId: number) => {
|
|
||||||
navigate({
|
|
||||||
to: "/extractedResult/$pitchBook",
|
|
||||||
params: { pitchBook: pitchBookId.toString() },
|
|
||||||
search: { from: "overview" }
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
const getKPIValue = (pitchBook: PitchBook, fieldName: string): string => {
|
|
||||||
if (!pitchBook.kpi || typeof pitchBook.kpi === 'string') {
|
|
||||||
try {
|
|
||||||
const parsedKPI = JSON.parse(pitchBook.kpi as string);
|
|
||||||
// Convert array to object format if needed
|
|
||||||
const kpiObj = Array.isArray(parsedKPI) ?
|
|
||||||
parsedKPI.reduce((acc: any, item: any) => {
|
|
||||||
if (!acc[item.label]) acc[item.label] = [];
|
|
||||||
acc[item.label].push(item);
|
|
||||||
return acc;
|
|
||||||
}, {}) : parsedKPI;
|
|
||||||
|
|
||||||
return kpiObj[fieldName]?.[0]?.entity || 'N/A';
|
|
||||||
} catch {
|
|
||||||
return 'N/A';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return (pitchBook.kpi as any)[fieldName]?.[0]?.entity || 'N/A';
|
|
||||||
};
|
|
||||||
|
|
||||||
const getStatus = (pitchBook: PitchBook) => {
|
|
||||||
if (pitchBook.kpi &&
|
|
||||||
((typeof pitchBook.kpi === 'string' && pitchBook.kpi !== '{}') ||
|
|
||||||
(typeof pitchBook.kpi === 'object' && Object.keys(pitchBook.kpi).length > 0))) {
|
|
||||||
return 'completed';
|
|
||||||
}
|
|
||||||
return 'processing';
|
|
||||||
};
|
|
||||||
|
|
||||||
if (isLoading) {
|
|
||||||
return (
|
|
||||||
<Box display="flex" justifyContent="center" alignItems="center" height="400px">
|
|
||||||
<CircularProgress sx={{ color: "#383838" }} />
|
|
||||||
</Box>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<TableContainer
|
|
||||||
component={Paper}
|
|
||||||
sx={{
|
|
||||||
width: "85%",
|
|
||||||
maxWidth: 1200,
|
|
||||||
boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Table>
|
|
||||||
<TableHead>
|
|
||||||
<TableRow sx={{ backgroundColor: "#f5f5f5" }}>
|
|
||||||
<TableCell sx={{ width: "60px" }}></TableCell>
|
|
||||||
<TableCell sx={{ fontWeight: "bold" }}>Fondsname</TableCell>
|
|
||||||
<TableCell sx={{ fontWeight: "bold" }}>Fondsmanager</TableCell>
|
|
||||||
<TableCell sx={{ fontWeight: "bold" }}>Dateiname</TableCell>
|
|
||||||
<TableCell sx={{ fontWeight: "bold", width: "120px" }}>Status</TableCell>
|
|
||||||
</TableRow>
|
|
||||||
</TableHead>
|
|
||||||
<TableBody>
|
|
||||||
{pitchBooks.map((pitchBook: PitchBook) => {
|
|
||||||
const status = getStatus(pitchBook);
|
|
||||||
const fundName = getKPIValue(pitchBook, 'FONDSNAME') ||
|
|
||||||
getKPIValue(pitchBook, 'FUND_NAME') ||
|
|
||||||
getKPIValue(pitchBook, 'NAME');
|
|
||||||
|
|
||||||
const manager = getKPIValue(pitchBook, 'FONDSMANAGER') ||
|
|
||||||
getKPIValue(pitchBook, 'MANAGER') ||
|
|
||||||
getKPIValue(pitchBook, 'PORTFOLIO_MANAGER');
|
|
||||||
|
|
||||||
return (
|
|
||||||
<TableRow
|
|
||||||
key={pitchBook.id}
|
|
||||||
onClick={() => handleRowClick(pitchBook.id)}
|
|
||||||
sx={{
|
|
||||||
cursor: "pointer",
|
|
||||||
"&:hover": {
|
|
||||||
backgroundColor: "#f9f9f9",
|
|
||||||
},
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<TableCell>
|
|
||||||
<Box
|
|
||||||
sx={{
|
|
||||||
width: 40,
|
|
||||||
height: 50,
|
|
||||||
backgroundColor: "#f0f0f0",
|
|
||||||
borderRadius: 1,
|
|
||||||
display: "flex",
|
|
||||||
alignItems: "center",
|
|
||||||
justifyContent: "center",
|
|
||||||
border: "1px solid #e0e0e0",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<PictureAsPdfIcon fontSize="small" sx={{ color: "#666" }} />
|
|
||||||
</Box>
|
|
||||||
</TableCell>
|
|
||||||
<TableCell>
|
|
||||||
<Typography variant="body2" fontWeight="medium">
|
|
||||||
{fundName}
|
|
||||||
</Typography>
|
|
||||||
</TableCell>
|
|
||||||
<TableCell>{manager}</TableCell>
|
|
||||||
<TableCell>
|
|
||||||
<Typography variant="body2" color="text.secondary" fontSize="0.875rem">
|
|
||||||
{pitchBook.filename}
|
|
||||||
</Typography>
|
|
||||||
</TableCell>
|
|
||||||
<TableCell>
|
|
||||||
{status === 'completed' ? (
|
|
||||||
<Chip
|
|
||||||
icon={<CheckCircleIcon />}
|
|
||||||
label="Abgeschlossen"
|
|
||||||
size="small"
|
|
||||||
sx={{
|
|
||||||
backgroundColor: "#e8f5e9",
|
|
||||||
color: "#2e7d32",
|
|
||||||
"& .MuiChip-icon": {
|
|
||||||
color: "#2e7d32",
|
|
||||||
},
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
) : (
|
|
||||||
<Chip
|
|
||||||
icon={<HourglassEmptyIcon />}
|
|
||||||
label="In Bearbeitung"
|
|
||||||
size="small"
|
|
||||||
sx={{
|
|
||||||
backgroundColor: "#fff3e0",
|
|
||||||
color: "#e65100",
|
|
||||||
"& .MuiChip-icon": {
|
|
||||||
color: "#e65100",
|
|
||||||
},
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</TableCell>
|
|
||||||
</TableRow>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</TableBody>
|
|
||||||
</Table>
|
|
||||||
{pitchBooks.length === 0 && (
|
|
||||||
<Box p={4} textAlign="center">
|
|
||||||
<Typography color="text.secondary">
|
|
||||||
Keine Pitch Books vorhanden
|
|
||||||
</Typography>
|
|
||||||
</Box>
|
|
||||||
)}
|
|
||||||
</TableContainer>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
@ -179,19 +179,6 @@ export default function UploadPage() {
|
||||||
>
|
>
|
||||||
Kennzahlen extrahieren
|
Kennzahlen extrahieren
|
||||||
</Button>
|
</Button>
|
||||||
<Button
|
|
||||||
variant="contained"
|
|
||||||
sx={{
|
|
||||||
position: "absolute",
|
|
||||||
bottom: 32,
|
|
||||||
left: 32,
|
|
||||||
backgroundColor: "#383838",
|
|
||||||
"&:hover": { backgroundColor: "#2e2e2e" },
|
|
||||||
}}
|
|
||||||
onClick={() => navigate({ to: "/pitchbooks" })}
|
|
||||||
>
|
|
||||||
Alle Pitch Books anzeigen
|
|
||||||
</Button>
|
|
||||||
</Box>
|
</Box>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,6 @@
|
||||||
// Import Routes
|
// Import Routes
|
||||||
|
|
||||||
import { Route as rootRoute } from './routes/__root'
|
import { Route as rootRoute } from './routes/__root'
|
||||||
import { Route as PitchbooksImport } from './routes/pitchbooks'
|
|
||||||
import { Route as ConfigAddImport } from './routes/config-add'
|
import { Route as ConfigAddImport } from './routes/config-add'
|
||||||
import { Route as ConfigImport } from './routes/config'
|
import { Route as ConfigImport } from './routes/config'
|
||||||
import { Route as IndexImport } from './routes/index'
|
import { Route as IndexImport } from './routes/index'
|
||||||
|
|
@ -21,12 +20,6 @@ import { Route as ExtractedResultPitchBookKpiImport } from './routes/extractedRe
|
||||||
|
|
||||||
// Create/Update Routes
|
// Create/Update Routes
|
||||||
|
|
||||||
const PitchbooksRoute = PitchbooksImport.update({
|
|
||||||
id: '/pitchbooks',
|
|
||||||
path: '/pitchbooks',
|
|
||||||
getParentRoute: () => rootRoute,
|
|
||||||
} as any)
|
|
||||||
|
|
||||||
const ConfigAddRoute = ConfigAddImport.update({
|
const ConfigAddRoute = ConfigAddImport.update({
|
||||||
id: '/config-add',
|
id: '/config-add',
|
||||||
path: '/config-add',
|
path: '/config-add',
|
||||||
|
|
@ -89,13 +82,6 @@ declare module '@tanstack/react-router' {
|
||||||
preLoaderRoute: typeof ConfigAddImport
|
preLoaderRoute: typeof ConfigAddImport
|
||||||
parentRoute: typeof rootRoute
|
parentRoute: typeof rootRoute
|
||||||
}
|
}
|
||||||
'/pitchbooks': {
|
|
||||||
id: '/pitchbooks'
|
|
||||||
path: '/pitchbooks'
|
|
||||||
fullPath: '/pitchbooks'
|
|
||||||
preLoaderRoute: typeof PitchbooksImport
|
|
||||||
parentRoute: typeof rootRoute
|
|
||||||
}
|
|
||||||
'/config-detail/$kpiId': {
|
'/config-detail/$kpiId': {
|
||||||
id: '/config-detail/$kpiId'
|
id: '/config-detail/$kpiId'
|
||||||
path: '/config-detail/$kpiId'
|
path: '/config-detail/$kpiId'
|
||||||
|
|
@ -126,7 +112,6 @@ export interface FileRoutesByFullPath {
|
||||||
'/': typeof IndexRoute
|
'/': typeof IndexRoute
|
||||||
'/config': typeof ConfigRoute
|
'/config': typeof ConfigRoute
|
||||||
'/config-add': typeof ConfigAddRoute
|
'/config-add': typeof ConfigAddRoute
|
||||||
'/pitchbooks': typeof PitchbooksRoute
|
|
||||||
'/config-detail/$kpiId': typeof ConfigDetailKpiIdRoute
|
'/config-detail/$kpiId': typeof ConfigDetailKpiIdRoute
|
||||||
'/extractedResult/$pitchBook': typeof ExtractedResultPitchBookRoute
|
'/extractedResult/$pitchBook': typeof ExtractedResultPitchBookRoute
|
||||||
'/extractedResult/$pitchBook/$kpi': typeof ExtractedResultPitchBookKpiRoute
|
'/extractedResult/$pitchBook/$kpi': typeof ExtractedResultPitchBookKpiRoute
|
||||||
|
|
@ -136,7 +121,6 @@ export interface FileRoutesByTo {
|
||||||
'/': typeof IndexRoute
|
'/': typeof IndexRoute
|
||||||
'/config': typeof ConfigRoute
|
'/config': typeof ConfigRoute
|
||||||
'/config-add': typeof ConfigAddRoute
|
'/config-add': typeof ConfigAddRoute
|
||||||
'/pitchbooks': typeof PitchbooksRoute
|
|
||||||
'/config-detail/$kpiId': typeof ConfigDetailKpiIdRoute
|
'/config-detail/$kpiId': typeof ConfigDetailKpiIdRoute
|
||||||
'/extractedResult/$pitchBook': typeof ExtractedResultPitchBookRoute
|
'/extractedResult/$pitchBook': typeof ExtractedResultPitchBookRoute
|
||||||
'/extractedResult/$pitchBook/$kpi': typeof ExtractedResultPitchBookKpiRoute
|
'/extractedResult/$pitchBook/$kpi': typeof ExtractedResultPitchBookKpiRoute
|
||||||
|
|
@ -147,7 +131,6 @@ export interface FileRoutesById {
|
||||||
'/': typeof IndexRoute
|
'/': typeof IndexRoute
|
||||||
'/config': typeof ConfigRoute
|
'/config': typeof ConfigRoute
|
||||||
'/config-add': typeof ConfigAddRoute
|
'/config-add': typeof ConfigAddRoute
|
||||||
'/pitchbooks': typeof PitchbooksRoute
|
|
||||||
'/config-detail/$kpiId': typeof ConfigDetailKpiIdRoute
|
'/config-detail/$kpiId': typeof ConfigDetailKpiIdRoute
|
||||||
'/extractedResult/$pitchBook': typeof ExtractedResultPitchBookRoute
|
'/extractedResult/$pitchBook': typeof ExtractedResultPitchBookRoute
|
||||||
'/extractedResult_/$pitchBook/$kpi': typeof ExtractedResultPitchBookKpiRoute
|
'/extractedResult_/$pitchBook/$kpi': typeof ExtractedResultPitchBookKpiRoute
|
||||||
|
|
@ -159,7 +142,6 @@ export interface FileRouteTypes {
|
||||||
| '/'
|
| '/'
|
||||||
| '/config'
|
| '/config'
|
||||||
| '/config-add'
|
| '/config-add'
|
||||||
| '/pitchbooks'
|
|
||||||
| '/config-detail/$kpiId'
|
| '/config-detail/$kpiId'
|
||||||
| '/extractedResult/$pitchBook'
|
| '/extractedResult/$pitchBook'
|
||||||
| '/extractedResult/$pitchBook/$kpi'
|
| '/extractedResult/$pitchBook/$kpi'
|
||||||
|
|
@ -168,7 +150,6 @@ export interface FileRouteTypes {
|
||||||
| '/'
|
| '/'
|
||||||
| '/config'
|
| '/config'
|
||||||
| '/config-add'
|
| '/config-add'
|
||||||
| '/pitchbooks'
|
|
||||||
| '/config-detail/$kpiId'
|
| '/config-detail/$kpiId'
|
||||||
| '/extractedResult/$pitchBook'
|
| '/extractedResult/$pitchBook'
|
||||||
| '/extractedResult/$pitchBook/$kpi'
|
| '/extractedResult/$pitchBook/$kpi'
|
||||||
|
|
@ -177,7 +158,6 @@ export interface FileRouteTypes {
|
||||||
| '/'
|
| '/'
|
||||||
| '/config'
|
| '/config'
|
||||||
| '/config-add'
|
| '/config-add'
|
||||||
| '/pitchbooks'
|
|
||||||
| '/config-detail/$kpiId'
|
| '/config-detail/$kpiId'
|
||||||
| '/extractedResult/$pitchBook'
|
| '/extractedResult/$pitchBook'
|
||||||
| '/extractedResult_/$pitchBook/$kpi'
|
| '/extractedResult_/$pitchBook/$kpi'
|
||||||
|
|
@ -188,7 +168,6 @@ export interface RootRouteChildren {
|
||||||
IndexRoute: typeof IndexRoute
|
IndexRoute: typeof IndexRoute
|
||||||
ConfigRoute: typeof ConfigRoute
|
ConfigRoute: typeof ConfigRoute
|
||||||
ConfigAddRoute: typeof ConfigAddRoute
|
ConfigAddRoute: typeof ConfigAddRoute
|
||||||
PitchbooksRoute: typeof PitchbooksRoute
|
|
||||||
ConfigDetailKpiIdRoute: typeof ConfigDetailKpiIdRoute
|
ConfigDetailKpiIdRoute: typeof ConfigDetailKpiIdRoute
|
||||||
ExtractedResultPitchBookRoute: typeof ExtractedResultPitchBookRoute
|
ExtractedResultPitchBookRoute: typeof ExtractedResultPitchBookRoute
|
||||||
ExtractedResultPitchBookKpiRoute: typeof ExtractedResultPitchBookKpiRoute
|
ExtractedResultPitchBookKpiRoute: typeof ExtractedResultPitchBookKpiRoute
|
||||||
|
|
@ -198,7 +177,6 @@ const rootRouteChildren: RootRouteChildren = {
|
||||||
IndexRoute: IndexRoute,
|
IndexRoute: IndexRoute,
|
||||||
ConfigRoute: ConfigRoute,
|
ConfigRoute: ConfigRoute,
|
||||||
ConfigAddRoute: ConfigAddRoute,
|
ConfigAddRoute: ConfigAddRoute,
|
||||||
PitchbooksRoute: PitchbooksRoute,
|
|
||||||
ConfigDetailKpiIdRoute: ConfigDetailKpiIdRoute,
|
ConfigDetailKpiIdRoute: ConfigDetailKpiIdRoute,
|
||||||
ExtractedResultPitchBookRoute: ExtractedResultPitchBookRoute,
|
ExtractedResultPitchBookRoute: ExtractedResultPitchBookRoute,
|
||||||
ExtractedResultPitchBookKpiRoute: ExtractedResultPitchBookKpiRoute,
|
ExtractedResultPitchBookKpiRoute: ExtractedResultPitchBookKpiRoute,
|
||||||
|
|
@ -217,7 +195,6 @@ export const routeTree = rootRoute
|
||||||
"/",
|
"/",
|
||||||
"/config",
|
"/config",
|
||||||
"/config-add",
|
"/config-add",
|
||||||
"/pitchbooks",
|
|
||||||
"/config-detail/$kpiId",
|
"/config-detail/$kpiId",
|
||||||
"/extractedResult/$pitchBook",
|
"/extractedResult/$pitchBook",
|
||||||
"/extractedResult_/$pitchBook/$kpi"
|
"/extractedResult_/$pitchBook/$kpi"
|
||||||
|
|
@ -232,9 +209,6 @@ export const routeTree = rootRoute
|
||||||
"/config-add": {
|
"/config-add": {
|
||||||
"filePath": "config-add.tsx"
|
"filePath": "config-add.tsx"
|
||||||
},
|
},
|
||||||
"/pitchbooks": {
|
|
||||||
"filePath": "pitchbooks.tsx"
|
|
||||||
},
|
|
||||||
"/config-detail/$kpiId": {
|
"/config-detail/$kpiId": {
|
||||||
"filePath": "config-detail.$kpiId.tsx"
|
"filePath": "config-detail.$kpiId.tsx"
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -7,23 +7,10 @@ import { API_HOST } from "../util/api";
|
||||||
|
|
||||||
export const Route = createFileRoute("/config-add")({
|
export const Route = createFileRoute("/config-add")({
|
||||||
component: ConfigAddPage,
|
component: ConfigAddPage,
|
||||||
validateSearch: (search: Record<string, unknown>): { from?: string } => {
|
|
||||||
return {
|
|
||||||
from: search.from as string | undefined,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
});
|
});
|
||||||
|
|
||||||
function ConfigAddPage() {
|
function ConfigAddPage() {
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
const { from } = Route.useSearch();
|
|
||||||
|
|
||||||
const handleBack = () => {
|
|
||||||
navigate({
|
|
||||||
to: "/config",
|
|
||||||
search: from ? { from } : undefined,
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleSave = async (formData: Partial<Kennzahl>) => {
|
const handleSave = async (formData: Partial<Kennzahl>) => {
|
||||||
try {
|
try {
|
||||||
|
|
@ -82,7 +69,7 @@ function ConfigAddPage() {
|
||||||
mb={4}
|
mb={4}
|
||||||
>
|
>
|
||||||
<Box display="flex" alignItems="center">
|
<Box display="flex" alignItems="center">
|
||||||
<IconButton onClick={handleBack}>
|
<IconButton onClick={() => navigate({ to: "/config" })}>
|
||||||
<ArrowBackIcon fontSize="large" sx={{ color: '#383838' }}/>
|
<ArrowBackIcon fontSize="large" sx={{ color: '#383838' }}/>
|
||||||
</IconButton>
|
</IconButton>
|
||||||
<Typography variant="h5" fontWeight="bold" ml={3}>
|
<Typography variant="h5" fontWeight="bold" ml={3}>
|
||||||
|
|
|
||||||
|
|
@ -10,29 +10,16 @@ import { API_HOST } from "../util/api";
|
||||||
|
|
||||||
export const Route = createFileRoute("/config-detail/$kpiId")({
|
export const Route = createFileRoute("/config-detail/$kpiId")({
|
||||||
component: KPIDetailPage,
|
component: KPIDetailPage,
|
||||||
validateSearch: (search: Record<string, unknown>): { from?: string } => {
|
|
||||||
return {
|
|
||||||
from: search.from as string | undefined,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
});
|
});
|
||||||
|
|
||||||
function KPIDetailPage() {
|
function KPIDetailPage() {
|
||||||
const { kpiId } = Route.useParams();
|
const { kpiId } = Route.useParams();
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
const { from } = Route.useSearch();
|
|
||||||
const [kennzahl, setKennzahl] = useState<Kennzahl | null>(null);
|
const [kennzahl, setKennzahl] = useState<Kennzahl | null>(null);
|
||||||
const [isEditing, setIsEditing] = useState(false);
|
const [isEditing, setIsEditing] = useState(false);
|
||||||
const [loading, setLoading] = useState(true);
|
const [loading, setLoading] = useState(true);
|
||||||
const [error, setError] = useState<string | null>(null);
|
const [error, setError] = useState<string | null>(null);
|
||||||
|
|
||||||
const handleBack = () => {
|
|
||||||
navigate({
|
|
||||||
to: "/config",
|
|
||||||
search: from ? { from } : undefined
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const fetchKennzahl = async () => {
|
const fetchKennzahl = async () => {
|
||||||
try {
|
try {
|
||||||
|
|
@ -152,7 +139,7 @@ function KPIDetailPage() {
|
||||||
mb={4}
|
mb={4}
|
||||||
>
|
>
|
||||||
<Box display="flex" alignItems="center">
|
<Box display="flex" alignItems="center">
|
||||||
<IconButton onClick={handleBack}>
|
<IconButton onClick={() => navigate({ to: "/config" })}>
|
||||||
<ArrowBackIcon fontSize="large" sx={{ color: '#383838' }}/>
|
<ArrowBackIcon fontSize="large" sx={{ color: '#383838' }}/>
|
||||||
</IconButton>
|
</IconButton>
|
||||||
<Typography variant="h5" fontWeight="bold" ml={3}>
|
<Typography variant="h5" fontWeight="bold" ml={3}>
|
||||||
|
|
@ -263,7 +250,7 @@ function KPIDetailPage() {
|
||||||
mb={4}
|
mb={4}
|
||||||
>
|
>
|
||||||
<Box display="flex" alignItems="center">
|
<Box display="flex" alignItems="center">
|
||||||
<IconButton onClick={handleBack}>
|
<IconButton onClick={() => navigate({ to: "/config" })}>
|
||||||
<ArrowBackIcon fontSize="large" sx={{ color: '#383838' }}/>
|
<ArrowBackIcon fontSize="large" sx={{ color: '#383838' }}/>
|
||||||
</IconButton>
|
</IconButton>
|
||||||
<Typography variant="h5" fontWeight="bold" ml={3}>
|
<Typography variant="h5" fontWeight="bold" ml={3}>
|
||||||
|
|
|
||||||
|
|
@ -6,29 +6,13 @@ import { ConfigTable } from "../components/ConfigTable";
|
||||||
|
|
||||||
export const Route = createFileRoute("/config")({
|
export const Route = createFileRoute("/config")({
|
||||||
component: ConfigPage,
|
component: ConfigPage,
|
||||||
validateSearch: (search: Record<string, unknown>): { from?: string } => {
|
|
||||||
const from = typeof search.from === "string" ? search.from : undefined;
|
|
||||||
return { from };
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
|
|
||||||
function ConfigPage() {
|
function ConfigPage() {
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
const { from } = Route.useSearch();
|
|
||||||
|
|
||||||
const handleAddNewKPI = () => {
|
const handleAddNewKPI = () => {
|
||||||
navigate({
|
navigate({ to: "/config-add" });
|
||||||
to: "/config-add",
|
|
||||||
search: from ? { from } : undefined
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleBack = () => {
|
|
||||||
if (from === "pitchbooks") {
|
|
||||||
navigate({ to: "/pitchbooks" });
|
|
||||||
} else {
|
|
||||||
navigate({ to: "/" });
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
@ -50,7 +34,7 @@ function ConfigPage() {
|
||||||
px={4}
|
px={4}
|
||||||
>
|
>
|
||||||
<Box display="flex" alignItems="center">
|
<Box display="flex" alignItems="center">
|
||||||
<IconButton onClick={handleBack}>
|
<IconButton onClick={() => navigate({ to: "/" })}>
|
||||||
<ArrowBackIcon fontSize="large" sx={{ color: '#383838' }}/>
|
<ArrowBackIcon fontSize="large" sx={{ color: '#383838' }}/>
|
||||||
</IconButton>
|
</IconButton>
|
||||||
<Typography variant="h5" fontWeight="bold" ml={3}>
|
<Typography variant="h5" fontWeight="bold" ml={3}>
|
||||||
|
|
@ -69,7 +53,7 @@ function ConfigPage() {
|
||||||
</Button>
|
</Button>
|
||||||
</Box>
|
</Box>
|
||||||
<Box sx={{ width: "100%", mt: 4, display: "flex", justifyContent: "center" }}>
|
<Box sx={{ width: "100%", mt: 4, display: "flex", justifyContent: "center" }}>
|
||||||
<ConfigTable from={from} />
|
<ConfigTable />
|
||||||
</Box>
|
</Box>
|
||||||
</Box>
|
</Box>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
|
|
@ -1,39 +1,24 @@
|
||||||
import ContentPasteIcon from "@mui/icons-material/ContentPaste";
|
import ContentPasteIcon from "@mui/icons-material/ContentPaste";
|
||||||
import { Box, Button, Paper, Typography, Snackbar, Alert, IconButton } from "@mui/material";
|
import { Box, Button, Paper, Typography, Snackbar, Alert } from "@mui/material";
|
||||||
import ArrowBackIcon from "@mui/icons-material/ArrowBack";
|
|
||||||
import { useSuspenseQuery } from "@tanstack/react-query";
|
import { useSuspenseQuery } from "@tanstack/react-query";
|
||||||
import { createFileRoute, useNavigate } from "@tanstack/react-router";
|
import { createFileRoute, useNavigate } from "@tanstack/react-router";
|
||||||
import { useCallback, useState, useMemo } from "react";
|
import { useCallback, useState, useMemo } from "react";
|
||||||
import KennzahlenTable from "../components/KennzahlenTable";
|
import KennzahlenTable from "../components/KennzahlenTable";
|
||||||
import PDFViewer from "../components/pdfViewer";
|
import PDFViewer from "../components/pdfViewer";
|
||||||
import { kpiQueryOptions, settingsQueryOptions } from "../util/query";
|
import { kpiQueryOptions, settingsQueryOptions } from "../util/query";
|
||||||
import { redirect } from "@tanstack/react-router";
|
|
||||||
|
|
||||||
export const Route = createFileRoute("/extractedResult/$pitchBook")({
|
export const Route = createFileRoute("/extractedResult/$pitchBook")({
|
||||||
component: ExtractedResultsPage,
|
component: ExtractedResultsPage,
|
||||||
validateSearch: (search: Record<string, unknown>): { from?: string } => {
|
loader: ({ context: { queryClient }, params: { pitchBook } }) =>
|
||||||
return {
|
Promise.allSettled([
|
||||||
from: search.from as string | undefined,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
loader: async ({ context: { queryClient }, params: { pitchBook } }) => {
|
|
||||||
const results = await Promise.allSettled([
|
|
||||||
queryClient.ensureQueryData(kpiQueryOptions(pitchBook)),
|
queryClient.ensureQueryData(kpiQueryOptions(pitchBook)),
|
||||||
queryClient.ensureQueryData(settingsQueryOptions()),
|
queryClient.ensureQueryData(settingsQueryOptions()),
|
||||||
]);
|
]),
|
||||||
if (results[0].status === "rejected") {
|
|
||||||
throw redirect({
|
|
||||||
to: "/"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return results;
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
|
|
||||||
function ExtractedResultsPage() {
|
function ExtractedResultsPage() {
|
||||||
const { pitchBook } = Route.useParams();
|
const { pitchBook } = Route.useParams();
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
const { from } = Route.useSearch();
|
|
||||||
const [currentPage, setCurrentPage] = useState(1);
|
const [currentPage, setCurrentPage] = useState(1);
|
||||||
const [copied, setCopied] = useState(false);
|
const [copied, setCopied] = useState(false);
|
||||||
const [snackbarOpen, setSnackbarOpen] = useState(false);
|
const [snackbarOpen, setSnackbarOpen] = useState(false);
|
||||||
|
|
@ -139,14 +124,6 @@ function ExtractedResultsPage() {
|
||||||
return (
|
return (
|
||||||
<Box p={4}>
|
<Box p={4}>
|
||||||
<Box display="flex" alignItems="center" gap={3}>
|
<Box display="flex" alignItems="center" gap={3}>
|
||||||
{from === "overview" && (
|
|
||||||
<IconButton
|
|
||||||
onClick={() => navigate({ to: "/pitchbooks" })}
|
|
||||||
sx={{ ml: -1 }}
|
|
||||||
>
|
|
||||||
<ArrowBackIcon fontSize="large" sx={{ color: '#383838' }}/>
|
|
||||||
</IconButton>
|
|
||||||
)}
|
|
||||||
<Box
|
<Box
|
||||||
sx={{
|
sx={{
|
||||||
width: 45,
|
width: 45,
|
||||||
|
|
@ -188,7 +165,6 @@ function ExtractedResultsPage() {
|
||||||
onPageClick={onSiteClick}
|
onPageClick={onSiteClick}
|
||||||
data={kpi}
|
data={kpi}
|
||||||
pdfId={pitchBook}
|
pdfId={pitchBook}
|
||||||
from={from}
|
|
||||||
/>
|
/>
|
||||||
</Paper>
|
</Paper>
|
||||||
<Box
|
<Box
|
||||||
|
|
|
||||||
|
|
@ -30,24 +30,11 @@ import { useEffect, useState } from "react";
|
||||||
import PDFViewer from "../components/pdfViewer";
|
import PDFViewer from "../components/pdfViewer";
|
||||||
import { fetchPutKPI } from "../util/api";
|
import { fetchPutKPI } from "../util/api";
|
||||||
import { kpiQueryOptions } from "../util/query";
|
import { kpiQueryOptions } from "../util/query";
|
||||||
import { redirect } from "@tanstack/react-router";
|
|
||||||
|
|
||||||
export const Route = createFileRoute("/extractedResult_/$pitchBook/$kpi")({
|
export const Route = createFileRoute("/extractedResult_/$pitchBook/$kpi")({
|
||||||
component: ExtractedResultsPage,
|
component: ExtractedResultsPage,
|
||||||
validateSearch: (search: Record<string, unknown>) => {
|
loader: ({ context: { queryClient }, params: { pitchBook } }) =>
|
||||||
return {
|
queryClient.ensureQueryData(kpiQueryOptions(pitchBook)),
|
||||||
from: typeof search.from === "string" ? search.from : undefined,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
loader: async ({ context: { queryClient }, params: { pitchBook } }) => {
|
|
||||||
try {
|
|
||||||
return await queryClient.ensureQueryData(kpiQueryOptions(pitchBook));
|
|
||||||
} catch (err) {
|
|
||||||
throw redirect({
|
|
||||||
to: "/"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
});
|
});
|
||||||
|
|
||||||
function ExtractedResultsPage() {
|
function ExtractedResultsPage() {
|
||||||
|
|
@ -55,7 +42,6 @@ function ExtractedResultsPage() {
|
||||||
const { pitchBook, kpi } = params;
|
const { pitchBook, kpi } = params;
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
const queryClient = useQueryClient();
|
const queryClient = useQueryClient();
|
||||||
const { from } = Route.useSearch();
|
|
||||||
|
|
||||||
const { data: kpiData } = useSuspenseQuery(kpiQueryOptions(pitchBook));
|
const { data: kpiData } = useSuspenseQuery(kpiQueryOptions(pitchBook));
|
||||||
|
|
||||||
|
|
@ -76,21 +62,9 @@ function ExtractedResultsPage() {
|
||||||
const { mutate: updateKPI } = useMutation({
|
const { mutate: updateKPI } = useMutation({
|
||||||
mutationFn: () => {
|
mutationFn: () => {
|
||||||
const updatedData = { ...kpiData };
|
const updatedData = { ...kpiData };
|
||||||
let baseObject;
|
|
||||||
if (selectedIndex >= 0) {
|
|
||||||
baseObject = kpiValues[selectedIndex];
|
|
||||||
} else {
|
|
||||||
baseObject = {
|
|
||||||
label: kpi.toUpperCase(),
|
|
||||||
entity: selectedValue,
|
|
||||||
page: 0,
|
|
||||||
status: "single-source",
|
|
||||||
source: "manual",
|
|
||||||
};
|
|
||||||
}
|
|
||||||
updatedData[kpi.toUpperCase()] = [
|
updatedData[kpi.toUpperCase()] = [
|
||||||
{
|
{
|
||||||
...baseObject,
|
...kpiValues[0],
|
||||||
entity: selectedValue,
|
entity: selectedValue,
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
@ -103,7 +77,6 @@ function ExtractedResultsPage() {
|
||||||
navigate({
|
navigate({
|
||||||
to: "/extractedResult/$pitchBook",
|
to: "/extractedResult/$pitchBook",
|
||||||
params: { pitchBook },
|
params: { pitchBook },
|
||||||
search: from ? { from } : undefined
|
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
onError: (error) => {
|
onError: (error) => {
|
||||||
|
|
@ -144,7 +117,6 @@ function ExtractedResultsPage() {
|
||||||
navigate({
|
navigate({
|
||||||
to: "/extractedResult/$pitchBook",
|
to: "/extractedResult/$pitchBook",
|
||||||
params: { pitchBook },
|
params: { pitchBook },
|
||||||
search: from ? { from } : undefined
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
@ -154,7 +126,6 @@ function ExtractedResultsPage() {
|
||||||
navigate({
|
navigate({
|
||||||
to: "/extractedResult/$pitchBook",
|
to: "/extractedResult/$pitchBook",
|
||||||
params: { pitchBook },
|
params: { pitchBook },
|
||||||
search: from ? { from } : undefined
|
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,59 +0,0 @@
|
||||||
import { createFileRoute } from "@tanstack/react-router";
|
|
||||||
import { Box, Typography, IconButton } from "@mui/material";
|
|
||||||
import ArrowBackIcon from "@mui/icons-material/ArrowBack";
|
|
||||||
import SettingsIcon from "@mui/icons-material/Settings";
|
|
||||||
import { useNavigate } from "@tanstack/react-router";
|
|
||||||
import { PitchBooksTable } from "../components/PitchBooksTable";
|
|
||||||
import { pitchBooksQueryOptions } from "../util/query";
|
|
||||||
|
|
||||||
export const Route = createFileRoute("/pitchbooks")({
|
|
||||||
component: PitchBooksPage,
|
|
||||||
loader: ({ context: { queryClient } }) =>
|
|
||||||
queryClient.ensureQueryData(pitchBooksQueryOptions()),
|
|
||||||
});
|
|
||||||
|
|
||||||
function PitchBooksPage() {
|
|
||||||
const navigate = useNavigate();
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Box
|
|
||||||
minHeight="100vh"
|
|
||||||
width="100vw"
|
|
||||||
bgcolor="white"
|
|
||||||
display="flex"
|
|
||||||
flexDirection="column"
|
|
||||||
alignItems="center"
|
|
||||||
pt={3}
|
|
||||||
pb={4}
|
|
||||||
>
|
|
||||||
<Box
|
|
||||||
width="100%"
|
|
||||||
display="flex"
|
|
||||||
justifyContent="space-between"
|
|
||||||
alignItems="center"
|
|
||||||
px={4}
|
|
||||||
mb={4}
|
|
||||||
>
|
|
||||||
<Box display="flex" alignItems="center">
|
|
||||||
<IconButton onClick={() => navigate({ to: "/" })}>
|
|
||||||
<ArrowBackIcon fontSize="large" sx={{ color: '#383838' }}/>
|
|
||||||
</IconButton>
|
|
||||||
<Typography variant="h5" fontWeight="bold" ml={3}>
|
|
||||||
Übersicht aller Pitch Books
|
|
||||||
</Typography>
|
|
||||||
</Box>
|
|
||||||
<IconButton
|
|
||||||
onClick={() => navigate({
|
|
||||||
to: "/config",
|
|
||||||
search: { from: "pitchbooks" }
|
|
||||||
})}
|
|
||||||
>
|
|
||||||
<SettingsIcon fontSize="large" sx={{ color: '#383838' }} />
|
|
||||||
</IconButton>
|
|
||||||
</Box>
|
|
||||||
<Box sx={{ width: "100%", display: "flex", justifyContent: "center" }}>
|
|
||||||
<PitchBooksTable />
|
|
||||||
</Box>
|
|
||||||
</Box>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
@ -111,11 +111,3 @@ export const fetchKennzahlen = async (): Promise<Kennzahl[]> => {
|
||||||
const data = await response.json();
|
const data = await response.json();
|
||||||
return data;
|
return data;
|
||||||
};
|
};
|
||||||
|
|
||||||
export async function fetchPitchBooks() {
|
|
||||||
const response = await fetch(`${API_HOST}/api/pitch_book/`);
|
|
||||||
if (!response.ok) {
|
|
||||||
throw new Error("Failed to fetch pitch books");
|
|
||||||
}
|
|
||||||
return response.json();
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
import { queryOptions } from "@tanstack/react-query";
|
import { queryOptions } from "@tanstack/react-query";
|
||||||
import { fetchKPI, fetchKennzahlen, fetchPitchBooks } from "./api";
|
import { fetchKPI, fetchKennzahlen } from "./api";
|
||||||
|
|
||||||
export const kpiQueryOptions = (pitchBookId: string) =>
|
export const kpiQueryOptions = (pitchBookId: string) =>
|
||||||
queryOptions({
|
queryOptions({
|
||||||
|
|
@ -12,10 +12,3 @@ export const settingsQueryOptions = () =>
|
||||||
queryKey: ["pitchBookSettings"],
|
queryKey: ["pitchBookSettings"],
|
||||||
queryFn: () => fetchKennzahlen(),
|
queryFn: () => fetchKennzahlen(),
|
||||||
});
|
});
|
||||||
|
|
||||||
export const pitchBooksQueryOptions = () =>
|
|
||||||
queryOptions({
|
|
||||||
queryKey: ["pitchBooks"],
|
|
||||||
queryFn: fetchPitchBooks,
|
|
||||||
staleTime: 30000,
|
|
||||||
});
|
|
||||||
Loading…
Reference in New Issue