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

Fix GPS waiting info margin (#3525)

Browse source 
* Fix GPS waiting info margin

* Add colors to GPS Signal Strenght info
This commit is contained in:
Mark Haslinghuis 2023-07-23 19:12:54 +02:00 • committed by GitHub
parent 4c54f3c057
commit d1cb74e37f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 34 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/css/tabs/gps.less
View file

@ -139,7 +139,7 @@
float: left;
width: 100%;
.info {
margin-top: 50%;
margin-top: 30%;
}
}
#loadmap {
@ -212,6 +212,15 @@ progress[value] {
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25) inset;
}
}
@media only screen and (max-width: 1455px) {
.tab-gps {
#waiting {
.info {
margin-top: 50%;
}
}
}
}
@media only screen and (max-width: 1055px) {
.tab-gps {
iframe {

27
src/js/tabs/gps.js
View file

@ -259,9 +259,30 @@ gps.initialize = async function (callback) {
} else {
rowContent += `<td>${FC.GPS_DATA.svid[i]}</td>`;
rowContent += `<td><progress value="${FC.GPS_DATA.cno[i]}" max="99"></progress></td>`;
const quality = i18n.getMessage(qualityArray[FC.GPS_DATA.quality[i] & 0x7]);
const used = i18n.getMessage(usedArray[(FC.GPS_DATA.quality[i] & 0x8) >> 3]);
const healthy = i18n.getMessage(healthyArray[(FC.GPS_DATA.quality[i] & 0x30) >> 4]);
let quality = i18n.getMessage(qualityArray[FC.GPS_DATA.quality[i] & 0x7]);
let used = i18n.getMessage(usedArray[(FC.GPS_DATA.quality[i] & 0x8) >> 3]);
let healthy = i18n.getMessage(healthyArray[(FC.GPS_DATA.quality[i] & 0x30) >> 4]);
// Add color to the text
if (quality.startsWith('fully locked')) {
quality = `<span class="colorToggle ready">${quality}</span>`;
} else {
quality = `<span class="colorToggle">${quality}</span>`;
}
if (used.startsWith('used')) {
used = `<span class="colorToggle ready">${used}</span>`;
} else {
used = `<span class="colorToggle">${used}</span>`;
}
if (healthy.startsWith('healthy')) {
healthy = `<span class="colorToggle ready">${healthy}</span>`;
} else {
healthy = `<span class="colorToggle">${healthy}</span>`;
}
rowContent += `<td>${quality} | ${used} | ${healthy}</td>`;
}
eSsTable.append(`<tr>${rowContent}</tr>`);