index.html 8.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>ArduPilot Custom Firmware Builder</title>
  6. <meta name="description"
  7. content="ArduPilot Custom Firmware Builder (with patch manager). It allows to build custom ArduPilot firmware by selecting the wanted features.">
  8. <meta name="author" content="ArduPilot Team">
  9. <meta name="viewport" content="width=device-width, initial-scale=1">
  10. <meta property="og:site_name" content="ArduPilot" />
  11. <meta property="og:site" content="" />
  12. <meta property="og:title" content="ArduPilot Custom Firmware Builder" />
  13. <meta property="og:description"
  14. content="ArduPilot Custom Firmware Builder. It allows to build custom ArduPilot firmware by selecting the wanted features." />
  15. <meta property="og:type" content="website">
  16. <meta property="og:url" content="https://custom.ardupilot.org/">
  17. <meta property="og:image" content="https://ardupilot.org/application/files/6315/7552/1962/ArduPilot-Motto.png">
  18. <link rel="stylesheet" type="text/css" href="/static/styles/main.css">
  19. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
  20. integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
  21. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
  22. </head>
  23. <body class="bg-light" onload="javascript: init()">
  24. <div class="d-flex flex-column justify-content-between" style="height: 100vh;">
  25. <div>
  26. <nav class="navbar bg-dark">
  27. <div class="container-fluid">
  28. <div>
  29. <a class="navbar-brand" href="/">
  30. <img src="/static/images/ardupilot_logo.png" alt="ArduPilot" height="24"
  31. class="d-inline-block align-text-top">
  32. <span class="ms-2 text-white" style="font-size: 25px;">Custom Firmware Builder & Patch Manager</span>
  33. </a>
  34. </div>
  35. <div>
  36. <a href="https://ardupilot.org/donate" target="_blank" class="btn btn-warning rounded-pill me-1"><i class="bi bi-heart me-2"></i>Donate</a>
  37. <a href="https://ardupilot.org/copter/docs/common-custom-firmware.html" class="btn btn-outline-light me-1"><i
  38. class="bi bi-book me-2"></i>Docs</a>
  39. <a href="https://git.equalmass.com/Equalmass/ArdupilotCustomFirmwareBuilder/issues" class="btn btn-outline-light me-1"><i
  40. class="bi bi-github me-2"></i>Report an issue</a>
  41. <a href="/add_build" class="btn btn-success"><i class="bi bi-plus-square me-2"></i>Add a build</a>
  42. <a href="/patch-manager/" class="btn btn-info text-white ms-1" style="background-color: #0dcaf0; border-color: #0dcaf0;">
  43. <i class="bi bi-boxes me-2"></i>Patch Manager
  44. </a>
  45. </div>
  46. </div>
  47. </nav>
  48. <div class="container-fluid px-3 py-3" id="build_table_container">
  49. <div class="container-fluid d-flex align-items-center justify-content-center" style="height: 100vh;">
  50. <div class="container-fluid w-25 d-flex align-content-between">
  51. <strong>Fetching builds...</strong>
  52. <div class="spinner-border ms-auto" role="status" aria-hidden="true"></div>
  53. </div>
  54. </div>
  55. </div>
  56. </div>
  57. <div class="container-fluid d-flex text-bg-dark p-2 justify-content-between">
  58. <div>
  59. <span class="mx-2">Credits:
  60. <a href="https://github.com/ArduPilot/CustomBuild/graphs/contributors" style="text-decoration: underline; color: white;">See Contributors</a>
  61. </span>|
  62. <span class="mx-2">Source to this version:
  63. <a href="https://git.equalmass.com/Equalmass/ArdupilotCustomFirmwareBuilder" style="text-decoration: underline; color: white;">Ardupilot/CustomBuild</a>
  64. </span>
  65. </div>
  66. <span>The official app is available here:
  67. <a href="https://custom-beta.ardupilot.org" style="text-decoration: underline; color: white;">custom-beta.ardupilot.org</a>
  68. </span>
  69. </div>
  70. </div>
  71. <div class="modal fade" id="logModal" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false" aria-labelledby="logModalLabel" aria-hidden="true">
  72. <div class="modal-dialog modal-lg">
  73. <div class="modal-content">
  74. <div class="modal-header">
  75. <h5 class="modal-title" id="logModalLabel">Build log</h5>
  76. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  77. </div>
  78. <div class="modal-body">
  79. <textarea class="form-control" id="logTextArea" rows="30" col="100" readonly
  80. style="font-family: Consolas, monaco, monospace; font-size: smaller;"></textarea>
  81. </div>
  82. <div class="modal-footer">
  83. <div class="container-fluid d-flex justify-content-between">
  84. <div class="d-flex align-items-center">
  85. <div class="form-check form-switch">
  86. <input class="form-check-input" type="checkbox" role="switch" id="autoScrollSwitch" checked>
  87. <label class="form-check-label" for="autoScrollSwitch">Auto-Scroll</label>
  88. </div>
  89. </div>
  90. <div class="p-2">
  91. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. <div class="modal fade" id="featureModal" tabindex="-1" aria-labelledby="featureModalLabel" aria-hidden="true">
  99. <div class="modal-dialog modal-lg">
  100. <div class="modal-content">
  101. <div class="modal-header">
  102. <h5 class="modal-title" id="featureModalLabel">Included features</h5>
  103. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  104. </div>
  105. <div class="modal-body p-4" id="featureModalBody"></div>
  106. <div class="modal-footer">
  107. <div class="container-fluid d-flex justify-content-end">
  108. <div class="p-2">
  109. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. <script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
  117. <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js" integrity="sha256-lSjKY0/srUM9BE3dPm+c4fBo1dky2v27Gdjm2uoZaL0=" crossorigin="anonymous"></script>
  118. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
  119. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD" crossorigin="anonymous"></script>
  120. <script type="text/javascript" src="/static/js/index.js"></script>
  121. {% if build_id != None %}
  122. <script>
  123. document.addEventListener("load", launchLogModal('{{build_id}}'));
  124. // Poll every 5 seconds for auto-download
  125. autoDownloadIntervalId = setInterval(tryAutoDownload, 5000, '{{build_id}}');
  126. </script>
  127. {% endif %}
  128. </body>
  129. </html>