guilhermewerner/tomasulo-simulator
1
0
Fork 0
mirror of https://github.com/guilhermewerner/tomasulo-simulator synced 2025-06-15 21:34:20 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #1 from Shadod123/main

Browse Source 
Add Reorder Buffer table
This commit is contained in:
Werner
2023-06-07 10:55:37 -03:00
committed by GitHub
parent c48f2521fe b2244577b7
commit 62bba55ef9
1 changed files with 39 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
pages/index.js
View File

@ -12,6 +12,7 @@ import Button from 'react-bootstrap/Button';
export default function Home() { export default function Home() {
const [instructionStatus, setInstructionStatus] = useState([]); const [instructionStatus, setInstructionStatus] = useState([]);
const [reorderBuffer, setReorderBuffer] = useState([]);
const [reservationStations, setReservationStations] = useState([]); const [reservationStations, setReservationStations] = useState([]);
const [registerStatus, setRegisterStatus] = useState([]); const [registerStatus, setRegisterStatus] = useState([]);
@ -50,7 +51,7 @@ export default function Home() {
<Container> <Container>
<Row className="row my-4"> <Row className="row my-4">
<Col> <Col>
<h3>Instruction Status</h3> <h3>Reorder Buffer</h3>
</Col> </Col>
<Col className="text-end"> <Col className="text-end">
<Button variant="primary">Proxímo</Button> <Button variant="primary">Proxímo</Button>
@ -59,25 +60,27 @@ export default function Home() {
<Table striped bordered hover> <Table striped bordered hover>
<thead> <thead>
<tr> <tr>
<th>Entry</th>
<th>Busy</th>
<th>Instruction</th> <th>Instruction</th>
<th>Issued</th> <th>State</th>
<th>Execute</th> <th>Destination</th>
<th>Write Result</th> <th>Value</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{instructionStatus.map((instr, index) => (
<tr> <tr>
<td>batata</td> <td>batata</td>
<td>batata</td> <td>batata</td>
<td>batata</td> <td>batata</td>
<td>batata</td> <td>batata</td>
<td>batata</td>
<td>batata</td>
</tr> </tr>
))}
</tbody> </tbody>
</Table> </Table>
<div className="my-4"> <div className="my-4">
<h3>Reservations Stations</h3> <h3>Reservation Stations</h3>
</div> </div>
<Table striped bordered hover> <Table striped bordered hover>
<thead> <thead>
@ -152,6 +155,29 @@ export default function Home() {
))} ))}
</tbody> </tbody>
</Table> </Table>
<div className="my-4">
<h3>Instruction Status</h3>
</div>
<Table striped bordered hover>
<thead>
<tr>
<th>Instruction</th>
<th>Issued</th>
<th>Execute</th>
<th>Write Result</th>
</tr>
</thead>
<tbody>
{instructionStatus.map((instr, index) => (
<tr>
<td>batata</td>
<td>batata</td>
<td>batata</td>
<td>batata</td>
</tr>
))}
</tbody>
</Table>
<div className="mt-auto text-center"> <div className="mt-auto text-center">
<span className="text-muted">Caio Arâes, David Freitas, Guilherme Werner</span> <span className="text-muted">Caio Arâes, David Freitas, Guilherme Werner</span>
</div> </div>