Equalmass
/
ArdupilotCustomFirmwareBuilder


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
							<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>ArduPilot Custom Firmware Builder</title>
    <meta name="description"
          content="ArduPilot Custom Firmware Builder. It allows to build custom ArduPilot firmware by selecting the wanted features.">
    <meta name="author" content="ArduPilot Team">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- OG Meta Tags to improve the way the post looks when you share the page on LinkedIn, Facebook, Google+ -->
    <meta property="og:site_name" content="ArduPilot"/>
    <meta property="og:site" content=""/>
    <meta property="og:title" content="ArduPilot Custom Firmware Builder"/>
    <meta property="og:description"
          content="ArduPilot Custom Firmware Builder. It allows to build custom ArduPilot firmware by selecting the wanted features."/>
    <!-- description shown in the actual shared post -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://custom.ardupilot.org/">
    <meta property="og:image" content="https://ardupilot.org/application/files/6315/7552/1962/ArduPilot-Motto.png">

    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='styles/main.css') }}">
    <script type="text/javascript" src="{{ url_for('static', filename='js/CollapsibleLists.js')}}"></script>
</head>

<body onload="javascript: reload()">
<div id="main">
    <a href="https://custom.ardupilot.org/">
        <div id="logo">
        </div>
    </a>

    <div id="menu">
        <h2>ArduPilot Custom Firmware Builder</h2>

        <form action="/generate" method="post">
            <label for="vehicle">Chosen vehicle:
                <select name="vehicle">
                    <option value="{{chosen_vehicle}}" selected>{{chosen_vehicle}}</option>
                </select>
            </label>
            <p></p>
            <label for="branch">Chosen branch:
                <select name="branch">
                    <option value="{{chosen_branch}}" selected>{{get_branches()[0][chosen_branch]}}</option>
                </select>
            </label>
            <p></p>
            <p>Please select the required options for the custom firmware build, then hit 'Generate'.</p>
            <label for="board">Choose a board:
                <select name="board">
                    {% for board in get_boards()[0] %}
                    {% if board == get_boards()[1] %}
                    <option value="{{board}}" selected>{{board}}</option>
                    {% else %}
                    <option value="{{board}}">{{board}}</option>
                    {% endif %}
                    {% endfor %}
                </select>
            </label>
            <p></p>
            <label for="board">Select Features:
                <ul class="collapsibleList">
                    {% for c in get_build_categories() %}
                    <li>{{c}}
                        <ul>
                            {% for f in get_build_options(c) %}
                            <li>
                                {% if f.default == 1 %}
                                <input onclick='dependencies(this, "{{f.label}}", "{{f.dependency}}");' type="checkbox"
                                       name="{{f.label}}" id="{{f.label}}" value="1" checked>
                                {% else %}
                                <input onclick='dependencies(this, "{{f.label}}", "{{f.dependency}}");' type="checkbox"
                                       name="{{f.label}}" id="{{f.label}}" value="1">
                                {% endif %}
                                {{f.description}}
                            </li>
                            {% endfor %}
                        </ul>
                    </li>
                    {% endfor %}
                </ul>
            </label>
            <br>
            <input type="submit" value="Generate">
        </form>
    </div>
    <hr>
    <p>Exisiting builds (click on the status of a build to view it):</p>
    <div id="build_status"></div>
    <br/>
    <script>
        CollapsibleLists.apply();

        function reload() {
            var output = document.getElementById('build_status');
            var xhr = new XMLHttpRequest();
            xhr.open('GET', "/builds/status.html");

            // disable cache, thanks to: https://stackoverflow.com/questions/22356025/force-cache-control-no-cache-in-chrome-via-xmlhttprequest-on-f5-reload
            xhr.setRequestHeader("Cache-Control", "no-cache, no-store, max-age=0");
            xhr.setRequestHeader("Expires", "Tue, 01 Jan 1980 1:00:00 GMT");
            xhr.setRequestHeader("Pragma", "no-cache");

            xhr.onload = function () {
                if (xhr.status === 200) {
                    output.innerHTML = xhr.responseText;
                }
                setTimeout(reload, 5000)
            }
            xhr.send();
        }

        function dependencies(cb, f_label, f_dependency1) {
            switch (cb.name) {
                case f_label:
                    const f_dependency = f_dependency1.split(",")
                    var arrayLength = f_dependency.length;
                    for (var i = 0; i < arrayLength; i++) {
                        if (document.getElementById(f_dependency[i]).checked == false) {
                            document.getElementById(f_dependency[i]).checked = cb.checked;
                        }
                    }
                    break;
            }
        }
    </script>
</div>
</body>

<hr>
<footer>Created by Will Piper, <a href=https://github.com/ArduPilot/CustomBuild>Source Code</a>.</footer>
</html>