sundowndev
/
betaflight-configurator
mirror of https://github.com/sundowndev/betaflight-configurator.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

upload

10.3.x-maintenance
skaman82 2015-10-23 15:17:44 +02:00
parent d61970e177
commit 6c9c64de31
2 changed files with 71 additions and 111 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
README.md
View File

@ -1,81 +0,0 @@
# Cleanflight Configurator
Cleanflight Configurator is a crossplatform configuration tool for the [Cleanflight](http://cleanflight.com/) flight control system.
It runs as an app within Google Chrome and allows you to configure the Cleanflight software running on any [supported Cleanflight target](https://github.com/cleanflight/cleanflight/blob/master/docs/Boards.md).
Various types of aircraft are supported by the tool and by cleanflight, e.g. quadcopters, hexacopters, octocopters and fixed-wing aircraft.
[![available in the Chrome web store](https://developer.chrome.com/webstore/images/ChromeWebStore_Badge_v2_206x58.png)](https://chrome.google.com/webstore/detail/cleanflight-configurator/enacoimjcgeinfnnnpajinjgmkahmfgb)
## Authors
Dominic Clifton/hydra - maintainer of the Cleanflight firmware and configurator.
Cleanflight Configurator was originally a [fork](#credits) of Baseflight Configurator with support for Cleanflight instead of Baseflight.
This configurator is the only configurator with support for Cleanflight specific features. It will likely require that you run the latest firmware on the flight controller.
If you are experiencing any problems please make sure you are running the [latest firmware version](https://github.com/cleanflight/cleanflight/releases/latest).
## Installation
### Via chrome webstore
1. Visit [Chrome web store](https://chrome.google.com/webstore/detail/cleanflight-configurator/enacoimjcgeinfnnnpajinjgmkahmfgb)
2. Click **+ Free**
Please note - the application will automatically update itself when new versions are released. Please ensure you maintain configuration backups as described in the Cleanflight documentation.
### Alternative way
1. Clone the repo to any local directory or download it as zip
2. Start Chromium or Google Chrome and go to tools -> extension
3. Check the "Developer mode" checkbox
4. Click on load unpacked extension and point it to the Cleanflight Configurator directory (for example D:/cleanflight-configurator)
## How to use
You can find the Cleanflight Configurator icon in your application tab "Apps"
## Notes
### WebGL
Make sure Settings -> System -> "User hardware acceleration when available" is checked to achieve the best performance
### Linux users
1. Dont forget to add your user into dialout group "sudo usermod -aG dialout YOUR_USERNAME" for serial access
2. If you have 3D model animation problems, enable "Override software rendering list" in Chrome flags chrome://flags/#ignore-gpu-blacklist
## Support
If you need help your please use the multiwii or rcgroups forums or visit the IRC channel before raising issues in the issue trackers.
### Issue trackers
For Cleanflight configurator issues raise them here
https://github.com/cleanflight/cleanflight-configurator/issues
For Cleanflight firmware issues raise them here
https://github.com/cleanflight/cleanflight/issues
### IRC Channel
There is an IRC channel for Cleanflight, here: irc://irc.freenode.net/#cleanflight
Support for Baseflight Configurator can also be found on IRC, here: irc://irc.freenode.net/#multiwii
## Technical details
The configurator is based on chrome.serial API running on Google Chrome/Chromium core.
## Developers
We accept clean and reasonable patches, submit them!
## Credits
ctn - primary author and maintainer of Baseflight Configurator from which this project was forked.

83
main.html
View File

@ -15,6 +15,7 @@
<link type="text/css" rel="stylesheet" href="./tabs/ports.css" media="all" />
<link type="text/css" rel="stylesheet" href="./tabs/configuration.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/modes.css" media="all" /> -->
<link type="text/css" rel="stylesheet" href="./tabs/servos.css" media="all" />
@ -26,14 +27,19 @@
<link type="text/css" rel="stylesheet" href="./tabs/logging.css" media="all" />
<link type="text/css" rel="stylesheet" href="./tabs/dataflash.css" media="all" />
<link type="text/css" rel="stylesheet" href="./tabs/firmware_flasher.css" media="all" />
<link type="text/css" rel="stylesheet" href="./tabs/adjustments.css" media="all" />
<link type="text/css" rel="stylesheet" href="./tabs/auxiliary.css" media="all" />
<link type="text/css" rel="stylesheet" href="./styles/opensans_webfontkit/fonts.css" media="all" />
<link type="text/css" rel="stylesheet" href="./styles/dropdown-lists/css/style_lists.css" media="all" />
<link type="text/css" rel="stylesheet" href="./js/libraries/switchery/switchery.css" media="all" />
<script type="text/javascript" src="./js/libraries/q.js"></script>
<script type="text/javascript" src="./js/libraries/google-analytics-bundle.js"></script>
<script type="text/javascript" src="./js/libraries/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="./js/libraries/jquery-ui-1.11.4.min.js"></script>
<script type="text/javascript" src="./js/libraries/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="./js/libraries/jquery-ui-1.11.2.min.js"></script>
<script type="text/javascript" src="./js/libraries/d3.min.js"></script>
<script type="text/javascript" src="./js/libraries/jquery.nouislider.all.min.js"></script>
<script type="text/javascript" src="./js/libraries/three/three.min.js"></script>
@ -77,19 +83,26 @@
<script type="text/javascript" src="./tabs/logging.js"></script>
<script type="text/javascript" src="./tabs/dataflash.js"></script>
<script type="text/javascript" src="./tabs/firmware_flasher.js"></script>
<script type="text/javascript" src="./js/libraries/switchery/switchery.js"></script>
</head>
<body>
<div id="main-wrapper">
<div class="headerbar">
<div id="logo"></div>
<div id="port-picker">
<ul>
<li class="port">
<select id="port" title="Port">
<option vlaue="manual">Manual</option>
<div class="dropdown dropdown-dark" style="margin-bottom:3px;">
<select class="dropdown-select" id="port" title="Port">
<option value="manual">Manual</option>
<!-- port list gets generated here -->
</select>
</li>
<li>
<select id="baud" title="Baud Rate">
</div>
<div class="dropdown dropdown-dark" style="margin-bottom:5px;">
<select class="dropdown-select" id="baud" title="Baud Rate">
<option value="115200" selected="selected">115200</option>
<option value="57600">57600</option>
<option value="38400">38400</option>
@ -100,23 +113,49 @@
<option value="4800">4800</option>
<option value="2400">2400</option>
<option value="1200">1200</option>
</select>
</li>
<li id="port-override-option">
<label for="port-override">Port: </label><input id="port-override" type="text" value="/dev/rfcomm0"/>
</li>
<li>
<a class="connect" href="#" i18n="connect"></a>
<label>
</div>
<div id="port-override-option" style="width:195px; float:left;">
<label for="port-override" style="background-color:#2b2b2b; border-radius:3px; padding:3px; margin-bottom:5px; color:#ddd; float:left;">Port: <input id="port-override" type="text" value="/dev/rfcomm0" style="background-color:rgba(0, 0, 0, 0.1);; color:#888888; width:154px; margin-left:2px; margin-top:-2px; padding:1px; border-radius:3px; height:15px; float:right;"/></label>
</div>
<div>
<label style="color:#888888;">
<input class="auto_connect" type="checkbox" />
<span class="auto_connect" i18n="autoConnect"></span>
</label>
<a class="connect" href="#" i18n="connect" style="color:#FFFFFF;"></a>
</div>
</div>
<a id="options" href="#" i18n_title="options_title"></a>
<div class="tab-dataflash" id="flashstate" style="width:120px; float:right; height:12px;"
>
<div class="require-dataflash" id="header_dataflash">
<ul class="dataflash-contents" style="height:7px; margin:12px;">
<li class="dataflash-free" style="height:10px; text-align:left;">
<div class="legend" align="left" style="font-size:10px; margin-top:-40px; float:left; line-height:12px; width:100%; color:white;"></div>
</li>
</ul>
</div>
<a id="options" href="#" i18n_title="options_title"></a>
</div>
<div class="header-wrapper">
<div id="sensor-status">
<div id="sensor-status" class="sensor_state">
<ul>
<li class="gyro" title="Gyroscope">Gyro</li>
<li class="accel" title="Accelerometer">Accel</li>
@ -131,13 +170,14 @@
<li><a id="button-documentation" href="#" target="_blank"></a></li>
</ul>
</div>
</div>
</div> </div>
<div class="clear-both"></div>
<div id="log">
<div id="watermark"></div>
<div class="wrapper">
</div>
</div>
<div class="tab_container">
<div id="tabs">
<ul class="mode-disconnected">
<li class="tab_landing"><a href="#" i18n="tabLanding"></a></li>
@ -164,6 +204,7 @@
</ul>
<div class="clear-both"></div>
</div>
</div>
<div id="content">
</div>
</div>