index.html 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <!doctype html>
  2. <head>
  3. <link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/main.css') }}">
  4. </head>
  5. <body onload="javascript: reload()">
  6. <div id="main">
  7. <a href="https://firmware.ardupilot.org/">
  8. <div id="logo">
  9. </div>
  10. </a>
  11. <div id="menu">
  12. <title>ArduPilot Custom Firmware Builder</title>
  13. <h2>ArduPilot Custom Firmware Builder</h2>
  14. <br><b>This site is EXPERIMENTAL</b>
  15. <p>Please select the required options for the custom firmware build.</p>
  16. <form action="/generate" method="post">
  17. <label for="vehicle">Choose a vehicle:</label>
  18. <select name="vehicle">
  19. {% for vehicle in get_vehicles()[0] %}
  20. {% if vehicle == get_vehicles()[1] %}
  21. <option value="{{vehicle}}" selected>{{vehicle}}</option>
  22. {% else %}
  23. <option value="{{vehicle}}">{{vehicle}}</option>
  24. {% endif %}
  25. {% endfor %}
  26. </select>
  27. <p/>
  28. <label for="board">Choose a board:</label>
  29. <select name="board">
  30. {% for board in get_boards()[0] %}
  31. {% if board == get_boards()[1] %}
  32. <option value="{{board}}" selected>{{board}}</option>
  33. {% else %}
  34. <option value="{{board}}">{{board}}</option>
  35. {% endif %}
  36. {% endfor %}
  37. </select>
  38. <p/>
  39. <label for="board">Select Features:</label>
  40. <ul>
  41. {% for c in get_build_categories() %}
  42. <li>{{c}}</li>
  43. <ul>
  44. {% for f in get_build_options(c) %}
  45. <li>
  46. {% if f.default == 1 %}
  47. <input type="checkbox" name="{{f.label}}" value="1" checked>
  48. {% else %}
  49. <input type="checkbox" name="{{f.label}}" value="1">
  50. {% endif %}
  51. {{f.description}}
  52. </li>
  53. {% endfor %}
  54. </ul>
  55. {% endfor %}
  56. </ul>
  57. <br>
  58. <input type="submit" value="Generate" method="post">
  59. </form>
  60. </div>
  61. <hr>
  62. <div id="build_status"></div>
  63. <br />
  64. <script>
  65. function reload() {
  66. var output = document.getElementById('build_status');
  67. var xhr = new XMLHttpRequest();
  68. xhr.open('GET', "/builds/status.html");
  69. // disable cache, thanks to: https://stackoverflow.com/questions/22356025/force-cache-control-no-cache-in-chrome-via-xmlhttprequest-on-f5-reload
  70. xhr.setRequestHeader("Cache-Control", "no-cache, no-store, max-age=0");
  71. xhr.setRequestHeader("Expires", "Tue, 01 Jan 1980 1:00:00 GMT");
  72. xhr.setRequestHeader("Pragma", "no-cache");
  73. xhr.onload = function() {
  74. if (xhr.status == 200) {
  75. output.innerHTML = xhr.responseText;
  76. }
  77. setTimeout(reload,5000)
  78. }
  79. xhr.send();
  80. }
  81. </script>
  82. </body>
  83. <hr>
  84. <footer>Created by Will Piper, <a href=https://github.com/ArduPilot/CustomBuild>Source Code<a>.</footer>