Some UI improvments

This commit is contained in:
copy 2014-02-11 01:28:35 +01:00
parent beb39069d2
commit 760422bc78
4 changed files with 87 additions and 85 deletions

View file

@ -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&amp;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>

View file

@ -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>

View file

@ -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
View file

@ -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);
}