betaflight-configurator/main.html

127 lines
7.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="cTn" />
<link type="text/css" rel="stylesheet" href="./css/style.css" media="all" />
<script type="text/javascript" src="./js/libraries/google-analytics-bundle.js"></script>
<script type="text/javascript" src="./js/libraries/flotr2.min.js"></script>
<script type="text/javascript" src="./js/libraries/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="./js/port_handler.js"></script>
<script type="text/javascript" src="./js/serial.js"></script>
<script type="text/javascript" src="./js/gui.js"></script>
<script type="text/javascript" src="./js/serial_backend.js"></script>
<script type="text/javascript" src="./js/data_storage.js"></script>
<script type="text/javascript" src="./js/msp.js"></script>
<script type="text/javascript" src="./main.js"></script>
<script type="text/javascript" src="./js/backup_restore.js"></script>
<script type="text/javascript" src="./js/stm32.js"></script>
<!-- Various tabs are divided into separate files (for clarity) -->
<script type="text/javascript" src="./tabs/default.js"></script>
<script type="text/javascript" src="./tabs/initial_setup.js"></script>
<script type="text/javascript" src="./tabs/pid_tuning.js"></script>
<script type="text/javascript" src="./tabs/receiver.js"></script>
<script type="text/javascript" src="./tabs/auxiliary_configuration.js"></script>
<script type="text/javascript" src="./tabs/servos.js"></script>
<script type="text/javascript" src="./tabs/gps.js"></script>
<script type="text/javascript" src="./tabs/motor_outputs.js"></script>
<script type="text/javascript" src="./tabs/sensors.js"></script>
<script type="text/javascript" src="./tabs/cli.js"></script>
<script type="text/javascript" src="./tabs/firmware_flasher.js"></script>
<!-- Various tab styles are divided into separate files (for clarity) -->
<link type="text/css" rel="stylesheet" href="./tabs/default.css" media="all" />
<link type="text/css" rel="stylesheet" href="./tabs/initial_setup.css" media="all" />
<link type="text/css" rel="stylesheet" href="./tabs/pid_tuning.css" media="all" />
<link type="text/css" rel="stylesheet" href="./tabs/receiver.css" media="all" />
<link type="text/css" rel="stylesheet" href="./tabs/auxiliary_configuration.css" media="all" />
<link type="text/css" rel="stylesheet" href="./tabs/servos.css" media="all" />
<link type="text/css" rel="stylesheet" href="./tabs/gps.css" media="all" />
<link type="text/css" rel="stylesheet" href="./tabs/motor_outputs.css" media="all" />
<link type="text/css" rel="stylesheet" href="./tabs/sensors.css" media="all" />
<link type="text/css" rel="stylesheet" href="./tabs/cli.css" media="all" />
<link type="text/css" rel="stylesheet" href="./tabs/firmware_flasher.css" media="all" />
</head>
<body>
<div id="outter-wrapper">
<div id="frame">
<span class="title">Baseflight - Configurator</span>
<a class="close" href="#" title="Close"></a>
<a class="maximize" href="#"></a>
<a class="minimize" href="#" title="Minimize"></a>
</div>
<div id="main-wrapper">
<div id="port-picker">
<ul>
<li class="port">
<select id="port" title="Port">
<!-- port list gets generated here -->
</select>
</li>
<li>
<select id="baud" title="Baud Rate">
<option value="115200" selected="selected">115200</option>
<option value="57600">57600</option>
<option value="38400">38400</option>
<option value="28800">28800</option>
<option value="19200">19200</option>
<option value="14400">14400</option>
<option value="9600">9600</option>
<option value="4800">4800</option>
<option value="2400">2400</option>
<option value="1200">1200</option>
</select>
</li>
<li>
<a class="connect" href="#" title="">Connect</a>
<label>
<input class="auto_connect" type="checkbox" title="Auto-Connect" checked="checked"/>
<span class="auto_connect">Auto-Connect</span>
</label>
</li>
</ul>
</div>
<div id="sensor-status">
<ul>
<li class="gyro" title="Gyroscope">Gyro</li>
<li class="accel" title="Accelerometer">Accel</li>
<li class="mag" title="Magnetometer">Mag</li>
<li class="baro" title="Barometer">Baro</li>
<li class="gps" title="GPS">GPS</li>
<li class="sonar" title="Sonar / Range finder">Sonar</li>
</ul>
</div>
<div class="clear-both"></div>
<div id="log">
<div class="wrapper">
</div>
</div>
<div id="tabs">
<ul>
<li class="tab_initial_setup"><a href="#">Initial Setup</a></li>
<li class="tab_pid_tuning"><a href="#">PID Tuning</a></li>
<li class="tab_receiver"><a href="#">Receiver</a></li>
<li class="tab_auxiliary_configuration"><a href="#">Auxiliary Configuration</a></li>
<li class="tab_servos"><a href="#">Servos</a></li>
<li class="tab_gps"><a href="#">GPS</a></li>
<li class="tab_motor_outputs"><a href="#">Motor/Servo Outputs</a></li>
<li class="tab_sensors"><a href="#">Raw Sensor Data</a></li>
<li class="tab_cli"><a href="#">CLI</a></li>
</ul>
<div class="clear-both"></div>
</div>
<div id="content">
</div>
<div id="status-bar">
Port utilization: <span class="port-usage">0%</span> |
Packet error: <span class="packet-error">0</span> |
Firmware Version: <span class="software-version">0.0</span> |
Cycle Time: <span class="cycle-time">0</span>
</div>
</div>
</div>
</body>
</html>