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

Add Load/Store table

Browse Source
This commit is contained in:
Werner
2023-06-07 12:10:02 -03:00
parent ec52031509
commit 7b34a57488
1 changed files with 126 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

206
pages/index.js
View File

@ -58,91 +58,137 @@ export default function Home() {
<Container> <Container>
<Row className="row my-4"> <Row className="row my-4">
<Col> <Col>
<h3>Instruction Status</h3> <h3>Ciclos: {clock}</h3>
</Col> </Col>
<Col className="text-end"> <Col className="text-end">
<span>Ciclos: {clock}</span>
<Button className="ms-4" variant="primary" onClick={nextCycle}>Próximo</Button> <Button className="ms-4" variant="primary" onClick={nextCycle}>Próximo</Button>
</Col> </Col>
</Row> </Row>
<Table bordered hover> <Row className="row my-4">
<thead> <Col>
<tr> <div className="my-4">
<th>Instruction</th> <h3>Instruction Status</h3>
<th>Issued</th> </div>
<th>Execute</th> <Table bordered hover>
<th>Write Result</th> <thead>
</tr> <tr>
</thead> <th>Instruction</th>
<tbody> <th>Issued</th>
{instructionStatus.map((instr, index) => ( <th>Execute</th>
<tr> <th>Write Result</th>
<td>batata</td> </tr>
<td>batata</td> </thead>
<td>batata</td> <tbody>
<td>batata</td> {instructionStatus.map((instr, index) => (
</tr> <tr>
))} <td>batata</td>
</tbody> <td>batata</td>
</Table> <td>batata</td>
<div className="my-4"> <td>batata</td>
<h3>Reorder Buffer</h3> </tr>
</div> ))}
<Table bordered hover> </tbody>
<thead> </Table>
<tr> </Col>
<th>Entry</th> <Col>
<th>Busy</th> <div className="my-4">
<th>Instruction</th> <h3>Reorder Buffer</h3>
<th>State</th> </div>
<th>Destination</th> <Table bordered hover>
<th>Value</th> <thead>
</tr> <tr>
</thead> <th>Entry</th>
<tbody> <th>Busy</th>
{instructionStatus.map((instr, index) => ( <th>Instruction</th>
<tr> <th>State</th>
<td>batata</td> <th>Destination</th>
<td>batata</td> <th>Value</th>
<td>batata</td> </tr>
<td>batata</td> </thead>
<td>batata</td> <tbody>
<td>batata</td> {instructionStatus.map((instr, index) => (
</tr> <tr>
))} <td>batata</td>
</tbody> <td>batata</td>
</Table> <td>batata</td>
<div className="my-4"> <td>batata</td>
<h3>Reservation Stations</h3> <td>batata</td>
</div> <td>batata</td>
<Table bordered hover> </tr>
<thead> ))}
<tr> </tbody>
<th>Name</th> </Table>
<th>Busy</th> </Col>
<th>Op</th> </Row>
<th>Vj</th>
<th>Vk</th> <Row className="row my-4">
<th>Qj</th> <Col>
<th>Qk</th> <div className="my-4">
<th>A</th> <h3>Reservation Stations (Load/Store)</h3>
</tr> </div>
</thead> <Table bordered hover>
<tbody> <thead>
{reservationStations.map((instr, index) => ( <tr>
<tr> <th>Time</th>
<td>batata</td> <th>Busy</th>
<td>batata</td> <th>Op</th>
<td>batata</td> <th>Vj</th>
<td>batata</td> <th>Vk</th>
<td>batata</td> <th>Qj</th>
<td>batata</td> <th>Qk</th>
<td>batata</td> <th>A</th>
<td>batata</td> </tr>
</tr> </thead>
))} <tbody>
</tbody> {reservationStations.map((instr, index) => (
</Table> <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>
</tr>
))}
</tbody>
</Table>
</Col>
<Col>
<div className="my-4">
<h3>Reservation Stations</h3>
</div>
<Table bordered hover>
<thead>
<tr>
<th>Name</th>
<th>Busy</th>
<th>Op</th>
<th>Vj</th>
<th>Vk</th>
<th>Qj</th>
<th>Qk</th>
<th>A</th>
</tr>
</thead>
<tbody>
{reservationStations.map((instr, index) => (
<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>
</tr>
))}
</tbody>
</Table>
</Col>
</Row>
<div className="my-4"> <div className="my-4">
<h3>Registers Status</h3> <h3>Registers Status</h3>
</div> </div>