Files
eacp_webapp/htdocs/settings_streaming.html
T
2026-06-16 11:24:50 +08:00

206 lines
11 KiB
HTML

<!DOCTYPE HTML>
<html lang="en">
<head>
<title>UDP Data Streaming Settings</title>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap-toggle.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- Common Javascript -->
<script type="text/javascript" src="js/globals.js"></script>
<script type="text/javascript" src="js/navbar.js"></script>
<!-- Application needed for this page -->
<script>
var globs = {};
$(function(){
$.getJSON( "./param.json?param=udpp10003servers,udpp10004servers,udpp10005servers,udpp10006servers,udp30003servers,jsonudptxrate,jsonudpservers", function(value_params) {
$.each( value_params, function( key, value ) {
document.getElementById(key).value = value;
});
});
$.getJSON( "./param.json?param=udpp10003enable,udpp10004enable,udpp10005enable,udpp10006enable,udp30003enable,jsonudpenable,usbserialtype", function(radio_params) {
console.log("Radio:",radio_params);
$.each( radio_params, function( key, value ) {
$('#'+key+value).prop('selected','true');
});
});
});
</script>
</head>
<body>
<div id="nav"></div>
<div class="container">
<div class="page-header"><h1>UDP Data Streaming Settings</h1></div>
<form method="post" id="rcdconf" action="./settings_post.html">
<div class="row">
<div class="col-xs-12">
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#conf_datainterfaces"><span class="glyphicon glyphicon-transfer" aria-hidden="true"></span> Data Streaming</a>
</h4>
</div>
<div id="conf_datainterfaces" class="panel-collapse collapse in">
<div class="panel-body">
<div class="col-xs-12 col-md-4">
<h4>USB Serial Interface</h4>
<div class="form-group">
<label for="conf_usbserialtype">Enable/Disable and Select Mode</label>
<select class="form-control" name="usbserialtype" id="conf_usbserialtype" size="1">
<option id="usbserialtypeusbserialoff" value="usbserialoff">Disabled</option>
<option id="usbserialtypeusbserialraw" value="usbserialraw">Raw FPGA data with Mode-A/C</option>
<option id="usbserialtypeusbserialcrcchecked" value="usbserialcrcchecked">Mode-S CRC pre-checked with Mode-A/C</option>
<option id="usbserialtypeusbserialdf11and17" value="usbserialdf11and17">DF11, DF17, DF18</option>
<option id="usbserialtypeusbserialnonadsb" value="usbserialnonadsb">Non ADS-B Aircraft</option>
<option id="usbserialtypeusbserialp30003" value="usbserialp30003">Port 30003</option>
</select>
</div>
</div>
<div class="col-xs-12">
<h4>Port 10003 UDP Server</h4>
<p class="help-block">Binary formatted raw data with all Mode-S and Mode-A/C data formats (CRC pre-checked)</p>
</div>
<div class="col-xs-12 col-md-4">
<div class="form-group">
<label for="conf_udpp10003enable">Enable/Disable Port 10003 UDP Output</label>
<select class="form-control" name="udpp10003enable" id="conf_udpp10003enable" size="1">
<option id="udpp10003enable0" value="0">Disabled</option>
<option id="udpp10003enable1" value="1">Enabled</option>
</select>
</div>
<div class="form-group">
<label for="conf_udpp10003servers">Receiving Server(s) for Port 10003 UDP Data</label>
<textarea id="udpp10003servers" class="form-control" name="udpp10003servers" rows="1"></textarea>
</div>
</div>
<div class="col-xs-12">
<h4>Port 10004 UDP Server</h4>
<p class="help-block">Binary formatted raw data with DF-11, DF-17 and DF-18 only</p>
</div>
<div class="col-xs-12 col-md-4">
<div class="form-group">
<label for="conf_udpp10004enable">Enable/Disable Port 10004 UDP Output</label>
<select class="form-control" name="udpp10004enable" id="conf_udpp10004enable" size="1">
<option id="udpp10004enable0" value="0">Disabled</option>
<option id="udpp10004enable1" value="1">Enabled</option>
</select>
</div>
<div class="form-group">
<label for="conf_udpp10004servers">Receiving Server(s) for Port 10004 UDP Data</label>
<textarea id="udpp10004servers" class="form-control" name="udpp10004servers" rows="1"></textarea>
</div>
</div>
<div class="col-xs-12">
<h4>Port 10005 UDP Server</h4>
<p class="help-block">Binary formatted raw data of aircrafts without position</p>
</div>
<div class="col-xs-12 col-md-4">
<div class="form-group">
<label for="conf_udpp10005enable">Enable/Disable Port 10005 UDP Output</label>
<select class="form-control" name="udpp10005enable" id="conf_udpp10005enable" size="1">
<option id="udpp10005enable0" value="0">Disabled</option>
<option id="udpp10005enable1" value="1">Enabled</option>
</select>
</div>
<div class="form-group">
<label for="conf_udpp10005servers">Receiving Server(s) for Port 10005 UDP Data</label>
<textarea id="udpp10005servers" class="form-control" name="udpp10005servers" rows="1"></textarea>
</div>
</div>
<div class="col-xs-12">
<h4>Port 10006 UDP Server</h4>
<p class="help-block">Binary formatted raw data with all Mode-S data formats (CRC pre-checked, no Mode-A/C)</p>
</div>
<div class="col-xs-12 col-md-4">
<div class="form-group">
<label for="conf_udpp10006enable">Enable/Disable Port 10006 UDP Output</label>
<select class="form-control" name="udpp10006enable" id="conf_udpp10006enable" size="1">
<option id="udpp10006enable0" value="0">Disabled</option>
<option id="udpp10006enable1" value="1">Enabled</option>
</select>
</div>
<div class="form-group">
<label for="conf_udpp10006servers">Receiving Server(s) for Port 10006 UDP Data</label>
<textarea id="udpp10006servers" class="form-control" name="udpp10006servers" rows="1"></textarea>
</div>
</div>
<div class="col-xs-12">
<h4>Port 30003 UDP Server</h4>
<p class="help-block">Pre decoded aircraft data in CSV style</p>
</div>
<div class="col-xs-12 col-md-4">
<div class="form-group">
<label for="conf_udp30003enable">Enable/Disable Port 30003 UDP Output</label>
<select class="form-control" name="udp30003enable" id="conf_udp30003enable" size="1">
<option id="udp30003enable0" value="0">Disabled</option>
<option id="udp30003enable1" value="1">Enabled</option>
</select>
</div>
<div class="form-group">
<label for="conf_udp30003servers">Receiving Server(s) for Port 30003 UDP Data</label>
<textarea id="udp30003servers" class="form-control" name="udp30003servers" id="conf_udp30003servers" rows="1"></textarea>
</div>
</div>
<div class="col-xs-12">
<h4>JSON UDP Server</h4>
<p class="help-block">JSON formatted data in periodic output</p>
</div>
<div class="col-xs-12 col-md-4">
<div class="form-group">
<label for="conf_jsonudpenable">Enable/Disable JSON UDP Output</label>
<select class="form-control" name="jsonudpenable" id="conf_jsonudpenable" size="1">
<option id="jsonudpenable0" value="0">Disabled</option>
<option id="jsonudpenable1" value="1">Enabled</option>
</select>
</div>
<div class="form-group">
<label for="conf_jsonudptxrate">Update Rate [Seconds]</label>
<input id="jsonudptxrate" class="form-control" type="text" name="jsonudptxrate" maxlength="6" value="5">
</div>
<div class="form-group">
<label for="conf_jsonudpservers">Receiving Server(s) for JSON UDP Data</label>
<textarea id="jsonudpservers" class="form-control" name="jsonudpservers" rows="1"></textarea>
</div>
</div>
<div class="col-xs-12">
<p class="help-block">Format of server addresses [IP-ADDRESS]:[PORT] (e.g. 192.168.1.100:9000) or [HOSTNAME]:[PORT] (e.g. doors.open.net:1234)</p>
<p class="help-block">Separate multiple servers by a comma</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<button form="rcdconf" class="btn btn-primary custom-btn-block-xs" type="submit"><span class="glyphicon glyphicon-ok"></span> Change Settings</button>
<button form="rcdconf" class="btn btn-default custom-btn-block-xs" type="reset"><span class="glyphicon glyphicon-remove"></span> Undo Changes</button>
<a href="./" class="btn btn-default" role="button">Cancel</a>
</div>
</div>
</form>
</div>
<br>
</body>
</html>