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

initial UI for receiver tab

10.3.x-maintenance
cTn 2013-04-09 15:57:56 +02:00
parent 37c576bd24
commit 5119fb2050
3 changed files with 91 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
css/style.css
View File

@ -168,7 +168,7 @@ a:hover {
padding: 10px;
background-color: white;
height: 400px;
height: 480px;
border: 1px solid #848484;
}
@ -265,4 +265,25 @@ table.pid_tuning {
.tab-pid_tuning .update.active:hover {
cursor: pointer;
background-color: #13d81d;
}
.tab-receiver {
}
.tab-receiver .bars ul {
height: 20px;
line-height: 20px;
margin-bottom: 5px;
}
.tab-receiver .bars li {
float: left;
}
.tab-receiver .bars .name {
width: 80px;
}
.tab-receiver .bars .meter meter {
width: 200px;
height: 20px;
}
.tab-receiver .bars .value {
padding-left: 20px;
}

42
tabs/receiver.html
View File

@ -1,2 +1,44 @@
<div class="tab-receiver">
<div class="bars">
<ul>
<li class="name">Throttle</li>
<li class="meter"><meter min="900" max="2100"></meter></li>
<li class="value"></li>
</ul>
<ul>
<li class="name">Pitch</li>
<li class="meter"><meter min="900" max="2100"></meter></li>
<li class="value"></li>
</ul>
<ul>
<li class="name">Roll</li>
<li class="meter"><meter min="900" max="2100"></meter></li>
<li class="value"></li>
</ul>
<ul>
<li class="name">Yaw</li>
<li class="meter"><meter min="900" max="2100"></meter></li>
<li class="value"></li>
</ul>
<ul>
<li class="name">AUX1</li>
<li class="meter"><meter min="900" max="2100"></meter></li>
<li class="value"></li>
</ul>
<ul>
<li class="name">AUX2</li>
<li class="meter"><meter min="900" max="2100"></meter></li>
<li class="value"></li>
</ul>
<ul>
<li class="name">AUX3</li>
<li class="meter"><meter min="900" max="2100"></meter></li>
<li class="value"></li>
</ul>
<ul>
<li class="name">AUX4</li>
<li class="meter"><meter min="900" max="2100"></meter></li>
<li class="value"></li>
</ul>
</div>
</div>

30
tabs/receiver.js
View File

@ -5,6 +5,30 @@ function tab_initialize_receiver() {
function receiverPoll() {
send_message(MSP_codes.MSP_RC, MSP_codes.MSP_RC);
}
// TODO: This function / interval needs to be killed when leaving Receiver tab
// Update UI with latest data
$('.tab-receiver meter:eq(0)').val(RC.throttle);
$('.tab-receiver .value:eq(0)').html(RC.throttle);
$('.tab-receiver meter:eq(1)').val(RC.pitch);
$('.tab-receiver .value:eq(1)').html(RC.pitch);
$('.tab-receiver meter:eq(2)').val(RC.roll);
$('.tab-receiver .value:eq(2)').html(RC.roll);
$('.tab-receiver meter:eq(3)').val(RC.yaw);
$('.tab-receiver .value:eq(3)').html(RC.yaw);
$('.tab-receiver meter:eq(4)').val(RC.AUX1);
$('.tab-receiver .value:eq(4)').html(RC.AUX1);
$('.tab-receiver meter:eq(5)').val(RC.AUX2);
$('.tab-receiver .value:eq(5)').html(RC.AUX2);
$('.tab-receiver meter:eq(6)').val(RC.AUX3);
$('.tab-receiver .value:eq(6)').html(RC.AUX3);
$('.tab-receiver meter:eq(7)').val(RC.AUX4);
$('.tab-receiver .value:eq(7)').html(RC.AUX4);
}