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

servos tab table polish

10.3.x-maintenance
cTn 2014-04-02 15:47:34 +02:00
parent fb099298b8
commit 75588cbf48
3 changed files with 38 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
tabs/servos.css
View File

@ -45,6 +45,13 @@
background-color: #ececec;
}
.tab-servos table .channel {
width: 40px;
text-align: center;
}
.tab-servos table .channel input {
vertical-align: middle;
}
.tab-servos table input[type="number"] {
width: 65px;
height: 20px;
@ -55,13 +62,6 @@
text-align: right;
}
.tab-servos table .channel input[type="checkbox"]:first-child {
margin-left: 24px;
}
.tab-servos table .channel input[type="checkbox"] {
margin-top: 4px;
margin-right: 21px;
}
.tab-servos table .direction {
}
.tab-servos .direction .name {

29
tabs/servos.html
View File

@ -1,6 +1,24 @@
<div class="tab-servos">
Model: <strong class="model"></strong>
<div class="supported_wrapper">
<div class="title">Change Direction in TX To Match</div>
<table class="fields">
<tr class="main">
<th style="">Name</th>
<th style="width: 70px">MID</th>
<th style="width: 70px">MIN</th>
<th style="width: 70px">MAX</th>
<th style="width: 40px">CH-1</th>
<th style="width: 40px">CH-2</th>
<th style="width: 40px">CH-3</th>
<th style="width: 40px">CH-4</th>
<th style="width: 40px">AUX1</th>
<th style="width: 40px">AUX2</th>
<th style="width: 40px">AUX3</th>
<th style="width: 40px">AUX4</th>
<th style="width: 200px">Direction</th>
</tr>
</table>
<div class="direction_wrapper">
<div class="title" style="width: 258px">Gyroscope / Accelerometer Direction</div>
<table class="directions" style="width: 260px">
@ -10,17 +28,6 @@
</tr>
</table>
</div>
<div class="title">Change Direction in TX To Match</div>
<table class="fields">
<tr class="main">
<th>Name</th>
<th style="width: 70px">MID</th>
<th style="width: 70px">MIN</th>
<th style="width: 70px">MAX</th>
<th style="width: 320px">Throt | Roll | Pitch | Yaw | AUX1 | AUX2 | AUX3 | AUX4</th>
<th style="width: 200px">Direction</th>
</tr>
</table>
<div class="live">
<span>Enable Live mode: </span><input type="checkbox" />
</div>

27
tabs/servos.js
View File

@ -57,16 +57,14 @@ function tab_initialize_servos() {
<td class="middle"><input type="number" min="1000" max="2000" value="' + ((SERVO_CONFIG[obj].middle <= 7) ? 1500 : SERVO_CONFIG[obj].middle) + '" /></td>\
<td class="min"><input type="number" min="1000" max="2000" value="' + SERVO_CONFIG[obj].min +'" /></td>\
<td class="max"><input type="number" min="1000" max="2000" value="' + SERVO_CONFIG[obj].max +'" /></td>\
<td class="channel">\
<input type="checkbox"/>\
<input type="checkbox"/>\
<input type="checkbox"/>\
<input type="checkbox"/>\
<input type="checkbox"/>\
<input type="checkbox"/>\
<input type="checkbox"/>\
<input type="checkbox"/>\
</td>\
<td class="channel"><input type="checkbox"/></td>\
<td class="channel"><input type="checkbox"/></td>\
<td class="channel"><input type="checkbox"/></td>\
<td class="channel"><input type="checkbox"/></td>\
<td class="channel"><input type="checkbox"/></td>\
<td class="channel"><input type="checkbox"/></td>\
<td class="channel"><input type="checkbox"/></td>\
<td class="channel"><input type="checkbox"/></td>\
<td class="direction">\
<input class="first" type="checkbox"/><span class="name">' + name + '</span>\
<input class="second" type="checkbox"/><span class="alternate">' + alternate + '</span>\
@ -76,7 +74,7 @@ function tab_initialize_servos() {
if (SERVO_CONFIG[obj].middle <= 7) {
$('div.tab-servos table.fields tr:last td.middle input').prop('disabled', true);
$('div.tab-servos table.fields tr:last td.channel').find('input').eq(SERVO_CONFIG[obj].middle).prop('checked', true);
$('div.tab-servos table.fields tr:last td.channel input').eq(SERVO_CONFIG[obj].middle).prop('checked', true);
}
if (directions == true) {
@ -107,10 +105,10 @@ function tab_initialize_servos() {
$('div.tab-servos table.fields tr:last').data('info', {'obj': obj});
// UI hooks
$('div.tab-servos table.fields tr:last td.channel').find('input').click(function() {
$('div.tab-servos table.fields tr:last td.channel input').click(function() {
if($(this).is(':checked')) {
$(this).parent().parent().find('td.middle input').prop('disabled', true);
$(this).parent().find('input').not($(this)).prop('checked', false);
$(this).parent().parent().find('.channel input').not($(this)).prop('checked', false);
} else {
$(this).parent().parent().find('td.middle input').prop('disabled', false).val(1500);
}
@ -133,7 +131,8 @@ function tab_initialize_servos() {
var info = $(this).data('info');
if ($('.middle input', this).is(':disabled')) {
var val = $('.channel input:checked', this).index();
var selection = $('.channel input', this);
var val = selection.index(selection.filter(':checked'));
SERVO_CONFIG[info.obj].middle = parseInt(val);
} else {