mirror of
https://github.com/guilhermewerner/tomasulo-simulator
synced 2025-06-15 13:24:20 +00:00
Update tables
This commit is contained in:
@ -104,7 +104,7 @@ export default function Home() {
|
|||||||
</Row>
|
</Row>
|
||||||
<Row className="row my-4">
|
<Row className="row my-4">
|
||||||
<Col>
|
<Col>
|
||||||
<Table bordered hover>
|
<Table striped bordered hover>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>OP</th>
|
<th>OP</th>
|
||||||
|
112
pages/runner.js
112
pages/runner.js
@ -547,36 +547,11 @@ export default function Home() {
|
|||||||
</Row>
|
</Row>
|
||||||
<hr />
|
<hr />
|
||||||
<Row>
|
<Row>
|
||||||
<Col>
|
|
||||||
<div className="mb-4">
|
|
||||||
<h3>Instruction Status</h3>
|
|
||||||
</div>
|
|
||||||
<Table 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>{`${instr.instrucao.operacao} ${instr.instrucao.registradorR} ${instr.instrucao.registradorS} ${instr.instrucao.registradorT}`}</td>
|
|
||||||
<td>{instr.issue}</td>
|
|
||||||
<td>{instr.exeCompleta}</td>
|
|
||||||
<td>{instr.write}</td>
|
|
||||||
</tr>
|
|
||||||
))}
|
|
||||||
</tbody>
|
|
||||||
</Table>
|
|
||||||
</Col>
|
|
||||||
<Col>
|
<Col>
|
||||||
<div className="mb-4">
|
<div className="mb-4">
|
||||||
<h3>Reorder Buffer</h3>
|
<h3>Reorder Buffer</h3>
|
||||||
</div>
|
</div>
|
||||||
<Table bordered hover>
|
<Table striped bordered hover>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Entry</th>
|
<th>Entry</th>
|
||||||
@ -601,13 +576,68 @@ export default function Home() {
|
|||||||
</tbody>
|
</tbody>
|
||||||
</Table>
|
</Table>
|
||||||
</Col>
|
</Col>
|
||||||
|
<Col>
|
||||||
|
<div className="mb-4">
|
||||||
|
<h3>Registers Status</h3>
|
||||||
|
</div>
|
||||||
|
<Table striped bordered hover>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>F0</th>
|
||||||
|
<th>F1</th>
|
||||||
|
<th>F2</th>
|
||||||
|
<th>F3</th>
|
||||||
|
<th>F4</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
{[0, 1, 2, 3, 4].map((i, j) => (
|
||||||
|
<td>{registerStatus[i]}</td>
|
||||||
|
))}
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>F5</th>
|
||||||
|
<th>F6</th>
|
||||||
|
<th>F7</th>
|
||||||
|
<th>F8</th>
|
||||||
|
<th>F9</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
{[5, 6, 7, 8, 9].map((i, j) => (
|
||||||
|
<td>{registerStatus[i]}</td>
|
||||||
|
))}
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>F10</th>
|
||||||
|
<th>F11</th>
|
||||||
|
<th>F12</th>
|
||||||
|
<th>F13</th>
|
||||||
|
<th>F14</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
{[10, 11, 12, 13, 14].map((i, j) => (
|
||||||
|
<td>{registerStatus[i]}</td>
|
||||||
|
))}
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</Table>
|
||||||
|
</Col>
|
||||||
</Row>
|
</Row>
|
||||||
<Row>
|
<Row>
|
||||||
<Col>
|
<Col>
|
||||||
<div className="mb-4">
|
<div className="mb-4">
|
||||||
<h3>Reservation Stations (Load/Store)</h3>
|
<h3>Reservation Stations (Load/Store)</h3>
|
||||||
</div>
|
</div>
|
||||||
<Table bordered hover>
|
<Table striped bordered hover>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Time</th>
|
<th>Time</th>
|
||||||
@ -634,7 +664,7 @@ export default function Home() {
|
|||||||
<div className="mb-4">
|
<div className="mb-4">
|
||||||
<h3>Reservation Stations</h3>
|
<h3>Reservation Stations</h3>
|
||||||
</div>
|
</div>
|
||||||
<Table bordered hover>
|
<Table striped bordered hover>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Time</th>
|
<th>Time</th>
|
||||||
@ -664,32 +694,6 @@ export default function Home() {
|
|||||||
</Table>
|
</Table>
|
||||||
</Col>
|
</Col>
|
||||||
</Row>
|
</Row>
|
||||||
<div className="mb-4">
|
|
||||||
<h3>Registers Status</h3>
|
|
||||||
</div>
|
|
||||||
<Table bordered hover>
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>F0</th>
|
|
||||||
<th>F1</th>
|
|
||||||
<th>F2</th>
|
|
||||||
<th>F3</th>
|
|
||||||
<th>F4</th>
|
|
||||||
<th>F5</th>
|
|
||||||
<th>F6</th>
|
|
||||||
<th>F7</th>
|
|
||||||
<th>F8</th>
|
|
||||||
<th>F9</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
{registerStatus.map((val, idx) => (
|
|
||||||
<td>{val}</td>
|
|
||||||
))}
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</Table>
|
|
||||||
<div className="my-4 text-center">
|
<div className="my-4 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>
|
||||||
|
Reference in New Issue
Block a user