Merge branch 'development' of https://github.com/pulsar256/cleanflight-configurator into pulsar256-development

js/serial_backend.js

@@ -209,6 +209,13 @@ function onConnect() {
     $('div#port-picker a.connect').text(chrome.i18n.getMessage('disconnect')).addClass('active');
     $('#tabs ul.mode-disconnected').hide();
     $('#tabs ul.mode-connected').show();
+
+    if ("CLFL" == CONFIG.flightControllerIdentifier){
+        var helpButton = $('#button-help');
+        helpButton.show();
+        helpButton.html("Documentation for "+CONFIG.flightControllerVersion);
+        helpButton.attr("href","https://github.com/cleanflight/cleanflight/tree/v{0}/docs".format(CONFIG.flightControllerVersion));
+    }
 }
 
 function onClosed(result) {
@@ -220,6 +227,7 @@ function onClosed(result) {
 
     $('#tabs ul.mode-connected').hide();
     $('#tabs ul.mode-disconnected').show();
+    $('#button-help').hide();
 }
 
 function read_serial(info) {

main.css

@@ -154,6 +154,18 @@ input[type="number"]::-webkit-inner-spin-button {
 #sensor-status .on {
     background-color: #b8cf02;
 }
+#button-help {
+    float: right;
+    height: 18px;
+    line-height: 18px;
+    background-color: yellow;
+    color: #000;
+    font-weight: bold;
+    border: solid 1px;
+    padding: 0px 2px 0px 2px;
+    margin: 0px 10px 0px 0px;
+    display: none;
+}
 #options {
     float: right;
 

main.html

@@ -103,6 +103,7 @@
                 </ul>
             </div>
             <a id="options" href="#" i18n_title="options_title"></a>
+            <a id="button-help" href="#" target="_blank"></a>
             <div id="sensor-status">
                 <ul>
                     <li class="gyro" title="Gyroscope">Gyro</li>