Mirror/betaflight-configurator
1
0
Fork 0
mirror of https://github.com/betaflight/betaflight-configurator.git synced 2025-07-16 04:45:20 +03:00
Code Issues Wiki Activity

Convert battery icon to vue component (#2726)

Browse source 
* feat: use vue battery icon
* Add battery icon stories
* feat: use battery state if available
This commit is contained in:
Tomas Chmelevskij 2023-01-07 00:04:21 +01:00 • committed by GitHub
parent 1301f97a4f
commit e0209c6b59
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 213 additions and 87 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/main.html
View file

@ -7,6 +7,7 @@
<link type="text/css" rel="stylesheet" href="./js/libraries/jquery.nouislider.min.css"/>
<link type="text/css" rel="stylesheet" href="./js/libraries/jquery.nouislider.pips.min.css"/>
<link type="text/css" rel="stylesheet" href="./js/libraries/flightindicators.css"/>
<link type="text/css" rel="stylesheet" href="./css/theme.css" media="all"/>
<link type="text/css" rel="stylesheet" href="./css/main.css" media="all"/>
<link type="text/css" rel="stylesheet" href="./css/tabs/static_tab.css" media="all"/>
<link type="text/css" rel="stylesheet" href="./css/tabs/landing.css" media="all"/>
@ -184,12 +185,15 @@
</div>
<div class="header-wrapper">
<div id="quad-status_wrapper">
<div class="battery-icon">
<div class="quad-status-contents">
<div class="battery-status"></div>
</div>
</div>
<battery-legend
<battery-icon
:voltage="FC.ANALOG.voltage"
:vbatmincellvoltage="FC.BATTERY_CONFIG.vbatmincellvoltage"
:vbatmaxcellvoltage="FC.BATTERY_CONFIG.vbatmaxcellvoltage"
:vbatwarningcellvoltage="FC.BATTERY_CONFIG.vbatwarningcellvoltage"
:batteryState="FC.BATTERY_STATE?.batteryState"
>
</battery-icon>
<battery-legend
:voltage="FC.ANALOG.voltage"
:vbatmaxcellvoltage="FC.BATTERY_CONFIG.vbatmaxcellvoltage"
></battery-legend>