Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI - GF/SF indicator for Enabled in the list #4155

Closed
1 task done
JimB40 opened this issue Oct 3, 2023 · 19 comments
Closed
1 task done

UI - GF/SF indicator for Enabled in the list #4155

JimB40 opened this issue Oct 3, 2023 · 19 comments
Labels
color Related generally to color LCD radios UX-UI Related to user experience (UX) or user interface (UI) behaviour

Comments

@JimB40
Copy link
Collaborator

JimB40 commented Oct 3, 2023

Is there an existing issue for this feature request?

  • I have searched the existing issues

Is your feature request related to a problem?

screenshot_tx16s_23-10-03_09-26-24
screenshot_tx16s_23-10-03_09-28-10

Currently when GF/SF is enabled there is indicator on the list showing it's ON
However it looks like editable/touchable Checkbox UI element which is not.

Describe the solution you'd like

It can be simple dot as in MODEL/TELEMETRY sensor line.
or filled square but without frame that suggest it's checkbox.

Describe alternatives you've considered

No response

Additional context

No response

@JimB40 JimB40 added the enhancement ✨ New feature or request label Oct 3, 2023
@philmoz
Copy link
Collaborator

philmoz commented Oct 3, 2023

The checkbox (currently only used in the pre-flight checklist) looks like this:
Screenshot 2023-10-03 at 7 30 41 pm

Nothing like the SF/GF indicator.

@pfeerick pfeerick added color Related generally to color LCD radios UX-UI Related to user experience (UX) or user interface (UI) behaviour and removed enhancement ✨ New feature or request labels Oct 3, 2023
@JimB40
Copy link
Collaborator Author

JimB40 commented Oct 4, 2023

Quite close visually. Anything that is not looking as UI touchable element will do the job.
What about small icon
Screenshot 2023-10-04 at 08 16 05

@philmoz
Copy link
Collaborator

philmoz commented Oct 4, 2023

I'm not sure a power on/off icon is a good indicator of enabled/disabled state.

@JimB40
Copy link
Collaborator Author

JimB40 commented Oct 4, 2023

So we may go reversed UI scheme as it seems more intuitive.

  1. By default when creating SF/GF it is 'enabled'.
  1. ON/OFF Label says 'Disabled'
  2. This kind of small icon shows when GF/SF is disabled
    Screenshot 2023-10-04 at 08 38 35

Users report they want sets of same SF for every model (copy/paste) but to be able to disable them for particular model.
This is also true for dev/testing as I want often my screenshot feature to be available only when i'm testing, while I'd like it to be copied with every new model.

@philmoz
Copy link
Collaborator

philmoz commented Oct 4, 2023

So we may go reversed UI scheme as it seems more intuitive.

  1. By default when creating SF/GF it is 'enabled'.
  • It's bit annyoug you have to enable it while you decided to create one.
  1. ON/OFF Label says 'Disabled'

So you want to reverse the meaning of the enabled/disabled flag and break every configured SF/GF in existence (that can be disabled).

Users report they want sets of same SF for every model (copy/paste) but to be able to disable them for particular model. This is also true for dev/testing as I want often my screenshot feature to be available only when i'm testing, while I'd like it to be copied with every new model.

Expanding the scope with unrelated issues is a good way to ensure the issue never gets implemented and closed. Especially if you aren't going to bother suggesting solutions. In this case there are at least three ways to achieve the result (copy an existing model, use model templates, or write a lua script to set defaults).

  1. This kind of small icon shows when GF/SF is disabled
    Screenshot 2023-10-04 at 08 38 35

Since not all SF/GF functions can be disabled there should also be an icon for when it is enabled.

@philmoz
Copy link
Collaborator

philmoz commented Oct 4, 2023

To get this issue back on topic, you don't like the current enabled/disabled indicator for the SF/GF list display.

Please provide PNG images for an alternative look for both the enabled / disabled states that everyone can agree on.
It would also be worthwhile showing the results in context (modified radio screenshots) so reviewers can get a sense of how it will look in use.
There are three cases to consider - SF/GF active and enabled, SF/GF inactive and enabled, SF/GF disabled.

@JimB40
Copy link
Collaborator Author

JimB40 commented Oct 5, 2023

So you want to reverse the meaning of the enabled/disabled flag and break every configured SF/GF in existence (that can be disabled).

Little bit more faith in my team cooperation skills. Last thing I want is flood of issues due to a 'you broke legacy and we need to reprogram our models/radio".

First of all let me know what is status of adding GF/SF Enable/Disable to all functions
I've read initial #3024
then #2145 & #3038 & #3601 & #3696
but still not sure what is finished and if there is ongiong work that holds merging

AFAIU after reading to fininsh we need

  1. Proper config var in radio.yml for GF - seems like finished
  2. Proper config var in model.yml for SF - seems like finished
  3. UI changes in B&W firmware - seems like finished
  4. UI changes in COLOR firmware - ???
  5. UI changes in Companion - seems like finished

So @pfeerick @eshifri @elecpower what is crurrent status?

@JimB40
Copy link
Collaborator Author

JimB40 commented Oct 5, 2023

So first things first.
We agreed on:

  • adding enable/disable feature to every function in GF/SF
  • that default state of any newly created GF/SF is 'enabled'
  1. BW firmware & Companion
    In this cases we have one level UI that serves both for GF/SF status and allows to edit it (sometimes called in-line editing)

256748667-ac55219c-c35f-4429-85f8-ed445b007b65
215353400-edeac12b-b5ba-4959-a026-3b8b8e6b36b5

