Mirror/betaflight
1
0
Fork 0
mirror of https://github.com/betaflight/betaflight.git synced 2025-07-26 09:45:37 +03:00
Code Issues Wiki Activity

rename all underlying references inside the renamed files

Browse source
This commit is contained in:
cTn 2014-10-30 12:47:52 +01:00
parent 0cd315b5e7
commit 59df068b63
5 changed files with 62 additions and 64 deletions
Download patch file Download diff file Expand all files Collapse all files

28
tabs/modes.css
View file

@ -1,52 +1,50 @@
.tab-auxiliary_configuration { .tab-modes .boxes {
}
.tab-auxiliary_configuration .boxes {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
} }
.tab-auxiliary_configuration .boxes th, .tab-auxiliary_configuration .boxes td { .tab-modes .boxes th, .tab-modes .boxes td {
line-height: 22px; line-height: 22px;
text-align: center; text-align: center;
border: 1px solid #8b8b8b; border: 1px solid #8b8b8b;
} }
.tab-auxiliary_configuration .boxes .heads { .tab-modes .boxes .heads {
background-color: #ececec; background-color: #ececec;
} }
.tab-auxiliary_configuration .boxes .main { .tab-modes .boxes .main {
background-color: #ececec; background-color: #ececec;
} }
.tab-auxiliary_configuration .boxes .name { .tab-modes .boxes .name {
text-align: center; text-align: center;
} }
.tab-auxiliary_configuration .boxes .on { .tab-modes .boxes .on {
color: white; color: white;
background-color: #0d8b13; background-color: #0d8b13;
} }
.tab-auxiliary_configuration .boxes .off { .tab-modes .boxes .off {
color: white; color: white;
background-color: #be2222; background-color: #be2222;
} }
.tab-auxiliary_configuration .boxes td input { .tab-modes .boxes td input {
position: absolute; position: absolute;
margin-top: -6px; margin-top: -6px;
margin-left: -6px; margin-left: -6px;
} }
.tab-auxiliary_configuration .boxes .switches:nth-child(odd) { .tab-modes .boxes .switches:nth-child(odd) {
background-color: #ececec; background-color: #ececec;
} }
.tab-auxiliary_configuration .boxes .heads th:first-child { .tab-modes .boxes .heads th:first-child {
border: 0; border: 0;
background-color: white; background-color: white;
} }
.tab-auxiliary_configuration .buttons { .tab-modes .buttons {
width: calc(100% - 20px); width: calc(100% - 20px);
position: absolute; position: absolute;
bottom: 10px; bottom: 10px;
} }
.tab-auxiliary_configuration .update { .tab-modes .update {
display: block; display: block;
float: right; float: right;
@ -61,6 +59,6 @@
border: 1px solid silver; border: 1px solid silver;
background-color: #ececec; background-color: #ececec;
} }
.tab-auxiliary_configuration .update:hover { .tab-modes .update:hover {
background-color: #dedcdc; background-color: #dedcdc;
} }

2
tabs/modes.html
View file

@ -1,4 +1,4 @@
<div class="tab-auxiliary_configuration"> <div class="tab-modes">
<table class="boxes"> <table class="boxes">
<tr class="heads"> <tr class="heads">
<th style="width: 18%"></th> <th style="width: 18%"></th>

80
tabs/motors.css
View file

