mirror of
https://github.com/guilhermewerner/tomasulo-simulator
synced 2025-06-16 22:04:23 +00:00
Add Reorder Buffer table
This commit is contained in:
@ -9,6 +9,7 @@ import { useState } from 'react'
|
|||||||
|
|
||||||
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([]);
|
||||||
|
|
||||||
@ -33,31 +34,33 @@ export default function Home() {
|
|||||||
</Navbar>
|
</Navbar>
|
||||||
<main>
|
<main>
|
||||||
<Container>
|
<Container>
|
||||||
<div className="my-4">
|
<div className="my-4">
|
||||||
<h3>Instruction Status</h3>
|
<h3>Reorder Buffer</h3>
|
||||||
</div>
|
</div>
|
||||||
<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>
|
||||||
</tr>
|
<td>batata</td>
|
||||||
))}
|
</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>
|
||||||
@ -132,6 +135,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>
|
||||||
</Container>
|
</Container>
|
||||||
</main>
|
</main>
|
||||||
</>
|
</>
|
||||||
|
Reference in New Issue
Block a user