Mu2_Deploy/ui/general/mavlink.html

95 lines
6.4 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>MAVLink Configuration</title>
<meta charset="utf-8">
<link href="../base1/bootstrap.min.css" type="text/css" rel="stylesheet">
<script src="../base1/cockpit.js"></script>
<script src="../base1/jquery-3.7.1.min.js"></script>
</head>
<body>
<div class="pf-c-page">
<main class="pf-c-page__main" tabindex="-1">
<section class="pf-c-page__main-section pf-m-light">
<div class="row justify-content-start">
<div class="col-lg-12 ms-3"><p class="fw-bold fs-2 mt-3 mb-0">MAVLink Telemetry Configuration</p> </div>
<div class="col-lg-12 ms-3"><p class="mt-0 mb-0">Software Version: <I><span id='version'></span></I>, Configuration File: <I><span id='file_location'></span></I></p> </div>
<div class="col-lg-12 ms-3"><p class="mt-1 me-3">Mavlink-router provides network connectivity to/from the autopilot onboard the EchoPilot AI. The settings below can be used to configure the serial port receiving data from the autopilot as well as endpoints on the network. By default, a TCP server is running on port 5760 of the EchoPilot AI. Additional endpoints can be enabled and configured below.</p></div>
</div>
<div class="row justify-content-start">
<div class="col-2 ms-3 mt-3"><button class="btn btn-primary" id="save">Save/Update</button></div>
<div class="col mt-3"><span id="result"></span></div>
</div>
<pre id="output"></pre>
<div class="row justify-content-start">
<div class="col ms-3"><p class="fw-bold fs-5 mt-3 mb-0"><img src="assets/icons/settings_ethernet.svg" class="me-2">FMU Setup</p><p class="fw-light fs-6">Please select the serial device and baud rate used for the input of serial telemetry into the Jetson module. Default baud rate is 500000.</p></div>
</div>
<div class="row justify-content-start">
<div class="col-2 ms-3"><label class="control-label" for="fmuDevice">Linux serial device</label></div>
<div class="col"><select id="fmuDevice"></select></div>
</div>
<div class="row justify-content-start">
<div class="col-2 ms-3 mt-3"><label class="control-label" for="baudrate">Baud Rate (bps)</label></div>
<div class="col mt-3"><select id="baudrate"></select></div>
</div>
<div class="row justify-content-start">
<div class="col ms-3"><p class="fw-bold fs-5 mt-4 mb-0"><img src="assets/icons/lan.svg" class="me-2">Network UDP Telemetry Endpoint</p><p class="fw-light fs-6">Configure the endpoint used for UDP telemetry. Based on the current IP address of the EchoPilot AI, this endpoint should be in the <strong><span id='ipsubnet1'></span></strong> subnet.</p>
<p class="fw-light fs-6">In Normal (client) mode, the EchoPilot AI will send messages to the target endpoint below. When a Ground Control System (GCS) detects these messages, it will start communicating back. Using Normal/Client Mode, the GCS is listening for a connection and the EchoPilot AI initiates the data flow. Most GCS software listens by default on port 14550 for UDP packets.</p>
<p class="fw-light fs-6">In Server mode, the endpoint below is configured to listen for messages from a GCS. Once data is received from a GCS, the EchoPilot AI will begin sending telemetry back to it. In this configuration, the EchoPilot AI does not know about the GCS until the GCS first starts sending packets.
</p>
</div>
<div class="row justify-content-start">
<div class="col-2 ms-3"><label class="control-label" for="udpStatus">Status</label></div>
<div class="col"><select id="udpStatus"></select></div>
</div>
<div class="row justify-content-start">
<div class="col-2 ms-3 mt-3"><label class="control-label" for="udpMode">Mode</label></div>
<div class="col mt-3"><select id="udpMode"></select></div>
</div>
<div class="row justify-content-start">
<div class="col-2 ms-3 mt-3"><label class="control-label" for="losHost">Host</label></div>
<div class="col mt-3"><input id="losHost"></div>
</div>
<div class="row justify-content-start">
<div class="col-2 ms-3 mt-3"><label class="control-label" for="losPort">Port</label></div>
<div class="col mt-3"><input id="losPort"></div>
</div>
<div class="row justify-content-start">
<div class="col ms-3"><p class="fw-bold fs-5 mt-4 mb-0"><img src="assets/icons/lan.svg" class="me-2">Network TCP Telemetry Endpoint</p>
<p class="fw-light fs-6">Configure the endpoint used for TCP client telemetry. Based on the current IP address of the EchoPilot AI, this endpoint should be in the <strong><span id='ipsubnet2'></span></strong> subnet.</p>
<p class="fw-light fs-6">The EchoPilot AI will send messages to the target endpoint by establishing a TCP connection to the endpoint below. When a GCS detects this connection, it will start communicating back on the socket. The GCS does not know about the EchoPilot AI until the client establishes a connection.</p>
</div>
<div class="row justify-content-start">
<div class="col-2 ms-3"><label class="control-label" for="tcpStatus">Status</label></div>
<div class="col"><select id="tcpStatus"></select></div>
</div>
<div class="row justify-content-start">
<div class="col-2 ms-3 mt-3"><label class="control-label" for="tcpHost">Host</label></div>
<div class="col mt-3"><input id="tcpHost"></div>
</div>
<div class="row justify-content-start">
<div class="col-2 ms-3 mt-3"><label class="control-label" for="tcpPort">Port</label></div>
<div class="col mt-3"><input id="tcpPort"></div>
</div>
</section>
</main>
</div>
<script src="mavlink.js"></script>
</body>
</html>