@ -1,11 +1,11 @@
.tab-motor_outputs .plot_control { .tab-motors .plot_control {
float: right; float: right;
width: 158px; width: 158px;
border: 1px solid silver; border: 1px solid silver;
} }
.tab-motor_outputs .plot_control .title { .tab-motors .plot_control .title {
line-height: 20px; line-height: 20px;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
@ -13,14 +13,14 @@
border-bottom: 1px solid silver; border-bottom: 1px solid silver;
background-color: #ececec; background-color: #ececec;
} }
.tab-motor_outputs .plot_control .title a:hover { .tab-motors .plot_control .title a:hover {
text-decoration: underline; text-decoration: underline;
} }
.tab-motor_outputs .plot_control dl { .tab-motors .plot_control dl {
padding: 5px 5px 0 5px; padding: 5px 5px 0 5px;
line-height: 22px; line-height: 22px;
} }
.tab-motor_outputs .plot_control dt { .tab-motors .plot_control dt {
float: left; float: left;
width: 60px; width: 60px;
@ -28,28 +28,28 @@
font-weight: bold; font-weight: bold;
} }
.tab-motor_outputs .plot_control dd { .tab-motors .plot_control dd {
height: 22px; height: 22px;
} }
.tab-motor_outputs .plot_control select { .tab-motors .plot_control select {
float: right; float: right;
width: 80px; width: 80px;
border: 1px solid silver; border: 1px solid silver;
} }
.tab-motor_outputs .plot_control .x { .tab-motors .plot_control .x {
color: #00A8F0; color: #00A8F0;
} }
.tab-motor_outputs .plot_control .y { .tab-motors .plot_control .y {
color: #C0D800; color: #C0D800;
} }
.tab-motor_outputs .plot_control .z { .tab-motors .plot_control .z {
color: #CB4B4B; color: #CB4B4B;
} }
.tab-motor_outputs .plot_control .x, .tab-motor_outputs .plot_control .y, .tab-motor_outputs .plot_control .z { .tab-motors .plot_control .x, .tab-motors .plot_control .y, .tab-motors .plot_control .z {
text-align: right; text-align: right;
} }
.tab-motor_outputs svg { .tab-motors svg {
float: left; float: left;
width: calc(100% - 168px); /* - (plot control, margin)*/ width: calc(100% - 168px); /* - (plot control, margin)*/
@ -57,54 +57,54 @@
margin-bottom: 10px; margin-bottom: 10px;
} }
.tab-motor_outputs .grid .tick { .tab-motors .grid .tick {
stroke: silver; stroke: silver;
stroke-width: 1px; stroke-width: 1px;
shape-rendering: crispEdges; shape-rendering: crispEdges;
} }
.tab-motor_outputs .grid path { .tab-motors .grid path {
stroke-width: 0; stroke-width: 0;
} }
.tab-motor_outputs .data .line { .tab-motors .data .line {
stroke-width: 2px; stroke-width: 2px;
fill: none; fill: none;
} }
.tab-motor_outputs .axis path, .tab-motor_outputs .axis line { .tab-motors .axis path, .tab-motors .axis line {
fill: none; fill: none;
stroke: #000000; stroke: #000000;
stroke-width: 1px; stroke-width: 1px;
shape-rendering: crispEdges; shape-rendering: crispEdges;
} }
.tab-motor_outputs .line:nth-child(1) { .tab-motors .line:nth-child(1) {
stroke: #00A8F0; stroke: #00A8F0;
} }
.tab-motor_outputs .line:nth-child(2) { .tab-motors .line:nth-child(2) {
stroke: #C0D800; stroke: #C0D800;
} }
.tab-motor_outputs .line:nth-child(3) { .tab-motors .line:nth-child(3) {
stroke: #CB4B4B; stroke: #CB4B4B;
} }
.tab-motor_outputs .left.motors { .tab-motors .left.motors {
float: left; float: left;
width: calc(50% - 50px); width: calc(50% - 50px);
} }
.tab-motor_outputs .right.servos { .tab-motors .right.servos {
float: right; float: right;
width: 50%; width: 50%;
} }
.tab-motor_outputs .title { .tab-motors .title {
padding-bottom: 2px; padding-bottom: 2px;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
} }
.tab-motor_outputs .titles { .tab-motors .titles {
height: 20px; height: 20px;
} }
.tab-motor_outputs .titles li { .tab-motors .titles li {
float: left; float: left;
width: calc((100% / 9) - 10px); width: calc((100% / 9) - 10px);
@ -112,17 +112,17 @@
text-align: center; text-align: center;
} }
.tab-motor_outputs .servos .titles li { .tab-motors .servos .titles li {
float: right; float: right;
width: calc((100% / 8) - 10px); width: calc((100% / 8) - 10px);
margin: 0 0 0 10px; margin: 0 0 0 10px;
} }
.tab-motor_outputs .titles .active { .tab-motors .titles .active {
color: green; color: green;
} }
.tab-motor_outputs .m-block { .tab-motors .m-block {
float: left; float: left;
width: calc((100% / 9) - 12px); width: calc((100% / 9) - 12px);
@ -135,13 +135,13 @@
border: 1px solid silver; border: 1px solid silver;
background-color: #f4f4f4; background-color: #f4f4f4;
} }
.tab-motor_outputs .m-block .meter-bar { .tab-motors .m-block .meter-bar {
position: relative; position: relative;
width: 100%; width: 100%;
height: 100px; height: 100px;
} }
.tab-motor_outputs .m-block .label { .tab-motors .m-block .label {
position: absolute; position: absolute;
width: 100%; width: 100%;
bottom: 45px; bottom: 45px;
@ -150,17 +150,17 @@
font-weight: bold; font-weight: bold;
color: #474747; color: #474747;
} }
.tab-motor_outputs .m-block .indicator .label { .tab-motors .m-block .indicator .label {
color: white; color: white;
} }
.tab-motor_outputs .servos .m-block { .tab-motors .servos .m-block {
float: right; float: right;
width: calc((100% / 8) - 12px); width: calc((100% / 8) - 12px);
margin: 0 0 0 10px; margin: 0 0 0 10px;
} }
.tab-motor_outputs .indicator { .tab-motors .indicator {
position: absolute; position: absolute;
overflow: hidden; overflow: hidden;
@ -168,13 +168,13 @@
text-align: center; text-align: center;
} }
.tab-motor_outputs .motor_testing { .tab-motors .motor_testing {
margin-top: 15px; margin-top: 15px;
} }
.tab-motor_outputs .motor_testing .left { .tab-motors .motor_testing .left {
width: calc(50% - 50px); width: calc(50% - 50px);
} }
.tab-motor_outputs .motor_testing .sliders input { .tab-motors .motor_testing .sliders input {
-webkit-appearance: slider-vertical; -webkit-appearance: slider-vertical;
width: calc((100% / 9) - 13px); width: calc((100% / 9) - 13px);
@ -182,13 +182,13 @@
margin-right: 10px; margin-right: 10px;
} }
.tab-motor_outputs .motor_testing .sliders input:first-child { .tab-motors .motor_testing .sliders input:first-child {
/* margin-left: 2px; */ /* seems to vary depending on chrome version O.o */ /* margin-left: 2px; */ /* seems to vary depending on chrome version O.o */
} }
.tab-motor_outputs .motor_testing .values { .tab-motors .motor_testing .values {
margin-top: 5px; margin-top: 5px;
} }
.tab-motor_outputs .motor_testing .values li { .tab-motors .motor_testing .values li {
float: left; float: left;
width: calc((100% / 9) - 10px); width: calc((100% / 9) - 10px);
@ -196,7 +196,7 @@
text-align: center; text-align: center;
} }
.tab-motor_outputs .motor_testing .notice { .tab-motors .motor_testing .notice {
float: right; float: right;
width: calc(50% - 22px); width: calc(50% - 22px);
@ -205,6 +205,6 @@
border: 1px dotted silver; border: 1px dotted silver;
} }
.tab-motor_outputs .motor_testing .notice input[type="checkbox"] { .tab-motors .motor_testing .notice input[type="checkbox"] {
vertical-align: middle; vertical-align: middle;
} }

