2021-09-14 02:37:35 +02:00
|
|
|
import React from "react";
|
|
|
|
|
2021-09-17 01:23:03 +02:00
|
|
|
import Accordion from "@mui/material/Accordion";
|
|
|
|
import AccordionSummary from "@mui/material/AccordionSummary";
|
|
|
|
import AccordionDetails from "@mui/material/AccordionDetails";
|
|
|
|
import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
|
2021-09-14 02:37:35 +02:00
|
|
|
|
2021-09-17 01:23:03 +02:00
|
|
|
import Button from "@mui/material/Button";
|
2021-10-01 02:06:40 +02:00
|
|
|
import Typography from "@mui/material/Typography";
|
2021-09-14 02:37:35 +02:00
|
|
|
import { IPlayer } from "../../PersonObjects/IPlayer";
|
|
|
|
|
|
|
|
interface IProps {
|
|
|
|
player: IPlayer;
|
|
|
|
}
|
|
|
|
|
|
|
|
export function Sleeves(props: IProps): React.ReactElement {
|
|
|
|
function sleeveMaxAllShock(): void {
|
|
|
|
for (let i = 0; i < props.player.sleeves.length; ++i) {
|
|
|
|
props.player.sleeves[i].shock = 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function sleeveClearAllShock(): void {
|
|
|
|
for (let i = 0; i < props.player.sleeves.length; ++i) {
|
|
|
|
props.player.sleeves[i].shock = 100;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function sleeveSyncMaxAll(): void {
|
|
|
|
for (let i = 0; i < props.player.sleeves.length; ++i) {
|
|
|
|
props.player.sleeves[i].sync = 100;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function sleeveSyncClearAll(): void {
|
|
|
|
for (let i = 0; i < props.player.sleeves.length; ++i) {
|
|
|
|
props.player.sleeves[i].sync = 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return (
|
2021-09-18 03:30:02 +02:00
|
|
|
<Accordion TransitionProps={{ unmountOnExit: true }}>
|
2021-09-14 02:37:35 +02:00
|
|
|
<AccordionSummary expandIcon={<ExpandMoreIcon />}>
|
|
|
|
<h2>Sleeves</h2>
|
|
|
|
</AccordionSummary>
|
|
|
|
<AccordionDetails>
|
|
|
|
<table>
|
|
|
|
<tbody>
|
|
|
|
<tr>
|
|
|
|
<td>
|
2021-10-01 02:06:40 +02:00
|
|
|
<Typography>Shock:</Typography>
|
2021-09-14 02:37:35 +02:00
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
<Button onClick={sleeveMaxAllShock}>Max all</Button>
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
<Button onClick={sleeveClearAllShock}>Clear all</Button>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td>
|
2021-10-01 02:06:40 +02:00
|
|
|
<Typography>Sync:</Typography>
|
2021-09-14 02:37:35 +02:00
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
<Button onClick={sleeveSyncMaxAll}>Max all</Button>
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
<Button onClick={sleeveSyncClearAll}>Clear all</Button>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</AccordionDetails>
|
|
|
|
</Accordion>
|
|
|
|
);
|
|
|
|
}
|