keannu125/Borrowing-TrackerFrontend
1
0
Fork 0
mirror of https://github.com/lemeow125/Borrowing-TrackerFrontend.git synced 2025-06-29 00:45:49 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

basta daghan kaayo ko gi change specially katung tap to view nga makita ang mga pdf's pdf's. dili ra si student na ang makakita ra, pati ang teacher and lab technician. aside ana, daghan paa. salamat ol. in god's will.

Browse source
This commit is contained in:
Pongot, Jophiel 2024-01-09 11:20:15 +08:00
parent 209219afb4
commit f15052c565
8 changed files with 478 additions and 147 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/Pages/AddTransactionPage/AddTransactionPage.tsx
View file

@ -112,6 +112,7 @@ export default function AddTransactionPage() {
alignItems: "center",
justifyContent: "center",
overflowY: "scroll",
marginTop: 64
},
}}
>

78
src/Pages/TransactionsListPage/TransactionsListPage.tsx
View file

@ -16,8 +16,10 @@ import { useState } from "react";
import EditTransactionModal from "../../Components/EditTransactionModal/EditTransactionModal";
import EditItemInstanceModal from "../../Components/EditItemInstanceModal/EditItemInstanceModal";
import SearchIcon from "@mui/icons-material/Search";
import { useNavigate } from "react-router-dom";
export default function TransactionsListPage() {
const navigate = useNavigate();
const [EditTransactionOpen, SetEditTransactionOpen] = useState(false);
const [SelectedTransaction, SetSelectedTransaction] = useState(0);
const [EditEquipmentsOpen, SetEditEquipmentsOpen] = useState(false);
@ -145,6 +147,9 @@ export default function TransactionsListPage() {
transaction.teacher.name
.toLowerCase()
.includes(filter.toLowerCase()) ||
transaction.additional_members
.toLowerCase()
.includes(filter.toLowerCase()) ||
transaction.remarks
.toLowerCase()
.includes(filter?.toLowerCase()) ||
@ -178,7 +183,13 @@ export default function TransactionsListPage() {
Consumables
</TableCell>
<TableCell align="center" style={styles.text_light}>
Equipments
Additional Members
</TableCell>
<TableCell align="center" style={styles.text_light}>
Additional Members
</TableCell>
<TableCell align="center" style={styles.text_light}>
Actions
</TableCell>
</TableRow>
</TableHead>
@ -191,6 +202,9 @@ export default function TransactionsListPage() {
transaction.borrower.name
.toLowerCase()
.includes(filter.toLowerCase()) ||
transaction.additional_members
.toLowerCase()
.includes(filter.toLowerCase()) ||
transaction.teacher.name
.toLowerCase()
.includes(filter.toLowerCase()) ||
@ -315,6 +329,28 @@ export default function TransactionsListPage() {
>
{transaction.consumables}
</TableCell>
<TableCell
align="center"
component="th"
scope="row"
style={{ ...styles.text_S }}
sx={{
maxWidth: "64px",
flexWrap: "wrap",
wordWrap: "break-word",
}}
onClick={() => {
if (
transaction.transaction_status != "Finalized" &&
transaction.transaction_status != "Rejected"
) {
SetSelectedTransaction(transaction.id);
SetEditTransactionOpen(true);
}
}}
>
{transaction.additional_members}
</TableCell>
<TableCell align="center">
<p style={{ ...styles.text_M, ...styles.text_dark }}>
Involved Items: {transaction.equipments.length}
@ -405,6 +441,46 @@ export default function TransactionsListPage() {
</Table>
</TableContainer>
</TableCell>
<TableCell
align="center"
component="th"
scope="row"
style={{ ...styles.text_S }}
sx={{
maxWidth: "64px",
flexWrap: "wrap",
wordWrap: "break-word",
}}
>
<button
style={{
borderTop: "2px solid rgba(160, 160, 160, 0.20)",
padding: "7px",
margin: "0px",
backgroundColor: colors.dandelion,
width: "auto",
alignSelf: "center",
borderRadius: "7px",
}}
onClick={() => {
navigate(`/view/transaction/${transaction.id}`, {
replace: true,
state: { id: transaction.id },
});
}}
>
<p
style={{
...styles.text_S,
padding: "0px",
margin: "0px",
}}
>
Tap To View {"\n"} or Print
</p>
</button>
</TableCell>
</TableRow>
))
) : (