Tab loading was relying on replacing the contents of '#content'
with the loading indicator, then replacing it with the loading tab
content and blocking rendering until the tab was ready by not
yielding. This is problematic for tabs that load some data
asynchronously, like PID and OSD.
Instead, put the loading indicator in front of everything else
and load new content inside '#content' next to the loading indicator
(but without showing it). Once the content and data are fully loaded
we fade out the loading indicator with a 0.4s long animation and
then we remove. This works for both synchronous and asynchonous
loading of tabs.
* Properly hiding/showing relevant controls for Minimum Failsafe Distance according to version (>= 1.7.4)
* Fixing bad maximum for centimeters distance
I believe everything works and is OK, but I am unclear about MSP/FC/Configurator versioning, so some of what I've done here may not be correct, or may need to be done differently. I would appreciate guidance/explanation.
add peripherals column on ports page
fixed ports page will show the rcsplit with apiversion less 1.27.0
move the modeName adjust function to peripherals.js, and add failsafe modename not update when rcsplit available
cleanup
clean up
Made in cooperation with skaman82.
Summary of modifications:
- Extended data storage to hold data for new/changed MSP messages.
- Added support for added/changed MSP messages.
- Added assigned mode(s) to AUX labels.
- Tooltip changes.
- Included style modifications to configuration tab from Skaman82.
- Moved all texts from failsafe tab .html to `messages.json`.
- Removed failsafe settings from configuration tab (now obsolete).
- Added failsafe-tab variables to Backup & Restore.
- Reorganized stage 2 elements, cleanup and corrections.