mirror of
https://github.com/guilhermewerner/tomasulo-simulator
synced 2025-06-15 13:24:20 +00:00
Begin to add instructions input fields
This commit is contained in:
@ -1,5 +1,7 @@
|
|||||||
import Head from 'next/head'
|
import Head from 'next/head'
|
||||||
|
import Form from 'react-bootstrap/Form';
|
||||||
import { useState } from 'react';
|
import { useState } from 'react';
|
||||||
|
import { Container } from 'react-bootstrap';
|
||||||
|
|
||||||
export default function Home() {
|
export default function Home() {
|
||||||
const [instructionStatus, setInstructionStatus] = useState([]);
|
const [instructionStatus, setInstructionStatus] = useState([]);
|
||||||
@ -19,6 +21,94 @@ export default function Home() {
|
|||||||
/>
|
/>
|
||||||
</Head>
|
</Head>
|
||||||
<main>
|
<main>
|
||||||
|
<Container>
|
||||||
|
<Form.Select aria-label="Default select example">
|
||||||
|
<option>Instrução 0</option>
|
||||||
|
<option value="ADD">ADD</option>
|
||||||
|
<option value="ADDD">ADDD</option>
|
||||||
|
<option value="BEQ">BEQ</option>
|
||||||
|
<option value="BNEZ">BNEZ</option>
|
||||||
|
<option value="DADDUI">DADDUI</option>
|
||||||
|
<option value="DIVD">DIVD</option>
|
||||||
|
<option value="LD">LD</option>
|
||||||
|
<option value="MULTD">MULTD</option>
|
||||||
|
<option value="SD">SD</option>
|
||||||
|
<option value="SUBD">SUBD</option>
|
||||||
|
</Form.Select>
|
||||||
|
<Form.Select aria-label="Default select example">
|
||||||
|
<option>Instrução 1</option>
|
||||||
|
<option value="ADD">ADD</option>
|
||||||
|
<option value="ADDD">ADDD</option>
|
||||||
|
<option value="BEQ">BEQ</option>
|
||||||
|
<option value="BNEZ">BNEZ</option>
|
||||||
|
<option value="DADDUI">DADDUI</option>
|
||||||
|
<option value="DIVD">DIVD</option>
|
||||||
|
<option value="LD">LD</option>
|
||||||
|
<option value="MULTD">MULTD</option>
|
||||||
|
<option value="SD">SD</option>
|
||||||
|
<option value="SUBD">SUBD</option>
|
||||||
|
</Form.Select>
|
||||||
|
<Form.Select aria-label="Default select example">
|
||||||
|
<option>Instrução 2</option>
|
||||||
|
<option value="ADD">ADD</option>
|
||||||
|
<option value="ADDD">ADDD</option>
|
||||||
|
<option value="BEQ">BEQ</option>
|
||||||
|
<option value="BNEZ">BNEZ</option>
|
||||||
|
<option value="DADDUI">DADDUI</option>
|
||||||
|
<option value="DIVD">DIVD</option>
|
||||||
|
<option value="LD">LD</option>
|
||||||
|
<option value="MULTD">MULTD</option>
|
||||||
|
<option value="SD">SD</option>
|
||||||
|
<option value="SUBD">SUBD</option>
|
||||||
|
</Form.Select>
|
||||||
|
<Form.Select aria-label="Default select example">
|
||||||
|
<option>Instrução 3</option>
|
||||||
|
<option value="ADD">ADD</option>
|
||||||
|
<option value="ADDD">ADDD</option>
|
||||||
|
<option value="BEQ">BEQ</option>
|
||||||
|
<option value="BNEZ">BNEZ</option>
|
||||||
|
<option value="DADDUI">DADDUI</option>
|
||||||
|
<option value="DIVD">DIVD</option>
|
||||||
|
<option value="LD">LD</option>
|
||||||
|
<option value="MULTD">MULTD</option>
|
||||||
|
<option value="SD">SD</option>
|
||||||
|
<option value="SUBD">SUBD</option>
|
||||||
|
</Form.Select>
|
||||||
|
<Form.Select aria-label="Default select example">
|
||||||
|
<option>Instrução 4</option>
|
||||||
|
<option value="ADD">ADD</option>
|
||||||
|
<option value="ADDD">ADDD</option>
|
||||||
|
<option value="BEQ">BEQ</option>
|
||||||
|
<option value="BNEZ">BNEZ</option>
|
||||||
|
<option value="DADDUI">DADDUI</option>
|
||||||
|
<option value="DIVD">DIVD</option>
|
||||||
|
<option value="LD">LD</option>
|
||||||
|
<option value="MULTD">MULTD</option>
|
||||||
|
<option value="SD">SD</option>
|
||||||
|
<option value="SUBD">SUBD</option>
|
||||||
|
</Form.Select>
|
||||||
|
<Form.Select aria-label="Default select example">
|
||||||
|
<option>Instrução 5</option>
|
||||||
|
<option value="ADD">ADD</option>
|
||||||
|
<option value="ADDD">ADDD</option>
|
||||||
|
<option value="BEQ">BEQ</option>
|
||||||
|
<option value="BNEZ">BNEZ</option>
|
||||||
|
<option value="DADDUI">DADDUI</option>
|
||||||
|
<option value="DIVD">DIVD</option>
|
||||||
|
<option value="LD">LD</option>
|
||||||
|
<option value="MULTD">MULTD</option>
|
||||||
|
<option value="SD">SD</option>
|
||||||
|
<option value="SUBD">SUBD</option>
|
||||||
|
</Form.Select>
|
||||||
|
|
||||||
|
|
||||||
|
<Form.Label htmlFor="inputOperand"></Form.Label>
|
||||||
|
<Form.Control
|
||||||
|
type="text"
|
||||||
|
id="inputOperand"
|
||||||
|
aria-describedby="passwordHelpBlock"
|
||||||
|
/>
|
||||||
|
</Container>
|
||||||
</main>
|
</main>
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
|
Reference in New Issue
Block a user