PatternFly Integration for WebUI


(Eric Pritchett) #1

What are people’s thoughts on integrating https://www.patternfly.org/ for the webUI? This is the same interface many projects use such as http://www.freeipa.org/ and I think it would add a consistent UI across ecosystems as well improve the look. Here are some templates https://www.patternfly.org/layouts/layout-templates/ .


Is the nethgui layer a pain?
(Davide Principi) #2

I’d like joining the Cockpit project for future NethServer releases :heartpulse:

I know I have to be patient…


(Alessio Fattorini) #3

I love it, beautiful, well-documented and used by a bunch of projects. It seems to provide an interface designed by UI professionals, leaving the project engineers free to concentrate on the under-the-hood coding.
https://www.patternfly.org/patterns/dashboard-layout/


(Davide Principi) #4

I love it too! I think it could be possible to replace the current XHTML/CSS/jQuery Nethgui layer with Patternfly. It would be mostly a cosmetic change we can deploy during the 6 life cycle, but it would also require some efforts…

A more revolutionary approach can be based on Cockpit. As said before, here we’re talking about NS 7 or 8.


#5

If NS will integrate Docker… I think that Cockpik will be easier.


(Alessio Fattorini) #6

Do you think just a cosmetic change? What about usability? Is it easier to handle lowering the barrier to contribution?


(Davide Principi) #7

Usability? I don’t know what will be the final result, I guess it will be a visual enhancement at least :slight_smile:

About contributor’s barrier, I think using a widely adopted and documented library is always a good idea, but I don’t know how much Patternfly can help. For instance jQueryUI is well documented and Nethgui is built on it, but doesn’t seem to help anyway.


(Eric Pritchett) #8

Sencha ExtJS ( https://www.sencha.com/products/extjs/#overview) might be another option. OpenMediaVault recently switch to it and Sencha ExtJS is under the GPLv3 ( https://www.sencha.com/legal/GPL/). You can find examples of what can be done at http://examples.sencha.com/extjs/6.0.1/examples/ . Thoughts?


(Roberto Sitzia) #9

Quite familiar…it seems Google Analytics GUI.