betaflight-configurator icon indicating copy to clipboard operation
betaflight-configurator copied to clipboard

Feature: Create Development tab

Open VitroidFPV opened this issue 1 year ago • 3 comments

Needing to go to different tabs during UI development to test various elements that may not even be present together can get in the way of making sure that everything looks and works like it should.

This PR adds a simple Development tab that's available directly in the "unconnected" state (saving time having to wait for connections to initialize and finish), it's only accessible in a local development environment. It's filled with basic UI elements for now, but it should be expanded with other UI elements to test as needed. It can also be used to mock up new elements or entire tabs in development without needing to edit/replace other functional tabs, keeping the rest of the app running smoothly.

image

Please add/suggest additional elements to be added!

VitroidFPV avatar Jul 05 '24 16:07 VitroidFPV

Deploy Preview for origin-betaflight-app ready!

Name Link
Latest commit 75fa2f3714cc97c6e5073d7b37495b33e3fa3f09
Latest deploy log https://app.netlify.com/sites/origin-betaflight-app/deploys/668830eac7d5a60008f0cf8a
Deploy Preview https://deploy-preview-4089.dev.app.betaflight.com
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify[bot] avatar Jul 05 '24 17:07 netlify[bot]

  • One possible problem with this development tab is the use of customized CSS on a tab basis.
  • Some missing elements:
input type=number
input type=range
input type=checkbox

haslinghuis avatar Jul 05 '24 17:07 haslinghuis

enable/disable via the options tab?

nerdCopter avatar Jul 08 '24 13:07 nerdCopter