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

Hide firmware version dropdown for virtual mode (#4097)

Browse source 
* Hide firmware version dropdown for virtual mode

* Another try

* Cleanup
This commit is contained in:
Mark Haslinghuis 2024-07-14 14:13:23 +02:00 • committed by GitHub
parent 1ee980c59c
commit 9a0fb31dce
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 17 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/port-picker/PortPicker.vue
View file

@ -6,7 +6,7 @@
@input="updateValue('portOverride', $event)"
/>
<FirmwareVirtualOption
v-if="value.selectedPort === 'virtual'"
v-if="value.selectedPort === 'virtual' && !isConnected"
:value="value.virtualMspVersion"
@input="updateValue('virtualMspVersion', $event)"
/>
@ -27,6 +27,7 @@
import PortOverrideOption from "./PortOverrideOption.vue";
import FirmwareVirtualOption from "./FirmwareVirtualOption.vue";
import PortsInput from "./PortsInput.vue";
import CONFIGURATOR from "../../js/data_storage";
export default {
components: {
@ -70,6 +71,11 @@ export default {
default: false,
},
},
computed: {
isConnected() {
return CONFIGURATOR.connectionValid;
},
},
methods: {
updateValue(key, value) {
if (key != null) {

28
src/js/serial_backend.js
View file

@ -642,14 +642,10 @@ function onConnect() {
}
}
const sensorState = $('#sensor-status');
sensorState.show();
const portPicker = $('#portsinput');
portPicker.hide();
const dataflash = $('#dataflash_wrapper_global');
dataflash.show();
// header bar
$('#sensor-status').show();
$('#portsinput').hide();
$('#dataflash_wrapper_global').show();
}
function onClosed(result) {
@ -659,17 +655,11 @@ function onClosed(result) {
$('#tabs ul.mode-connected-cli').hide();
$('#tabs ul.mode-disconnected').show();
const sensorState = $('#sensor-status');
sensorState.hide();
const portPicker = $('#portsinput');
portPicker.show();
const dataflash = $('#dataflash_wrapper_global');
dataflash.hide();
const battery = $('#quad-status_wrapper');
battery.hide();
// header bar
$('#sensor-status').hide();
$('#portsinput').show();
$('#dataflash_wrapper_global').hide();
$('#quad-status_wrapper').hide();
clearLiveDataRefreshTimer();

49
src/main.html
View file

@ -76,54 +76,7 @@
:firmware-id="FC.CONFIG.flightControllerIdentifier"
:hardware-id="FC.CONFIG.hardwareName"
></betaflight-logo>
<div id="port-picker">
<div id="port-override-option">
<label for="port-override">
<span i18n="portOverrideText">Port:</span>
<input id="port-override" type="text" value="/dev/rfcomm0"/>
</label>
</div>
<div id="firmware-virtual-option">
<div class="dropdown dropdown-dark">
<select id="firmware-version-dropdown" class="dropdown-select" i18n_title="virtualMSPVersion"></select>
</div>
</div>
<div id="portsinput">
<div class="dropdown dropdown-dark">
<select class="dropdown-select" id="port" i18n_title="firmwareFlasherManualPort">
<option value="loading" i18n="serialPortLoading">Loading</option>
<!-- port list gets generated here -->
</select>
</div>
<div id="auto-connect-and-baud">
<div id="auto-connect-switch">
<label>
<input class="auto_connect togglesmall" type="checkbox"/>
<span class="auto_connect" i18n="autoConnect"></span>
</label>
</div>
<div id="baudselect">
<div class="dropdown dropdown-dark">
<select class="dropdown-select" id="baud" i18n_title="firmwareFlasherBaudRate">
<option value="1000000">1000000</option>
<option value="500000">500000</option>
<option value="250000">250000</option>
<option value="115200" selected="selected">115200</option>
<option value="57600">57600</option>
<option value="38400">38400</option>
<option value="28800">28800</option>
<option value="19200">19200</option>
<option value="14400">14400</option>
<option value="9600">9600</option>
<option value="4800">4800</option>
<option value="2400">2400</option>
<option value="1200">1200</option>
</select>
</div>
</div>
</div>
</div>
</div>
<!-- PortPicker was here -->
<div class="header-wrapper">
<div id="quad-status_wrapper">
<battery-icon