1
0
mirror of https://github.com/sehugg/8bitworkshop.git synced 2024-12-26 07:29:22 +00:00

fixed replay panel spacing

This commit is contained in:
Steven Hugg 2021-07-15 16:54:35 -05:00
parent a0ec21d623
commit 06fb57e0d5
4 changed files with 25 additions and 11 deletions

View File

@ -57,7 +57,7 @@ VERSION := $(shell git tag -l --points-at HEAD)
syncdev: distro
cp config.js $(TMP)
aws --profile pzp s3 sync --follow-symlinks $(TMP)/ s3://8bitworkshop.com/dev/
#aws --profile pzp s3 sync --follow-symlinks $(TMP)/ s3://8bitworkshop.com/dev/
rsync --stats -riltz --chmod=a+rx -e "ssh" $(TMP)/ config.js $(RSYNC_PATH)/dev/
syncprod: distro

View File

@ -1,8 +1,13 @@
[![Build Status](https://travis-ci.org/sehugg/8bitworkshop.svg?branch=master)](https://travis-ci.org/sehugg/8bitworkshop)
# 8bitworkshop
The latest release is online at https://8bitworkshop.com/
[![Build Status](https://travis-ci.com/sehugg/8bitworkshop.svg?branch=master)](https://travis-ci.com/sehugg/8bitworkshop)
## Install
## Use Online
* Latest release: https://8bitworkshop.com/
* Dev build: https://8bitworkshop.com/dev/
## Install Locally
To build the 8bitworkshop IDE:
@ -13,7 +18,7 @@ npm i
npm run build
```
## Usage
### Start Server
Start a web server on http://localhost:8000/ while TypeScript compiles in the background:
@ -21,7 +26,7 @@ Start a web server on http://localhost:8000/ while TypeScript compiles in the ba
make tsweb
```
## Run Tests
### Run Tests
```sh
npm test
@ -31,7 +36,7 @@ Note: Github tests may fail due to lack of permissions.
## License
Copyright © 2016-2020 [Steven Hugg](https://github.com/sehugg).
Copyright © 2016-2021 [Steven Hugg](https://github.com/sehugg).
This project is [GPL-3.0](https://github.com/sehugg/8bitworkshop/blob/master/LICENSE) licensed.

View File

@ -283,21 +283,24 @@ if (window.location.host.endsWith('8bitworkshop.com')) {
<div class="emulator disable-select" id="emulator">
<!-- replay slider -->
<div id="replaydiv" class="replaydiv" style="display:none;color:#ccc;text-align:left">
<div style="display:grid; grid-template-columns: 3em 3em auto 3em; grid-gap: 1em">
<div style="display:grid; grid-template-columns: 3em 3em auto 1em 3em; grid-gap: 1em">
<!-- first row -->
<button id="replay_back" class="btn" title="Back one frame"><span class="glyphicon glyphicon-backward" aria-hidden="true"></span></button>
<div>
Frame<br>
<span id="replay_frame" style="width:3em">-</span>
</div>
<input type="range" min="0" max="0" value="0" class="slider" id="replayslider">
<div>&nbsp;</div>
<button id="replay_fwd" class="btn" title="Ahead one frame"><span class="glyphicon glyphicon-forward" aria-hidden="true"></span></button>
<!-- second row -->
<button id="clock_back" class="btn" title="Back one step"><span class="glyphicon glyphicon-backward" aria-hidden="true"></span></button>
<div>
Step<br>
<span id="replay_clock" style="width:3em">-</span>
</div>
<input type="range" min="0" max="0" value="0" class="slider" id="clockslider">
<div>&nbsp;</div>
<button id="clock_fwd" class="btn" title="Forward one step"><span class="glyphicon glyphicon-forward" aria-hidden="true"></span></button>
</div>
</div>

View File

@ -1204,6 +1204,12 @@ async function loadBIOSFromProject() {
}
}
function hideDebugInfo() {
var meminfo = $("#mem_info");
meminfo.hide();
lastDebugInfo = null;
}
function showDebugInfo(state?) {
if (!isDebuggable(platform)) return;
var meminfo = $("#mem_info");
@ -1234,8 +1240,7 @@ function showDebugInfo(state?) {
meminfo.append(catspan);
lastDebugInfo = s;
} else {
meminfo.hide();
lastDebugInfo = null;
hideDebugInfo();
}
}
@ -1600,6 +1605,7 @@ function _disableRecording() {
platform.setRecorder(null);
$("#dbg_record").removeClass("btn_recording");
$("#replaydiv").hide();
hideDebugInfo();
recorderActive = false;
}
}