jarjonam
/
laser_stabilisation


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
							<!DOCTYPE html>
<html>
<head>
	<script type="text/javascript" src="/eel.js"></script>
	<script src="plotly-latest.min.js"></script>
	<script type="text/javascript" src="toastify.js"></script>
	<link rel="stylesheet" type="text/css" href="toastify.css">
	<script type="text/javascript" src="main.js"></script>
	<script type="text/javascript" src="popper.min.js"></script>
	<script type="text/javascript" src="tippy.min.js"></script>
	<link rel="stylesheet" type="text/css" href="main.css">
	<title> Stabilization Board software </title>
</head>
<body onload="onload()">
	<div id="app">
		<div id="tabs">
			<div class="tab active" i="0">Board 0</div>
			<div class="tab" i="1">Board 1</div>
			<div class="tab" i="2">Board 2</div>
			<div class="tab" i="3">Board 3</div>
			<div class="tab" i="4">Board 4</div>
			<div class="tab" i="5">Board 5</div>
			<div class="tab" i="6">Board 6</div>
			<div class="tab" i="7">Board 7</div>
		</div>
		<div id="boxInformation">
			<div class="row">
				<span>Box address</span><input type="text" id="boxAddress" disabled>
				<span class="spacing">&nbsp</span>
				Mode:
				<input type="radio" id="isLearn" checked disabled> Learn
				<input type="radio" id="isLock" disabled> Lock
				<span class="spacing">&nbsp</span>
				<input type="checkbox" id="outOfLock" disabled checked> Out of lock
			</div>
			
			<div class="row">
				<span>Pi communication freq. / Hz</span><input type="number" id="piFreq">
				<span class="spacing">&nbsp</span>
				<span>Current board freq. / Hz</span><input type="number" id="boardFreq" disabled>
				<span class="spacing">&nbsp</span>
				<input type="checkbox" id="remoteTrigg"> Ignore trigger
			</div>
		</div>
		<div class="row" style="display: flex; flex-direction: horizontal">
			<div id="graphs" style="width: 60%">
				<div style="padding:4px; width:93%;">
					<div class="row" style="margin-left: 10px">
						<select id="waveformGraphSelect">
						</select>
						<span class="spacing">&nbsp</span>
						<input type="checkbox" id="waveformGraphAutoupdate" checked> Autoupdate
						<span class="spacing">&nbsp</span>
						<input type="button" id="waveformGraphClear" value="Clear">
					</div>
					<div class="row" style="margin-left: 10px; font-style:italic">
						<span id="waveformGraphText"></span>
					</div>
					<div id="waveformGraph">
					</div>
					<div class="row" style="margin-left: 10px">
						X: <select id="longGraphX">
							<option value="0">Wf. number</option>
							<option value="1">Time / min</option>
							<option disabled>_________</option>
							<option value="2">Signal</option>
							<option value="3">Gnd</option>
							<option value="4">Signal - Gnd</option>
							<option value="5">Signal Std</option>
							<option value="6">Gnd Std</option>
							<option value="7">Mode</option>
							<option value="8">Out of lock</option>
							<option value="9">Broad output</option>
							<option value="10">Fine output</option>
						</select>
						Y: <select id="longGraphY">
							<option value="0">Wf. number</option>
							<option value="1">Time / min</option>
							<option disabled>_________</option>
							<option value="2">Signal</option>
							<option value="3">Gnd</option>
							<option selected value="4">Signal - Gnd</option>
							<option value="5">Signal Std</option>
							<option value="6">Gnd Std</option>
							<option value="7">Mode</option>
							<option value="8">Out of lock</option>
							<option value="9">Broad output</option>
							<option value="10">Fine output</option>
						</select>
						<span class="spacing">&nbsp</span>
						<input type="checkbox" id="longGraphAutoupdate" checked> Autoupdate
						<span class="spacing">&nbsp</span>
						<input type="button" id="longGraphClear" value="Clear">
					</div>
					<div id="longGraph">
					</div>
				</div>
			</div>
			<div style="width: 40%; padding: 10px">
				<span class="label">____ Learning options ________________</span>
				<div class="row">
					<input type="checkbox" id="enabGnd"> Subtract ground
					<span class="spacing">&nbsp</span>
					<span>Vlearn</span><input type="number" id="Vlearn">
				</div>
				<div class="row">
					<span>Start</span><input type="number" id="start">
					<span class="spacing">&nbsp</span>
					<span>Stop</span><input type="number" id="stop">
				</div>
				<div class="row" id="gndOptions">
					<span>Start gnd</span><input type="number" id="startGnd">
					<span class="spacing">&nbsp</span>
					<span>Stop gnd</span><input type="number" id="stopGnd">
				</div>
				<div class="row" id="gndOptions">
					<span>Nº of wf</span><input type="number" id="N">
					<span class="spacing">&nbsp</span>
					<span>Wf length</span><input type="number" id="wfLen">
				</div>
				<span class="label">____ Locking options _________________</span>
				<div class="row">
					<span>Max. step</span><input type="number" id="stepMax">
					<span class="spacing" style="opacity: 0">&nbsp</span>
				</div>
				<div class="row">
					<span>Loop gain</span><input type="number" id="Gain">
					<span class="spacing">&nbsp</span>
					<input type="button" id="calibrateGain" value="Calibrate gain">
				</div>
				<span class="label">____ Input options _________________</span>
				<div class="row">
					<input type="checkbox" id="autoSetPga"> Auto configure input
					<span class="spacing" style="opacity: 0">&nbsp</span>
				</div>
				<div class="row">
					<span>Input gain</span><input type="number" id="inputGain">
					<span class="spacing">&nbsp</span>
					<span> Offset</span><input type="number" id="offset">
				</div>
				<span class="label">____ Output options _________________</span>
				<div class="row">
					<span>Broad/fine ratio</span><input type="number" id="coarseFineRatio">
					<span class="spacing">&nbsp</span>
					<input type="button" id="calibrateCoarseFineRatio" value="Calibrate ratio">
				</div>
				<span class="label">____ Analysis tools _________________</span>
				<div class="row">
					<div class="row" style="margin-bottom: 3px"><input type="button" id="measureResponseFunction" value="Measure response function"> </div>
					<div class="row" style="margin-bottom: 3px"><input type="button" id="sdevTime" value="Sdev vs. time" disabled> </div>
					<div class="row" style="margin-bottom: 3px"><input type="button" id="noisePowerSpectrum" value="Noise power spectrum" disabled> </div>
				</div>

			</div>
		</div>
	</div>
</body>
</html>