Mirror/betaflight-configurator
1
0
Fork 0
mirror of https://github.com/betaflight/betaflight-configurator.git synced 2025-07-21 15:25:22 +03:00
Code Issues Wiki Activity

Merge pull request #379 from gaelj/LED-Show-GPS-3D-fix-status

Browse source 
Support LED cmds GPS, RSSI & Blink in configurator
This commit is contained in:
Albert Kravcov 2016-05-12 00:57:43 +02:00
commit ca9b4662e0
4 changed files with 30 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
js/msp.js
View file

@ -126,7 +126,7 @@ var MSP = {
unsupported: 0, unsupported: 0,
ledDirectionLetters: ['n', 'e', 's', 'w', 'u', 'd'], // in LSB bit order ledDirectionLetters: ['n', 'e', 's', 'w', 'u', 'd'], // in LSB bit order
ledFunctionLetters: ['i', 'w', 'f', 'a', 't', 'r', 'c'], // in LSB bit order ledFunctionLetters: ['i', 'w', 'f', 'a', 't', 'r', 'c', 'g', 's', 'b'], // in LSB bit order
last_received_timestamp: null, last_received_timestamp: null,
analog_last_received_timestamp: null, analog_last_received_timestamp: null,

21
tabs/led_strip.css
View file

@ -72,6 +72,24 @@
border-color: black; border-color: black;
} }
.tab-led-strip .gPoint.function-g { /* GPS */
background: green;
box-shadow: inset 0 0 30px rgba(0, 0, 0, .7);
border-color: rgb(52, 155, 255);
}
.tab-led-strip .gPoint.function-s { /* RSSI */
background: brown;
box-shadow: inset 0 0 30px rgba(0, 0, 0, .7);
border-color: rgb(52, 155, 255);
}
.tab-led-strip .gPoint.function-b { /* Blink */
background: white;
box-shadow: inset 0 0 30px rgba(0, 0, 0, .7);
border-color: rgb(52, 155, 255);
}
.tab-led-strip .gPoint.function-i.function-f { .tab-led-strip .gPoint.function-i.function-f {
background: linear-gradient(to bottom, yellow 0%,yellow 50%,rgb(50, 205, 50) 50%, rgb(50, 205, 50) 100%); background: linear-gradient(to bottom, yellow 0%,yellow 50%,rgb(50, 205, 50) 50%, rgb(50, 205, 50) 100%);
} }
@ -171,6 +189,9 @@
.tab-led-strip .functions .function-c.btnOn { .tab-led-strip .functions .function-c.btnOn {
background: linear-gradient( to bottom right, rgba(255, 0, 0, .5) 0%, rgba(255, 255, 0, 0.5) 15%, rgba(0, 255, 0, .5) 30%, rgba(0, 255, 255, .5) 50%, rgba(0, 0, 255, .5) 65%, rgba(255, 0, 255, .5) 80%, rgba(255, 0, 0, .5) 100%); background: linear-gradient( to bottom right, rgba(255, 0, 0, .5) 0%, rgba(255, 255, 0, 0.5) 15%, rgba(0, 255, 0, .5) 30%, rgba(0, 255, 255, .5) 50%, rgba(0, 0, 255, .5) 65%, rgba(255, 0, 255, .5) 80%, rgba(255, 0, 0, .5) 100%);
} }
.tab-led-strip .functions .function-g.btnOn {background: green;}
.tab-led-strip .functions .function-s.btnOn {background: brown;}
.tab-led-strip .functions .function-b.btnOn {background: white;}
.tab-led-strip .color-1 {background: white;} .tab-led-strip .color-1 {background: white;}
.tab-led-strip .color-2 {background: red;} .tab-led-strip .color-2 {background: red;}

3
tabs/led_strip.html
View file

@ -45,6 +45,9 @@
<button class="function-t w50">Throttle</button> <button class="function-t w50">Throttle</button>
<button class="function-r w50">Ring</button> <button class="function-r w50">Ring</button>
<button class="function-c w50">Color</button> <button class="function-c w50">Color</button>
<button class="function-g w50 extra_functions">GPS</button>
<button class="function-s w50 extra_functions">RSSI</button>
<button class="function-b w50 extra_functions">Blink</button>
</div> </div>
<div class="section">LED Orientation and Color</div> <div class="section">LED Orientation and Color</div>

6
tabs/led_strip.js
View file

@ -2,7 +2,7 @@
TABS.led_strip = { TABS.led_strip = {
wireMode: false, wireMode: false,
functions: ['w', 'f', 'i', 'a', 't', 'r', 'c'], functions: ['w', 'f', 'i', 'a', 't', 'r', 'c', 'g', 's', 'b'],
directions: ['n', 'e', 's', 'w', 'u', 'd'], directions: ['n', 'e', 's', 'w', 'u', 'd'],
}; };
@ -288,6 +288,10 @@ TABS.led_strip.initialize = function (callback, scrollPosition) {
}); });
if (CONFIG.apiVersion < '1.18.0') {
$(".extra_functions").hide();
}
GUI.content_ready(callback); GUI.content_ready(callback);
} }