kopia lustrzana https://github.com/ogre/habdec
95 wiersze
2.9 KiB
HTML
Executable File
95 wiersze
2.9 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<meta charset="utf-8" />
|
|
|
|
|
|
<script src="js/NetTransport.js"></script>
|
|
<script src="js/habdec_commands.js"></script>
|
|
<script src="js/drawing.js"></script>
|
|
<script src="js/gui.js"></script>
|
|
|
|
<head>
|
|
<style>
|
|
body, html {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
div {
|
|
font-family: Tahoma, Verdana, Segoe, sans-serif;
|
|
}
|
|
</style>
|
|
<link rel="stylesheet" href="css/habdec.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- Power Spectrum -->
|
|
<div style="display: grid; grid-template-columns: auto 80px; width: 100%; height: 150px;" >
|
|
<div id="cnt_powerSpectrumCanvas" style="display: flex;">
|
|
<canvas id="powerSpectrumCanvas" ></canvas>
|
|
</div>
|
|
<div>
|
|
<button type="button" style="height: 50%; width: 100%; overflow: auto; font-size: 30px;" onclick="(function(){G_SPECTRUM_ZOOM += .1})()" > + </button><br>
|
|
<button type="button" style="height: 50%; width: 100%; overflow: auto; font-size: 30px;" onclick="(function(){G_SPECTRUM_ZOOM -= .1})()" > - </button><br>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="display: grid; grid-template-columns: auto 540px; width: 100%;" >
|
|
<!-- Demod Graph -->
|
|
<div>
|
|
<div id="cnt_demodCanvas" style="display: flex; height: 128px;">
|
|
<canvas id="demodCanvas" height="128px"></canvas>
|
|
</div>
|
|
<div>
|
|
<div id="cnt_debug" style="font-size: 12px;"></div>
|
|
<!-- <div id="cnt_habsentence" class="habsentence">SENTENCE</div> -->
|
|
<br>
|
|
<div id="cnt_liveprint" class="habsentence_text" style="color: cadetblue"></div>
|
|
<div id="cnt_habsentence_count" class="habsentence_text" style="color: rgb(122, 52, 163)"></div>
|
|
<div id="cnt_habsentence_list" class="habsentence_text"></div>
|
|
</div>
|
|
</div>
|
|
<!-- Control Buttons -->
|
|
<div>
|
|
<div id="cnt_spectrum_zoom" class="ctrl_container"> </div>
|
|
<div id="cnt_frequency" class="ctrl_container"> </div>
|
|
<div id="cnt_decimation" class="ctrl_container"> </div>
|
|
<div id="cnt_gain" class="ctrl_container"> </div>
|
|
<div id="cnt_lowpass_bw" class="ctrl_container"> </div>
|
|
<div id="cnt_lowpass_trans" class="ctrl_container"> </div>
|
|
<div id="cnt_baud" class="ctrl_container"> </div>
|
|
<div id="cnt_rtty_bits" class="ctrl_container"> </div>
|
|
<div id="cnt_rtty_stops" class="ctrl_container"> </div>
|
|
<div id="cnt_datasize" class="ctrl_container"> </div>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<input type="checkbox" id="biastee" oninput="SetBiasT()"> <span class="checkboxtext">BiasTee</span> <br> <br>
|
|
<input type="checkbox" id="afc" oninput="SetAFC()"> <span class="checkboxtext">AFC</span>
|
|
<p> <button id="btnFullscreen" type="button" onclick="toggleFullscreen()">Fullscreen</button> </p>
|
|
</div>
|
|
|
|
<div>
|
|
<div><label>Server Address</label></div>
|
|
<input id="server_address" value="127.0.0.1:5555">
|
|
<button onclick="OpenConnection()" >Connect</button>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
|
|
<script language="javascript" type="text/javascript">
|
|
|
|
function habdec_init()
|
|
{
|
|
OpenConnection();
|
|
CreateControls();
|
|
ResizeCanvas("powerSpectrumCanvas");
|
|
ResizeCanvas("demodCanvas");
|
|
}
|
|
|
|
window.addEventListener("load", habdec_init, false);
|
|
|
|
</script>
|
|
|