Mu2_Deploy/ui/general/mavlink.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>
init 2024-10-20 13:23:16 -03:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
Reorganize paths for general package 2024-10-23 16:21:25 -03:00			`<title>MAVLink Configuration</title>`
init 2024-10-20 13:23:16 -03:00			`<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>`
Populate serial device dropdown with ports having FCU symlinks 2024-10-24 14:11:50 -03:00			`</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>`

init 2024-10-20 13:23:16 -03:00			`<div class="row justify-content-start">`
Reorganize paths for general package 2024-10-23 16:21:25 -03:00			`<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>`
init 2024-10-20 13:23:16 -03:00			`</div>`
Populate serial device dropdown with ports having FCU symlinks 2024-10-24 14:11:50 -03:00
init 2024-10-20 13:23:16 -03:00			`<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">`
Reorganize paths for general package 2024-10-23 16:21:25 -03:00			`<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>`
init 2024-10-20 13:23:16 -03:00			`<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">`
Reorganize paths for general package 2024-10-23 16:21:25 -03:00			`<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>`
init 2024-10-20 13:23:16 -03:00			`<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>`

Reorganize paths for general package 2024-10-23 16:21:25 -03:00			`<script src="mavlink.js"></script>`
init 2024-10-20 13:23:16 -03:00			`</body>`
			`</html>`