UI: Minor tweaks - Reports landing page / Process Flow in-line view / Configurable navbar color

[Rhizo-Tech]

I've been working on my own fork and have implemented some small changes that I think may fit well into the base product. I'm happy to put any/all of these together into a pull request but it may be just as easy to implement from scratch:

1. Reports landing page - Provides some additional context on the use case for each report - easily extendable:

2. Process Flow in-line view - Activated by clicking the "Has Process Flow" icon:

3. Configurable navbar color - Everyone likes customization:

[bbergman]

I love the reports page suggestion. Makes it like essential's viewer, which I always found very useful. You kind of get a feel for what to expect in each report if you use them long enough, but explanatory cards for each report is a nice touch for first time users (especially non-architect type users).

Also +1 for the nav bar color, but if you could extend it to dark, light, or custom, that would be great. Rationale: if supported, I almost always use a different color coding for pages, or nav bars, or whatever the app allows, to help distinguish between various lower environments. Prod is always the natural color of the app, but dev is usually a red/pink color, test in yellow, staging in green or blue, etc. This adds a secondary check on my brain that I'm in the expected environment when I switch around. We also do this with the apps we create (a login page color difference, usually). I presume this could be in the Settings area too. This would be a nice UX improvement.

(In my current eval, the theme is light, with prod in dark, just as an example...)

Thanks,
Bruce

[Rhizo-Tech]

I love the reports page suggestion. Makes it like essential's viewer, which I always found very useful. You kind of get a feel for what to expect in each report if you use them long enough, but explanatory cards for each report is a nice touch for first time users (especially non-architect type users).

Also +1 for the nav bar color, but if you could extend it to dark, light, or custom, that would be great. Rationale: if supported, I almost always use a different color coding for pages, or nav bars, or whatever the app allows, to help distinguish between various lower environments. Prod is always the natural color of the app, but dev is usually a red/pink color, test in yellow, staging in green or blue, etc. This adds a secondary check on my brain that I'm in the expected environment when I switch around. We also do this with the apps we create (a login page color difference, usually). I presume this could be in the Settings area too. This would be a nice UX improvement.

(In my current eval, the theme is light, with prod in dark, just as an example...)

Thanks, Bruce

Thanks for the positive feedback Bruce. I should have explained the Navbar configuration better, it has a colour picker which lets you select any colour you want. The Light/Dark toggle are there to invert the text colour, e.g. to avoid having light-text on a light-background. Your use case of differentiating production from other environments at a glance was exactly one of the functions I wanted to support.

[vincentmakes]

Nice ideas, and the display of process flow in particular is a nice touch

[vincentmakes]

The process flow is now displayed when clicking the icon in the Process Navigator.

And I have also added an option to change the color of the Navbar with some bundle