dave/ic10emu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Better Layout

Browse Source
This commit is contained in:
Rachel
2024-03-28 14:22:11 -07:00
parent 88e37d23cf
commit 8d62cf407e
4 changed files with 117 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
www/src/index.html
View File

@@ -141,10 +141,13 @@
Shortcuts</button></li>
</ul>
</div>
<div class="nav navbar-nav navbar-header">
<div class="nav navbar-nav navbar-header ms-2">
<a class="navbar-brand active" aria-current="page" href="">Stationeers IC10 Emulator</a>
</div>
<div class="nav navbar-nav navbar-right d-flex flex-row">
<div class="nav navbar-nav ms-2">
</div>
<div class="nav navbar-nav ms-auto navbar-right d-flex flex-row">
<a class="navbar-text mt-auto mb-auto align-self-center" href="https://github.com/ryex/ic10emu">View on Github
<i class="fa-brands fa-github"></i></a>
</div>
@@ -185,34 +188,82 @@
</div>
</div>
<div class="d-flex flex-column flex-shrink-1">
<div id="virtualMachine" >
<div id="vmActiveIC">
<div class="p-2 d-flex flex-row justify-content-center">
<div class="d-flex flex-column">
<div id="vmControls" class="btn-group-vertical btn-group-sm " role="group"
aria-label="Virtual Machine Controls">
<div id="virtualMachine">
<div id="vmActiveIC" class="container ">
<div class="ms-1 pb-2 row border border-secondary rounded bg-secondary bg-opacity-10">
<div class="mt-2 col">
<div id="vmControls" class="btn-group-vertical btn-group-sm " role="group" aria-label="Virtual Machine Controls">
<button id="vmControlRun" type="button" class="btn btn-primary">Run</button>
<button id="vmControlStep" type="button" class="btn btn-secondary">Step</button>
<button id="vmControlReset" type="button" class="btn btn-warning">Reset</button>
</div>
</div>
<div id="vmActiveICState" class="mt-2 col-2 col-sm-4 col-md-10">
<div class="card ms-2">
<div class="card-header">State</div>
<div id="vmActiveICState" class="card-body">
<div class="hstack g-0">
<div>Instruction Pointer</div>
<div class="ms-auto" id="vmActiveICStateIP"></div>
</div>
</div>
</div>
<div class="p-2 ms-2 d-flex flex-row">
<div class="card ms-2">
<div class="card-header">Registers</div>
<div id="vmActiveRegisters" class="vm_reg">
<hr />
<div class="hstack g-0">
<div>Last Run Operations</div>
<div class="ms-auto" id="vmActiveICStateICount"></div>
</div>
<hr />
<div class="hstack g-0">
<div>Last State</div>
<div class="ms-auto" id="vmActiveICStateLastRun"></div>
</div>
</div>
<div id="vmActiveStack">
</div>
</div>
<div class="row mt-2">
<div class="accordion" id="vmActiveIC">
<!-- <div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseState" aria-expanded="true" aria-controls="collapseState">
State
</button>
</h2>
<div id="collapseState" class="accordion-collapse collapse show">
<div class="accordion-body">
</div>
</div>
</div> -->
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseReg" aria-expanded="true" aria-controls="collapseReg">
Registers
</button>
</h2>
<div id="collapseReg" class="accordion-collapse collapse show">
<div class="accordion-body">
<div id="vmActiveRegisters" class="vm_reg">
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseStack" aria-expanded="false" aria-controls="collapseStack">
Stack
</button>
</h2>
<div id="collapseStack" class="accordion-collapse collapse">
<div class="accordion-body">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>