search

Badgerati / Pode.Web

Web template framework for use with the Pode PowerShell web server
MIT License
189 stars 24 forks source link

Feature Request: PatternFly #1

Open ericpritchett opened 3 years ago

ericpritchett commented 3 years ago

I realize Pode.Web is a new project just starting, so I thought I would mention PatternFly instead of/in addition to Bootstrap as a possible candidate to build the frontend. PatternFly is under the MIT license and could offer a more consistent way to build a frontend with Pode.Web. I know this may be a long shot, but I just thought I'd mentioned it if this is something that could be useful and may offer an easier and more stable upgrade path. I've started using it with Pode and have found it to be pretty nice.

"PatternFly is an open source design system created to enable consistency and usability across a wide range of applications and use cases. PatternFly provides clear standards, guidance, and tools that help designers and developers work together more efficiently and build better user experiences."

PatternFly is what www.cockpit-project.org and www.freeipa.org uses as well as many other open source projects and I think it would work here as well. Many of the components are already built for you and can be extended. For example, a login page with the design guidelines, charts, tables, etc. They have examples in both React and HTML/CSS.

More info can be found below or get started here.

Website: https://www.patternfly.org
GitHub: https://github.com/patternfly
Badgerati commented 3 years ago

I actually had a look at using PatternFly, and Metro as well. I was looking more closely at PatternFly as it is built on top of Bootstrap, the only thing that let in down a bit was that some of its components only worked with React - such as charts. (And to get this out of the way, I'm not a fan of React, or Angular 😂).

I've done quite a lot of web dev at work/personal, and I'm very familiar with using raw Bootstrap/jQuery - which is why I went for them in the end, for ease.

On charts, I was looking at using charts.js, so I could use that and PatternFly.

If there's a push from others for wanting to use PatternFly, or something else, over Bootstrap, I'll happily look at it more 😄

ili101 commented 3 years ago

PatternFly my be interesting if/when they implement https://github.com/patternfly/patternfly-react/issues/4711 for better inputs that are consistent and not really on browser compatibility https://github.com/Badgerati/Pode.Web/issues/9 PS I'm new to JavaScript/Web front, started learning some React last month 😄

Badgerati commented 3 years ago

I only really mostly know HTML/CSS and JS, as well as a handful of libraries from when I've had to make some sites at work.

I need to spend some time learning React myself, which is why I'm thinking it might be best, for now, to stick to just HTML/CSS/JS, get a stable version running and released. Then, we can look at React/PatternFly-React.

PatternFly's HTML/CSS library though, we might be able to get away with. It's on top of Bootstrap and just CSS classes - so that could be possible! React is a whole other ball game 😂