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

Update instruction builder

Browse Source
This commit is contained in:
Werner
2023-06-08 17:57:43 -03:00
parent c8d0a29a64
commit a82cf2bf4e
1 changed files with 23 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
pages/index.js
View File

@ -20,12 +20,11 @@ export default function Home() {
const { updateProgram } = useContext(ProgramContext);
const handleClick = () => {
const program = { name: 'John', age: 25 };
updateProgram(program);
updateProgram(instructionList);
router.push('/runner');
};
const [instructionList, setInstructionList] = useState([]);
let [instructionList, setInstructionList] = useState([{}, {}, {}, {}, {}, {}]);
return (
<>
@ -56,32 +55,23 @@ export default function Home() {
<Button className="ms-4" variant="primary" onClick={handleClick}>Execute</Button>
</Col>
</Row>
<Row className="mb-3">
<Col>
<Form.Control
className="form-control-sm"
type="number"
placeholder="Select number of instructions"
/>
</Col>
</Row>
<Row className="row my-4">
<Col>
<Table bordered hover>
<thead>
<tr>
<th>Op</th>
<th>OP</th>
<th>RD</th>
<th>RS</th>
<th>RT</th>
</tr>
</thead>
<tbody>
{instructionList.map((instr, index) => (
{instructionList.map((d, i) => (
<tr>
<td>{`${instr.instrucao.operacao} ${instr.instrucao.registradorR} ${instr.instrucao.registradorS} ${instr.instrucao.registradorT}`}</td>
<td>
<option value="">Operand</option>
<Form.Select aria-label="Default select example">
<option value="">-- Select --</option>
<option value="ADD">ADD</option>
<option value="ADDD">ADDD</option>
<option value="BEQ">BEQ</option>
@ -92,13 +82,14 @@ export default function Home() {
<option value="MULTD">MULTD</option>
<option value="SD">SD</option>
<option value="SUBD">SUBD</option>
</Form.Select>
</td>
<td>
<Form.Control
className="form-control"
type="text"
name={r}
id={r}
name={`formNameR{i}`}
id={`formIdR{i}`}
size="3"
maxLength="3"
/>
@ -107,8 +98,8 @@ export default function Home() {
<Form.Control
className="form-control"
type="text"
name={s}
id={s}
name={`formNameS{i}`}
id={`formIdS{i}`}
size="3"
maxLength="5"
/>
@ -117,8 +108,8 @@ export default function Home() {
<Form.Control
className="form-control"
type="text"
name={t}
id={t}
name={`formNameT{i}`}
id={`formIdT{i}`}
size="3"
maxLength="3"
/>