2
tabs/motors.html
View file

@ -1,4 +1,4 @@
<div class="tab-motor_outputs"> <div class="tab-motors">
<div class="wrapper accel"> <div class="wrapper accel">
<div class="plot_control"> <div class="plot_control">
<div class="title">Accelerometer - <a class="reset_accel_max" href="#" title="Reset overtime maximum">[Reset]</a></div> <div class="title">Accelerometer - <a class="reset_accel_max" href="#" title="Reset overtime maximum">[Reset]</a></div>

14
tabs/motors.js
View file

@ -172,20 +172,20 @@ TABS.motors.initialize = function (callback) {
// set refresh speeds according to configuration saved in storage // set refresh speeds according to configuration saved in storage
chrome.storage.local.get('motors_tab_accel_settings', function (result) { chrome.storage.local.get('motors_tab_accel_settings', function (result) {
if (result.motors_tab_accel_settings) { if (result.motors_tab_accel_settings) {
$('.tab-motor_outputs select[name="accel_refresh_rate"]').val(result.motors_tab_accel_settings.rate); $('.tab-motors select[name="accel_refresh_rate"]').val(result.motors_tab_accel_settings.rate);
$('.tab-motor_outputs select[name="accel_scale"]').val(result.motors_tab_accel_settings.scale); $('.tab-motors select[name="accel_scale"]').val(result.motors_tab_accel_settings.scale);
// start polling data by triggering refresh rate change event // start polling data by triggering refresh rate change event
$('.tab-motor_outputs .rate select:first').change(); $('.tab-motors .rate select:first').change();
} else { } else {
// start polling immediatly (as there is no configuration saved in the storage) // start polling immediatly (as there is no configuration saved in the storage)
$('.tab-motor_outputs .rate select:first').change(); $('.tab-motors .rate select:first').change();
} }
}); });
$('.tab-motor_outputs .rate select, .tab-motor_outputs .scale select').change(function () { $('.tab-motors .rate select, .tab-motors .scale select').change(function () {
var rate = parseInt($('.tab-motor_outputs select[name="accel_refresh_rate"]').val(), 10); var rate = parseInt($('.tab-motors select[name="accel_refresh_rate"]').val(), 10);
var scale = parseFloat($('.tab-motor_outputs select[name="accel_scale"]').val()); var scale = parseFloat($('.tab-motors select[name="accel_scale"]').val());
// store current/latest refresh rates in the storage // store current/latest refresh rates in the storage
chrome.storage.local.set({'motors_tab_accel_settings': {'rate': rate, 'scale': scale}}); chrome.storage.local.set({'motors_tab_accel_settings': {'rate': rate, 'scale': scale}});