Skip to content
This repository has been archived by the owner on Dec 13, 2020. It is now read-only.

Improved Not Saved Indicator design #510

Closed
metas-mk opened this issue Mar 7, 2017 · 15 comments
Closed

Improved Not Saved Indicator design #510

metas-mk opened this issue Mar 7, 2017 · 15 comments

Comments

@metas-mk
Copy link
Member

metas-mk commented Mar 7, 2017

Type of issue

Feature request

Current behavior

The "Not saved indicator" is a tiny little bit suboptimal.

Expected behavior

Have an improved design of the "Not Saved indicator"

Now it looks like:
image

What it should look like:
image
... or something similar to that.

@metas-mk
Copy link
Member Author

metas-mk commented Mar 7, 2017

This is a follow up task for #437

metas-mk added a commit to metasfresh/metasfresh that referenced this issue Mar 8, 2017
Adding Issue to this week's release metasfresh/metasfresh-webui-frontend-legacy#510 Improved Not Saved Indicator design
@metas-mk
Copy link
Member Author

metas-mk commented Mar 8, 2017

@damianprzygodzki
Just checked quickly. Already looks much better. Is it easy possible to make that red line "permanently" visible as soon as not saved and those "error" fields are shown in red color? As soon as the gray-green bar can kick in and vanish the red.

image

@damianprzygodzki
Copy link
Contributor

damianprzygodzki commented Mar 8, 2017

@metas-mk Do You mean, if document has saveStatus false, we are disabling loader and instead of it we are displaying fully filled red bar ?

@metas-mk
Copy link
Member Author

metas-mk commented Mar 8, 2017

Fully filled 1px line in red (same dimension as thin gray line atm). The green and gray motion shall still remain for each save progress. But if is then unsaved because of error os missing field content (like in example above) then show that filled red line after saving progress indicator (grey-green).

Pls let me know if we shall quickly talk about this to do a quick demo in advance.

@damianprzygodzki
Copy link
Contributor

Roger

@cadavre
Copy link
Contributor

cadavre commented Mar 8, 2017

+1 for 1px line coloured if saveStatus=false. BUT I would propose to resign from color red. Red suggests error which is NOT the case here. I propose to use "yellow" color which stands for "warning" instead of "error". Wdyt?

After saveStatus=true fade 1px line color to regular gray.

@metas-mk
Copy link
Member Author

metas-mk commented Mar 8, 2017

just suggested red because it would only appear when the user also sees the red error fields ... to not be confused w/ 2-3 different colors

@cadavre
Copy link
Contributor

cadavre commented Mar 8, 2017

Shown after first validation then? Sounds ok.

@metas-mk
Copy link
Member Author

metas-mk commented Mar 8, 2017

yes

@damianprzygodzki
Copy link
Contributor

damianprzygodzki commented Mar 8, 2017

It is unreachable because PATCHes are not updating validStatus.initialValue. So i can't turn indicator red after first patch.

What can i do without API changes is to make red background under indicator (it will be still indicating state of saving) til the saved property will change.

@teosarca
Copy link
Member

teosarca commented Mar 8, 2017

hi @damianprzygodzki

I think you have all informations.

Take a look at following use case and pls let me know if you still believe something is missing.

  1. New sales order
    image

  2. Fill the bpartner field => expect document to be saved
    image

  3. Clear the BPartner field
    image

@damianprzygodzki
Copy link
Contributor

damianprzygodzki commented Mar 8, 2017

Case:

  • new sales order
  • checking a checkbox
  • initialValue for whole documents not changed
  • mandatory fields not filled, indicator bar is still green

Whatsmore, in the 2nd step, initialValue should be false.

@teosarca
Copy link
Member

teosarca commented Mar 8, 2017

@damianprzygodzki Mark and I just checked after your last commit.
Works as expected.

@teosarca
Copy link
Member

teosarca commented Mar 8, 2017

thanks a lot !

@metas-mk metas-mk self-assigned this Mar 8, 2017
@metas-mk
Copy link
Member Author

metas-mk commented Mar 8, 2017

Tested. Works as required. Thanks a lot. Closing.

@metas-mk metas-mk closed this as completed Mar 8, 2017
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

4 participants