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

UI Updates

10.4.x-maintenance
Sean M 2018-08-07 19:51:49 -04:00
parent 5a6b277778
commit 3498943db4
3 changed files with 35 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/css/tabs/receiver.css
View File

@ -326,7 +326,23 @@
width: calc(100% - 8px); width: calc(100% - 8px);
} }
.tab-receiver .rcSmoothing-type select { .tab-receiver .rcSmoothing-input-manual select {
height: 22px;
padding-left: 5px;
border: 1px solid silver;
margin: 4px;
width: calc(100% - 8px);
}
.tab-receiver .rc-smoothing-type {
margin-bottom: 5px;
clear: left;
padding-bottom: 5px;
border-bottom: 1px solid silver;
width: 100%;
}
.tab-receiver .rc-smoothing-type select {
height: 22px; height: 22px;
padding-left: 5px; padding-left: 5px;
border: 1px solid silver; border: 1px solid silver;

4
src/js/tabs/receiver.js
View File

@ -341,9 +341,11 @@ TABS.receiver.initialize = function (callback) {
$('.tab-receiver .rcSmoothing-input-cutoff').show(); $('.tab-receiver .rcSmoothing-input-cutoff').show();
$('select[name="rcSmoothing-input-manual-select"]').val("1"); $('select[name="rcSmoothing-input-manual-select"]').val("1");
$('.tab-receiver .rc-smoothing-input-blank').hide();
if (RX_CONFIG.rcSmoothingInputCutoff == 0) { if (RX_CONFIG.rcSmoothingInputCutoff == 0) {
$('.tab-receiver .rcSmoothing-input-cutoff').hide(); $('.tab-receiver .rcSmoothing-input-cutoff').hide();
$('select[name="rcSmoothing-input-manual-select"]').val("0"); $('select[name="rcSmoothing-input-manual-select"]').val("0");
$('.tab-receiver .rc-smoothing-input-blank').show();
} }
$('select[name="rcSmoothing-input-manual-select"]').change(function () { $('select[name="rcSmoothing-input-manual-select"]').change(function () {
if ($(this).val() == 0) { if ($(this).val() == 0) {
@ -358,9 +360,11 @@ TABS.receiver.initialize = function (callback) {
$('.tab-receiver .rcSmoothing-derivative-cutoff').show(); $('.tab-receiver .rcSmoothing-derivative-cutoff').show();
$('select[name="rcSmoothing-input-derivative-select"]').val("1"); $('select[name="rcSmoothing-input-derivative-select"]').val("1");
$('.tab-receiver .rc-smoothing-derivative-blank').hide();
if (RX_CONFIG.rcSmoothingDerivativeCutoff == 0) { if (RX_CONFIG.rcSmoothingDerivativeCutoff == 0) {
$('select[name="rcSmoothing-input-derivative-select"]').val("0"); $('select[name="rcSmoothing-input-derivative-select"]').val("0");
$('.tab-receiver .rcSmoothing-derivative-cutoff').hide(); $('.tab-receiver .rcSmoothing-derivative-cutoff').hide();
$('.tab-receiver .rc-smoothing-derivative-blank').show();
} }
$('select[name="rcSmoothing-input-derivative-select"]').change(function () { $('select[name="rcSmoothing-input-derivative-select"]').change(function () {
if ($(this).val() == 0) { if ($(this).val() == 0) {

34
src/tabs/receiver.html
View File

@ -117,10 +117,10 @@
<div class="gui_box grey tunings topspacer rcSmoothing"> <div class="gui_box grey tunings topspacer rcSmoothing">
<table class="rcSmoothing-table"> <table class="rcSmoothing-table">
<tr> <tr>
<th colspan="4" i18n="receiverRcSmoothing"></th> <th colspan="6" i18n="receiverRcSmoothing"></th>
</tr> </tr>
<tr class="rcSmoothing-type"> <tr class="rc-smoothing-type">
<td style="width: 15%"> <td style="width: 25%">
<select name="rcSmoothing-select" style="width: 90%"> <select name="rcSmoothing-select" style="width: 90%">
<option value="0" i18n="receiverRcSmoothingInterpolation"/> <option value="0" i18n="receiverRcSmoothingInterpolation"/>
<option value="1" i18n="receiverRcSmoothingFilter"/> <option value="1" i18n="receiverRcSmoothingFilter"/>
@ -136,9 +136,7 @@
<td> <td>
<div class="helpicon cf_tip" i18n_title="receiverRcSmoothingTypeHelp" style="margin-top:0px;"></div> <div class="helpicon cf_tip" i18n_title="receiverRcSmoothingTypeHelp" style="margin-top:0px;"></div>
</td> </td>
</tr> <td style="width: 15%; border-right: none !important">
<tr class="rcSmoothing-channels">
<td style="width: 15%">
<select name="rcSmoothingChannels-select" style="width: 90%"> <select name="rcSmoothingChannels-select" style="width: 90%">
<option value="0" i18n="receiverRcSmoothingChannelsRP"/> <option value="0" i18n="receiverRcSmoothingChannelsRP"/>
<option value="1" i18n="receiverRcSmoothingChannelsRPY"/> <option value="1" i18n="receiverRcSmoothingChannelsRPY"/>
@ -172,13 +170,11 @@
</label> </label>
</div> </div>
</td> </td>
<td> <td style="border-right: none">
<div class="helpicon cf_tip" i18n_title="receiverRcSmoothingInputManual" style="margin-top:0px;"></div> <div class="helpicon cf_tip" i18n_title="receiverRcSmoothingInputManual" style="margin-top:0px;"></div>
</td> </td>
</tr> <td class="rcSmoothing-input-cutoff" style="border-right: none"><input type="number" name="rcSmoothingInputHz-number" step="1" min="1" max="255" style="width: 90%"/></td>
<tr class="rcSmoothing-input-cutoff"> <td class="rcSmoothing-input-cutoff" colspan="2">
<td><input type="number" name="rcSmoothingInputHz-number" step="1" min="1" max="255" style="width: 90%"/></td>
<td colspan="2">
<div> <div>
<label> <label>
<span i18n="receiverRcSmoothingInputHz"></span> <span i18n="receiverRcSmoothingInputHz"></span>
@ -186,6 +182,7 @@
<div class="helpicon cf_tip" i18n_title="rcSmoothingInputCutoffHelp" style="margin-top:0px;"></div> <div class="helpicon cf_tip" i18n_title="rcSmoothingInputCutoffHelp" style="margin-top:0px;"></div>
</div> </div>
</td> </td>
<td class="rc-smoothing-input-blank" colspan="3"></td>
</tr> </tr>
<tr class="rcSmoothing-derivative-manual"> <tr class="rcSmoothing-derivative-manual">
<td style="width: 15%"> <td style="width: 15%">
@ -201,13 +198,11 @@
</label> </label>
</div> </div>
</td> </td>
<td> <td style="border-right: none">
<div class="helpicon cf_tip" i18n_title="receiverRcSmoothingDerivativeManual" style="margin-top:0px;"></div> <div class="helpicon cf_tip" i18n_title="receiverRcSmoothingDerivativeManual" style="margin-top:0px;"></div>
</td> </td>
</tr> <td class="rcSmoothing-derivative-cutoff" style="border-right: none"><input type="number" name="rcSmoothingDerivativeCutoff-number" step="1" min="1" max="255" style="width: 90%"/></td>
<tr class="rcSmoothing-derivative-cutoff"> <td colspan="2" class="rcSmoothing-derivative-cutoff">
<td><input type="number" name="rcSmoothingDerivativeCutoff-number" step="1" min="1" max="255" style="width: 90%"/></td>
<td colspan="2">
<div> <div>
<label> <label>
<span i18n="receiverRcSmoothingDerivativeCutoff"></span> <span i18n="receiverRcSmoothingDerivativeCutoff"></span>
@ -215,6 +210,7 @@
<div class="helpicon cf_tip" i18n_title="rcSmoothingDerivativeCutoffHelp" style="margin-top:0px;"></div> <div class="helpicon cf_tip" i18n_title="rcSmoothingDerivativeCutoffHelp" style="margin-top:0px;"></div>
</div> </div>
</td> </td>
<td class="rc-smoothing-derivative-blank" colspan="3"></td>
</tr> </tr>
<tr class="rcSmoothing-input-type"> <tr class="rcSmoothing-input-type">
<td style="width: 15%"> <td style="width: 15%">
@ -230,12 +226,10 @@
</label> </label>
</div> </div>
</td> </td>
<td> <td style="border-right: none">
<div class="helpicon cf_tip" i18n_title="rcSmoothingInputTypeHelp" style="margin-top:0px;"></div> <div class="helpicon cf_tip" i18n_title="rcSmoothingInputTypeHelp" style="margin-top:0px;"></div>
</td> </td>
</tr> <td style="width: 15%; border-right: none">
<tr class="rcSmoothing-derivative-type">
<td style="width: 15%">
<select name="rcSmoothingDerivativeType-select" style="width: 90%"> <select name="rcSmoothingDerivativeType-select" style="width: 90%">
<option value="0" i18n="receiverRcSmoothingDerivativeTypeOff"/> <option value="0" i18n="receiverRcSmoothingDerivativeTypeOff"/>
<option value="1" i18n="receiverRcSmoothingInputTypePt1"/> <option value="1" i18n="receiverRcSmoothingInputTypePt1"/>