Some UI improvments
This commit is contained in:
parent
beb39069d2
commit
760422bc78
71
debug.html
71
debug.html
|
@ -7,36 +7,6 @@
|
|||
<script src="loader.js"></script>
|
||||
<link rel="stylesheet" href="v86.css">
|
||||
|
||||
<textarea readonly id="log" style="display:none"></textarea>
|
||||
|
||||
<div id="runtime_infos" style="display: none">
|
||||
Running: <span id="running_time">0s</span> <br>
|
||||
Speed: <span id="speed">0</span>kIPS<br>
|
||||
Avg speed: <span id="avg_speed">0</span>kIPS<br>
|
||||
<br>
|
||||
<div id="info_hda">
|
||||
<b>HDA</b><br>
|
||||
Sectors read: <span id="info_hda_sectors_read"></span><br>
|
||||
Bytes read: <span id="info_hda_bytes_read"></span><br>
|
||||
Sectors written: <span id="info_hda_sectors_written"></span><br>
|
||||
Bytes written: <span id="info_hda_bytes_written"></span><br>
|
||||
<br>
|
||||
</div>
|
||||
<div id="info_cdrom">
|
||||
<b>CDROM</b><br>
|
||||
Sectors read: <span id="info_cdrom_sectors_read"></span><br>
|
||||
Bytes read: <span id="info_cdrom_bytes_read"></span><br>
|
||||
<br>
|
||||
</div>
|
||||
<b>VGA</b><br>
|
||||
Mode: <span id="info_vga_mode"></span><br>
|
||||
Resolution: <span id="info_res">-</span><br>
|
||||
BPP: <span id="info_bpp">-</span><br>
|
||||
<br>
|
||||
Mouse: <span id="info_mouse_enabled">-</span><br>
|
||||
<!-- Keyboard: <span id="info_keyboard_enabled">-</span><br> -->
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div id="boot_options">
|
||||
<h4>Debugger</h4>
|
||||
|
@ -130,6 +100,8 @@
|
|||
<br>
|
||||
Link to this configuration: <a href="" id="config_link">http://copy.sh/v24/?a=b&c=d</a>
|
||||
-->
|
||||
<br>
|
||||
<br>
|
||||
</div>
|
||||
|
||||
<div id="runtime_options" style="display: none">
|
||||
|
@ -143,7 +115,6 @@
|
|||
<input type="button" value="Dump page tables" id="dump_pt">
|
||||
<input type="button" value="Memory Dump" id="memory_dump">
|
||||
<br>
|
||||
<div id="log_levels"><b>Log:</b></div>
|
||||
|
||||
<input type="button" value="Pause" id="run">
|
||||
<input type="button" value="Reset" id="reset">
|
||||
|
@ -161,6 +132,8 @@
|
|||
|
||||
</div>
|
||||
|
||||
<div id="log_levels"><b>Log:</b></div>
|
||||
|
||||
<pre style="display: none" id="loading"></pre>
|
||||
|
||||
<br>
|
||||
|
@ -171,14 +144,42 @@
|
|||
<canvas id="vga"></canvas>
|
||||
</div>
|
||||
|
||||
<textarea cols="80" rows="25" id="serial" style="display:none">
|
||||
</textarea>
|
||||
<div id="runtime_infos" style="display: none">
|
||||
Running: <span id="running_time">0s</span> <br>
|
||||
Speed: <span id="speed">0</span>kIPS<br>
|
||||
Avg speed: <span id="avg_speed">0</span>kIPS<br>
|
||||
<br>
|
||||
<div id="info_hda">
|
||||
<b>HDA</b><br>
|
||||
Sectors read: <span id="info_hda_sectors_read"></span><br>
|
||||
Bytes read: <span id="info_hda_bytes_read"></span><br>
|
||||
Sectors written: <span id="info_hda_sectors_written"></span><br>
|
||||
Bytes written: <span id="info_hda_bytes_written"></span><br>
|
||||
<br>
|
||||
</div>
|
||||
<div id="info_cdrom">
|
||||
<b>CDROM</b><br>
|
||||
Sectors read: <span id="info_cdrom_sectors_read"></span><br>
|
||||
Bytes read: <span id="info_cdrom_bytes_read"></span><br>
|
||||
<br>
|
||||
</div>
|
||||
<b>VGA</b><br>
|
||||
Mode: <span id="info_vga_mode"></span><br>
|
||||
Resolution: <span id="info_res">-</span><br>
|
||||
BPP: <span id="info_bpp">-</span><br>
|
||||
<br>
|
||||
Mouse: <span id="info_mouse_enabled">-</span><br>
|
||||
<!-- Keyboard: <span id="info_keyboard_enabled">-</span><br> -->
|
||||
</div>
|
||||
|
||||
<input type="text" class="phone_keyboard" style="display: none">
|
||||
<br>
|
||||
|
||||
<br style="clear:both">
|
||||
<br style="clear:both"><br>
|
||||
|
||||
<textarea readonly id="log" style="display:none"></textarea>
|
||||
|
||||
<textarea cols="80" rows="25" id="serial" style="display:none">
|
||||
</textarea>
|
||||
|
||||
<hr>
|
||||
<a href="./">To fast version</a>
|
||||
|
|
64
index.html
64
index.html
|
@ -7,37 +7,6 @@
|
|||
<script src="v86_all.js"></script>
|
||||
<link rel="stylesheet" href="v86.css">
|
||||
|
||||
<textarea readonly id="log" style="display: none"></textarea>
|
||||
|
||||
|
||||
<div id="runtime_infos" style="display: none">
|
||||
Running: <span id="running_time">0s</span> <br>
|
||||
Speed: <span id="speed">0</span>kIPS<br>
|
||||
Avg speed: <span id="avg_speed">0</span>kIPS<br>
|
||||
<br>
|
||||
<div id="info_hda">
|
||||
<b>HDA</b><br>
|
||||
Sectors read: <span id="info_hda_sectors_read"></span><br>
|
||||
Bytes read: <span id="info_hda_bytes_read"></span><br>
|
||||
Sectors written: <span id="info_hda_sectors_written"></span><br>
|
||||
Bytes written: <span id="info_hda_bytes_written"></span><br>
|
||||
<br>
|
||||
</div>
|
||||
<div id="info_cdrom">
|
||||
<b>CDROM</b><br>
|
||||
Sectors read: <span id="info_cdrom_sectors_read"></span><br>
|
||||
Bytes read: <span id="info_cdrom_bytes_read"></span><br>
|
||||
<br>
|
||||
</div>
|
||||
<b>VGA</b><br>
|
||||
Mode: <span id="info_vga_mode"></span><br>
|
||||
Resolution: <span id="info_res">-</span><br>
|
||||
BPP: <span id="info_bpp">-</span><br>
|
||||
<br>
|
||||
Mouse: <span id="info_mouse_enabled">-</span><br>
|
||||
<!-- Keyboard: <span id="info_keyboard_enabled">-</span><br> -->
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div id="boot_options">
|
||||
<h4>Quickstart</h4>
|
||||
|
@ -165,18 +134,45 @@
|
|||
<canvas id="vga"></canvas>
|
||||
</div>
|
||||
|
||||
<div id="runtime_infos" style="display: none">
|
||||
Running: <span id="running_time">0s</span> <br>
|
||||
Speed: <span id="speed">0</span>kIPS<br>
|
||||
Avg speed: <span id="avg_speed">0</span>kIPS<br>
|
||||
<br>
|
||||
<div id="info_hda">
|
||||
<b>HDA</b><br>
|
||||
Sectors read: <span id="info_hda_sectors_read"></span><br>
|
||||
Bytes read: <span id="info_hda_bytes_read"></span><br>
|
||||
Sectors written: <span id="info_hda_sectors_written"></span><br>
|
||||
Bytes written: <span id="info_hda_bytes_written"></span><br>
|
||||
<br>
|
||||
</div>
|
||||
<div id="info_cdrom">
|
||||
<b>CDROM</b><br>
|
||||
Sectors read: <span id="info_cdrom_sectors_read"></span><br>
|
||||
Bytes read: <span id="info_cdrom_bytes_read"></span><br>
|
||||
<br>
|
||||
</div>
|
||||
<b>VGA</b><br>
|
||||
Mode: <span id="info_vga_mode"></span><br>
|
||||
Resolution: <span id="info_res">-</span><br>
|
||||
BPP: <span id="info_bpp">-</span><br>
|
||||
<br>
|
||||
Mouse: <span id="info_mouse_enabled">-</span><br>
|
||||
<!-- Keyboard: <span id="info_keyboard_enabled">-</span><br> -->
|
||||
</div>
|
||||
|
||||
<input type="text" class="phone_keyboard" style="display: none">
|
||||
|
||||
<br style="clear:both"><br>
|
||||
|
||||
<textarea readonly id="log" style="display: none"></textarea>
|
||||
|
||||
<textarea cols="80" rows="25" id="serial" style="display: none">This is the serial console. Whatever you type or paste here will be send to COM1.
|
||||
|
||||
In Linux it can be accessed with `cat /dev/ttyS0`
|
||||
</textarea>
|
||||
|
||||
<br style="clear:both">
|
||||
|
||||
|
||||
<div id="news">
|
||||
<hr>
|
||||
<h4>News</h4>
|
||||
|
|
|
@ -965,6 +965,7 @@
|
|||
|
||||
setInterval(update_info, 1000);
|
||||
setInterval(update_other_info, 2500);
|
||||
setTimeout(update_other_info, 100);
|
||||
|
||||
$("reset").onclick = function()
|
||||
{
|
||||
|
@ -1064,6 +1065,9 @@
|
|||
$("take_screenshot").blur();
|
||||
};
|
||||
|
||||
// avoid warnings
|
||||
settings.fdb = undefined;
|
||||
|
||||
settings.screen_adapter = screen_adapter;
|
||||
settings.keyboard_adapter = new KeyboardAdapter();
|
||||
settings.mouse_adapter = new MouseAdapter();
|
||||
|
|
33
v86.css
33
v86.css
|
@ -1,24 +1,25 @@
|
|||
#log, #runtime_infos {
|
||||
#runtime_infos {
|
||||
float: left;
|
||||
width: 400px;
|
||||
width: 360px;
|
||||
}
|
||||
#log, #runtime_infos, #serial {
|
||||
font-family: DejaVu Sans Mono;
|
||||
font-size: 13px;
|
||||
float: right;
|
||||
width: 400px;
|
||||
border: 0 none;
|
||||
border: 1px solid #333;
|
||||
background-color: #000;
|
||||
padding: 4px;
|
||||
color: #fff;
|
||||
width: 360px;
|
||||
margin: 3px;
|
||||
padding: 3px;
|
||||
}
|
||||
#log {
|
||||
height: 350px;
|
||||
max-height: 350px;
|
||||
width: 350px;
|
||||
}
|
||||
#serial {
|
||||
font-family: DejaVu Sans Mono;
|
||||
font-size: 13px;
|
||||
border: 0 none;
|
||||
background-color: #000;
|
||||
color: #fff;
|
||||
margin: 0px;
|
||||
}
|
||||
#serial:focus {
|
||||
outline: 1px solid rgb(229, 151, 0);
|
||||
}
|
||||
#screen {
|
||||
white-space: pre;
|
||||
|
@ -66,6 +67,7 @@ a {
|
|||
height: 0;
|
||||
resize: none;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
h4 {
|
||||
margin: 0px 0px 20px 0px;
|
||||
|
@ -88,6 +90,8 @@ h4 {
|
|||
}
|
||||
#screen_container {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
a img {
|
||||
margin: 10px;
|
||||
|
@ -95,6 +99,3 @@ a img {
|
|||
.screenshots a {
|
||||
text-decoration: none;
|
||||
}
|
||||
textarea:focus, .phone_keyboard:focus {
|
||||
outline: 1px solid rgb(229, 151, 0);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue