Add settings view about headlamp HOT 10 CLOSED

I think we can take "inspiration" from vscode for the way it handles settings for plugins, it allows plugins to have their own settings in a separate subsection.

from headlamp.

Here is the latest design we have from @tsompura:

Also, about the search, I think it makes sense when we have more than a few options, i.e. more than one "page" of settings. This will likely happen in the future, but as an MVP for settings, I don't think search is needed.

from headlamp.

from headlamp.

@joaquimrocha is there a design ready for this

from headlamp.

Not yet.

from headlamp.

The design is close to finish.

from headlamp.

I had added a mockup here but turns out it needs some final touch.

from headlamp.

With github settings, I like how each section has it's own URL. So when you click on the sides or link to the settings from documentation or another part of the app it works.

What I don't like about github settings is you can't easily link to a section. Often there are many sections on a page, so you need to scroll down a lot. For example, if you click on the "Appearance" sidebar menu, and scroll down you see "Emoji skin tone preference". Would be better if there was an anchor on that section so people could link to it.

Search box? Settings like Edge (and firefox, etc) have a settings view that allows you to search within the different settings options.

from headlamp.

I think we can take "inspiration" from vscode for the way it handles settings for plugins, it allows plugins to have their own settings in a separate subsection.

I really like the idea of having plugins being able to add their own settings if they want. But I wonder if anyone needs that already?

For bundled plugins, they should probably not be listed under a plugins section? Because they are part of the app, and not plugins from the perspective of the users and the developers of those apps.

from headlamp.

Adding the points from our discussion.

1. In In-cluster mode it is import to make the message correct that the settings are specific to the user and not something a admin can set for the whole application. Like setting the language to french for example and expecting it to be the default for all users.
2. In In-cluster mode if the user sets the settings in a browser and accesses headlamp from another device or browser the settings will be completely different.

from headlamp.