Then checkbox is proper way to inform about if featur is enabled or disabled as anything else would be confusing.
BTW I'd change column label naming from 'Enable' to 'Enabled'

  1. COLOR firmware
    In this case we have two level UI
  • first (LIST) is to inform about status
    screenshot_tx16s_23-10-05_08-39-34

  • second (EDIT screen) is to change actual values of GF/SF
    screenshot_tx16s_23-10-05_08-39-27

CONCEPT

GF/SF EDIT screen
I'm scratching any further discussion about changing labels as this will open Pandora Box :)

GFSF_edit

  • Label stays as it is (with the same comment that 'Enabled' is better than 'Enable'
  • When new GF/SF is created 'Enabled' feature is always ON to avoid situation user doesn't know why 'this is not woring'

GF/SF LIST
Here we only have to inform user about status/configuration of GF/SF
'Enabled' is default state. As a rule of thumb if something is default there is no need to display anything (reducing amount of information user recieives)

GFSF_list_everything_enabled
In above screen

  • Every single GF is 'Enabled'
  • GF1 is focused
  • GF1, GF2 & GF4 are 'Active' that means Functon condition is true

Now exception is 'Disabled' so we only inform in this case.
When troubleshooting why GF/SF doesn't work most important is to visually indicate 'Disabled' items

GFSF_list_GF3_GF5_disabled

in above screen

  • GF3, GF5 are disabled - showed two different icons we may use (GF/SF is kind of paused state)
  • of course GF3, GF5 never turns 'Active' (yellow)

@philmoz
Copy link
Collaborator

philmoz commented Oct 5, 2023

  • that default state of any newly created GF/SF is 'enabled'

Absolutely not.

SF/GF exists as soon as it is created.
If it defaults to enabled then it will be processed as soon as you start putting in parameters which could have unintended consequences.

@JimB40
Copy link
Collaborator Author

JimB40 commented Oct 5, 2023

Every time SF is created 'Function' is set to 'Ovverride', and when GF is created 'Function is set to 'Trainer'
I think what you mean is that 'Trigger' is not set '---' so SF/GF is not working
Still valid to display icon to show this line (GF/SF) is not working.

@3djc
Copy link
Collaborator

3djc commented Oct 5, 2023

What he means is that the function is running as soon as created (created, NOT finalised), and while you select the values, it would actually run all the successive values to your final choice if defaulted enabled when created

@philmoz
Copy link
Collaborator

philmoz commented Oct 5, 2023

If you are going to wait for all SF/GF functions to have the enable / disable flag then no icon is needed at all.

Once an SF/GF is disabled it can be shown in the list with the DISABLED text color and border color so it will be consistent with other UI elements.

@JimB40
Copy link
Collaborator Author

JimB40 commented Oct 6, 2023

DISABLED was meant and is used (at least should be) in UI to indicate UI element that not accesible to user (for whatever reason). When DISABLED user can't select this UI element so can't change it.
This is not the case here.
Here GF/SF item is accesible, usert can still confifure GF/SF it but it is not 'working" because user decided conciously to pause its executtion.

WARNING color would be a way to go, but checked with theme like EdgeTX Red and it doesn't work well.
So paused icon to show this GF/SF in not 'enable' as someone coded seems a way to go.

All functions that currently have no 'enable' feature will not display anything.
Once they get this featue they start to display 'pause'.

@philmoz
Copy link
Collaborator

philmoz commented Oct 6, 2023

DISABLED was meant and is used (at least should be) in UI to indicate UI element that not accesible to user (for whatever reason). When DISABLED user can't select this UI element so can't change it. This is not the case here. Here GF/SF item is accesible, usert can still confifure GF/SF it but it is not 'working" because user decided conciously to pause its executtion.

So leave the border color as the normal color and just change the text color.

So paused icon to show this GF/SF in not 'enable' as someone coded seems a way to go.

A 'Paused' icon for a disabled state make no sense to me.

@philmoz
Copy link
Collaborator

philmoz commented Oct 6, 2023

I think this is easy enough to understand:
Screenshot 2023-10-07 at 9 44 44 am

@JimB40
Copy link
Collaborator Author

JimB40 commented Oct 7, 2023

Then test it on different themes. particulary the ones with dark background.

@philmoz
Copy link
Collaborator

philmoz commented Oct 7, 2023

Then test it on different themes. particulary the ones with dark background.

It's the theme authors responsibility to ensure their choice of colors works sensibly in EdgeTx.

@pfeerick
Copy link
Member

pfeerick commented Oct 7, 2023

It's the theme authors responsibility to ensure their choice of colors works sensibly in EdgeTx.

Yes indeed, it's not up to us to hold their hands in colour choices.

But sticking to the point of this issue, of the two icons shown, the circled dash makes the most sense, not the pause icon (as it is disabled, not paused, and yes, the language matters, as they are different states and concepts). And I can see the point in only showing that on disabled SF/GF, in order to reduce cognitive workload, as well as not resembling a touchable element. At the same time, I'm quite happy with the current implementation, so am otherwise indifferent. I don't beleive the disabled color should be used in this case, it should only be used when UI elements can't be interacted with.

@JimB40
Copy link
Collaborator Author

JimB40 commented May 10, 2024

@pfeerick to be closed IMHO. Checkbox is misleading as John stated in review video, but probably it will stay this way.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
color Related generally to color LCD radios UX-UI Related to user experience (UX) or user interface (UI) behaviour
Projects
None yet
Development

No branches or pull requests

4 participants