Mirror/inav-configurator
1
0
Fork 0
mirror of https://github.com/iNavFlight/inav-configurator.git synced 2025-07-15 04:15:28 +03:00
Code Wiki Activity

GUI improvements

Browse source
This commit is contained in:
Pawel Spychalski (DzikuVx) 2019-04-04 15:45:15 +02:00
parent e23a8a5189
commit 57f7035ef0
4 changed files with 37 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

17
js/logicConditionsCollection.js
View file

@ -22,6 +22,16 @@ let LogicConditionsCollection = function () {
return data.length
};
self.open = function () {
if (semver.lt(CONFIG.flightControllerVersion, "2.2.0")) {
return;
}
self.render();
$container.show();
};
self.render = function () {
let $table = $container.find(".logic__table")
$table.find("tbody tr").remove();
@ -31,6 +41,8 @@ let LogicConditionsCollection = function () {
self.get()[k].render(k, $table);
}
}
GUI.switchery();
};
self.onSave = function () {
@ -49,6 +61,11 @@ let LogicConditionsCollection = function () {
};
self.init = function ($element) {
if (semver.lt(CONFIG.flightControllerVersion, "2.2.0")) {
return;
}
$container = $element;
$container.find('.logic__save').click(self.onSave);

8
src/css/logic.css
View file

@ -1,23 +1,23 @@
.logic__background {
position: absolute;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: black;
opacity: 0.75;
z-index: 2000;
z-index: 2001;
}
.logic__content {
position: absolute;
position: fixed;
top: 2em;
bottom: 2em;
left: 4em;
right: 4em;
background-color: #efefef;
border-radius: 2px;
z-index: 2001;
z-index: 2002;
padding: 2em;
}

17
tabs/mixer.html
View file

@ -70,8 +70,8 @@
<!-- middle roew -->
<div class="clear-both"></div>
<!-- bottom row -->
<div>
<div class="leftWrapper">
<!-- <div> -->
<!-- <div class="leftWrapper"> -->
<div class="motor-mixer gui_box grey">
<div class="gui_box_titlebar">
<div class="spacer_box_title" data-i18n="motorMixer"></div>
@ -97,8 +97,8 @@
</div>
</div>
</div>
</div>
<div class="rightWrapper">
<!-- </div> -->
<!-- <div class="rightWrapper"> -->
<div class="motor-mixer gui_box grey">
<div class="gui_box_titlebar">
<div class="spacer_box_title" data-i18n="servoMixer"></div>
@ -118,15 +118,18 @@
</tbody>
</table>
<div class="btn default_btn narrow pull-left mixer_btn_add">
<a href="#" data-role="role-logic-conditions-open" data-i18n="tabLogicConditions"></a>
</div>
<div class="btn default_btn narrow pull-right green mixer_btn_add">
<a href="#" data-role="role-servo-add" data-i18n="servoMixerAdd"></a>
</div>
</div>
</div>
</div>
</div>
<!-- </div> -->
<!-- </div> -->
<div id="logic-wrapper">
<div id="logic-wrapper" style="display: none">
<div class="logic__background"></div>
<div class="logic__content">
<div class="tab_title" data-i18n="tabLogicConditions"></div>

9
tabs/mixer.js
View file

@ -369,6 +369,10 @@ TABS.mixer.initialize = function (callback, scrollPosition) {
}
});
$("[data-role='role-logic-conditions-open']").click(function () {
LOGIC_CONDITIONS.open();
});
$('#save-button').click(saveAndReboot);
renderServoMixRules();
@ -377,10 +381,9 @@ TABS.mixer.initialize = function (callback, scrollPosition) {
renderOutputTable();
renderOutputMapping();
localize();
LOGIC_CONDITIONS.init($('#logic-wrapper'));
LOGIC_CONDITIONS.render();
localize();
GUI.content_ready(callback);
}