From cc74821715c281bf20ee2af1c8763c4f40516866 Mon Sep 17 00:00:00 2001
From: kmiola <kmiola@ethz.ch>
Date: Sat, 16 Nov 2024 13:29:09 +0000
Subject: [PATCH] remove temporary file
---
src/pages/onlycreditpaymentlist.tsx | 249 ----------------------------
1 file changed, 249 deletions(-)
delete mode 100644 src/pages/onlycreditpaymentlist.tsx
diff --git a/src/pages/onlycreditpaymentlist.tsx b/src/pages/onlycreditpaymentlist.tsx
deleted file mode 100644
index 17a85ef..0000000
--- a/src/pages/onlycreditpaymentlist.tsx
+++ /dev/null
@@ -1,249 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Container, CircularProgress, Typography, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Paper, Alert, TextField, FormControl, InputLabel, Select, MenuItem } from '@mui/material';
-import { creditPaymentsReadCreditPayments, reimbursementsReadReimbursements, client, ledgersReadLedgers, kstsReadKsts } from '../client/services.gen'; // Adjust this path based on where your generated client is located
-import { CreditPaymentPublic_Output, CreditPaymentsList, ReimbursementsList, ReimbursementPublic_Output, LedgerPublic, KstPublic } from '../client/types.gen';
-import { SelectChangeEvent } from '@mui/material/Select';
-
-// Set the base URL and headers for the client
-client.setConfig({
- baseUrl: import.meta.env.VITE_API_BASE_URL, // Ensure VITE_API_BASE_URL is set in your .env file
- headers: {
- Origin: `localhost`,
- },
-});
-
-export default function CreditPaymentsPage() {
- const [creditPayments, setCreditPayments] = useState<CreditPaymentPublic_Output[]>([]);
- const [filteredPayments, setFilteredPayments] = useState<CreditPaymentPublic_Output[]>([]);
- const [ledgerItems, setLedgerItems] = useState<LedgerPublic[]>([]);
- const [kstItems, setKstItems] = useState<KstPublic[]>([]);
- const [loading, setLoading] = useState(true);
- const [error, setError] = useState<string | null>(null);
- const [loadingLedger, setLoadingLedger] = useState(true);
- const [errorLedger, setErrorLedger] = useState<string | null>(null);
- const [loadingKst, setLoadingKst] = useState(true);
- const [errorKst, setErrorKst] = useState<string | null>(null);
-
- const [filters, setFilters] = useState({
- kstId: '',
- ledgerId: '',
- amount: '',
- });
-
- const fetchCreditPayments = async () => {
- setLoading(true);
- setError(null);
-
- try {
- const response = await creditPaymentsReadCreditPayments();
-
- // Check if response is HTML, indicating a possible error
- if (typeof response.data !== 'object' || !('items' in response.data)) {
- console.error('Unexpected response format:', response.data);
- setError('Received unexpected response format from the server.');
- return;
- }
-
- const creditPaymentsList = response.data as CreditPaymentsList;
- setCreditPayments(creditPaymentsList.items);
- setFilteredPayments(creditPaymentsList.items);
- } catch (err) {
- console.error('Error fetching credit payments:', err);
- setError('Error fetching credit payments');
- } finally {
- setLoading(false);
- }
- };
-
- const fetchLedgers = async () => {
- setErrorLedger(null);
- setLoadingLedger(true);
-
- try {
- const response = await ledgersReadLedgers();
-
- // Check if response is HTML, indicating a possible error
- if (typeof response.data !== 'object' || !('items' in response.data)) {
- console.error('Unexpected response format:', response.data);
- setErrorLedger('Received unexpected response format from the server.');
- return;
- }
-
- const ledgersList = response.data as { items: LedgerPublic[] };
- setLedgerItems(ledgersList.items);
- } catch (err) {
- setErrorLedger('Failed to load ledgers');
- console.error('Error fetching ledgers:', err);
- } finally {
- setLoadingLedger(false);
- }
- };
-
- const fetchKsts = async () => {
- setErrorKst(null);
- setLoadingKst(true);
-
- try {
- const response = await kstsReadKsts();
-
- // Check if response is HTML, indicating a possible error
- if (typeof response.data !== 'object' || !('items' in response.data)) {
- console.error('Unexpected response format:', response.data);
- setErrorKst('Received unexpected response format from the server.');
- return;
- }
-
- const KstList = response.data as { items: KstPublic[] };
- setKstItems(KstList.items);
- } catch (err) {
- setErrorKst('Failed to load KSTs');
- console.error('Error fetching KSTs:', err);
- } finally {
- setLoadingKst(false);
- }
- };
-
- useEffect(() => {
- fetchCreditPayments();
- fetchLedgers();
- fetchKsts();
- }, []);
-
- const getLedgerName = (ledgerId: string) => {
- const ledger = ledgerItems.find((ledger) => ledger.id === ledgerId);
- return ledger ? ledger.namede : ledgerId;
- };
-
- const getKstName = (KstId: string) => {
- const kst = kstItems.find((kst) => kst.id === KstId);
- return kst ? kst.name_de : KstId;
- };
-
- const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
- const { name, value } = e.target;
- setFilters({
- ...filters,
- [name]: value,
- });
- };
-
- const handleSelectChange = (event: SelectChangeEvent<string>) => {
- const { name, value } = event.target;
- setFilters({
- ...filters,
- [name]: value,
- });
- };
-
- useEffect(() => {
- let filtered = creditPayments;
-
- if (filters.kstId) {
- filtered = filtered.filter((payment) => payment.creditor.kst_id === filters.kstId);
- }
-
- if (filters.ledgerId) {
- filtered = filtered.filter((payment) => payment.creditor.ledger_id === filters.ledgerId);
- }
-
- if (filters.amount) {
- filtered = filtered.filter((payment) => payment.creditor.amount === Number(filters.amount));
- }
-
- setFilteredPayments(filtered);
- }, [filters, creditPayments]);
-
- return (
- <Container>
- <Typography variant="h4" component="h2" gutterBottom>
- Credit Payments
- </Typography>
- <FormControl fullWidth margin="normal">
- <InputLabel id="kst-filter-label">KST</InputLabel>
- <Select
- labelId="kst-filter-label"
- name="kstId"
- value={filters.kstId}
- onChange={handleSelectChange}
- >
- <MenuItem value="">
- <em>None</em>
- </MenuItem>
- {kstItems.map((kst) => (
- <MenuItem key={kst.id} value={kst.id}>
- {kst.name_de}
- </MenuItem>
- ))}
- </Select>
- </FormControl>
- <FormControl fullWidth margin="normal">
- <InputLabel id="ledger-filter-label">Ledger</InputLabel>
- <Select
- labelId="ledger-filter-label"
- name="ledgerId"
- value={filters.ledgerId}
- onChange={handleSelectChange}
- >
- <MenuItem value="">
- <em>None</em>
- </MenuItem>
- {ledgerItems.map((ledger) => (
- <MenuItem key={ledger.id} value={ledger.id}>
- {ledger.namede}
- </MenuItem>
- ))}
- </Select>
- </FormControl>
- <TextField
- label="Amount"
- name="amount"
- value={filters.amount}
- onChange={handleInputChange}
- fullWidth
- margin="normal"
- />
- {loading || loadingLedger || loadingKst ? (
- <CircularProgress />
- ) : error ? (
- <Alert severity="error">{error}</Alert>
- ) : errorLedger ? (
- <Alert severity="error">{errorLedger}</Alert>
- ) : errorKst ? (
- <Alert severity="error">{errorKst}</Alert>
- ) : (
- <TableContainer component={Paper}>
- <Table>
- <TableHead>
- <TableRow>
- <TableCell>Recipt</TableCell>
- <TableCell>Card</TableCell>
- <TableCell>KST</TableCell>
- <TableCell>Ledger</TableCell>
- <TableCell>Amount</TableCell>
- <TableCell>Accounting Year</TableCell>
- <TableCell>Currency</TableCell>
- <TableCell>Comment</TableCell>
- <TableCell>QComment</TableCell>
- </TableRow>
- </TableHead>
- <TableBody>
- {filteredPayments.map((payment) => (
- <TableRow key={payment.id}>
- <TableCell>{payment.recipt}</TableCell>
- <TableCell>{payment.card}</TableCell>
- <TableCell>{getKstName(payment.creditor.kst_id)}</TableCell>
- <TableCell>{getLedgerName(payment.creditor.ledger_id)}</TableCell>
- <TableCell>{payment.creditor.amount}</TableCell>
- <TableCell>{payment.creditor.accounting_year}</TableCell>
- <TableCell>{payment.creditor.currency}</TableCell>
- <TableCell>{payment.creditor.comment}</TableCell>
- <TableCell>{payment.creditor.qcomment}</TableCell>
- </TableRow>
- ))}
- </TableBody>
- </Table>
- </TableContainer>
- )}
- </Container>
- );
-}
\ No newline at end of file
--
GitLab