jQuery Dashboard

---

I’m currently developing a dashboard plugin for pimatic.

It will be 99% client side.

Currently im using:
jQuery
jQuery-ui
gridstack
Bootstrap
Fontawesome (icons)

Current state:

• static html
• drag/drop layout working
• resizing with icons working
• tile header working
• socket.io client proof of concept running

Next steps:

• save/load layouts
• integrate socket.io client
• add/remove device UI
• support more device types
• ui for coloring

so a long way to go…

Some feedback would be great, I will update this post when I make some progress.

Pretty cool! Looks a lot like what I am building. Only difference is, I chose React instead of jQuery. I chose React mainly because of code complexity. If you’re adding a lot of functionality your code is going to be a mess with jQuery. I recommend creating lots of files to separate functionality.

Good luck!

Nice project, but I think jQuery is perhaps a bit ‘old school’ these days. Perhaps react or angularjs provides the better choice here. For angularjs we also have an example project, aka pimatic-angular-material-frontend.

I know, I tried it with angular 2 and typescript but it is … let’s say it has a steep learning curve. I tried to find a good grid layout but the only one which fit all my needs was gridstack which is based on jQuery. All using angular 2 were really immature and lacking features.

I’m also not a jQuery expert but I could get this up an running in about a day and with angular the “hello world” took that long and I still wasn’t able to fully understand what all the parts of the setup meant.

I think for now I will proceed with jQuery. Once I find more time to dive into and understand angular 2 fully I might port it but at the moment it is just too demotivating