[Theme] New theme: FomanticUI [beta]

[princerb]

A new theme - FomanticUI.

Quick try:

docker pull thomasstacey2/fa-fomantic:latest
docker run -p 5000:5000 -p 6379:6379 thomasstacey2/fa-fomantic:latest

• Mobile-first & fully responsive
• Modern, clean design
• Backwards compatible with Flask-Admin scripts
• No unnecessary extra libraries
• Custom, lightweight scripts
• Accessible and user-friendly
• Feature-rich UI components

Previews

name	mobile	desktop
Model/Listing
Model/Create
Model/Details
Redis Console
File Manager
Footer 🆕

Checklist:

• Core templates: base, actions, layout
• Optional footer menu links 🆕
• Models:
  • List
  • Layout
  • Row actions
  • Editable columns
  • Edit
  • Details
  • Create
  • Inline forms (modal) - edit, details, create
• File Manager
• Redis Console

Other:

• Remove and organize unnecessary js/css libs

Backlogs:

• Fully download and setup FomanticUI
• Leaflet integration
• form_ajax_refs

[princerb]

Due to the interconnection among all the template files, I was not committing the changes in order to keep the history organised. Hope today I will manage to push some completed code 🙂

[princerb]

I am thinking about column editable part.

For now I've implemented this: (available in the docker image above)

But I believe there is better way to do this, rather than adding 200 more lines of JS.

[ElLorans]

@princerb is this ready for review?

[princerb]

@princerb is this ready for review?

Yes now, considering checklist items, but what's pushed should be solid for now.

[samuelhwilliams]

Would you be able to add an example that uses this theme to the repo, if you still have interest+capacity to pursue this? 🙏

[princerb]

Here you go https://github.com/princerb/flask-admin/tree/f-theme-fomanticui/examples/fomanticui
A little too much, but fair to use and test the theme. I generated this a while ago so I could fully try the theme. I'll try to add a decent one later.