This one here, in contrast, is clean, polished, and shines due to its simplicity.
However, the html offers a couple of great chances to use angular directives or some databinding. Especially the custom directives offer a great way to show the semantics or the intent of what the page is all about, so that in the end the dashboard could read somthing like:
Keep up the great work!
I'm really a backend developer so my knowledge of Angular really isn't that great. I'll look into what you suggested, however I didn't want it to be too complex; quick and simple way to get up and running was the idea.
https://github.com/Ehesp/Responsive-Dashboard/blob/master/js... - this is an expensive operation. It would be better to use window.matchMedia and do a $scope.$apply() only precisely when needed. https://github.com/Ehesp/Responsive-Dashboard/blob/master/js... is also expensive too, since getWidth is a function.
My other criticism is that it should avoid adding ngCookies as a requirement, as it is a not so great portion of angular.
I think some of the people criticizing this miss the point of something like this. It is a theme that is geared specifically towards people who use Angular & don't want to use jQuery. If you don't use Angular/want to use Angular, this isn't for you - or you can fork it and port it over.
The dashboard isn't intended to be driven by Angular, it's more of a basis of getting going on a project without messing about with the initial setup - however have a 'clean' boilerplate to work with without the masses of plugins all of these premium dashboards come with.
I'm also not a pro coder, and do it for a hobby so comments on improving are much appreciated. It's free, open source, I'm massively open to people improving my code so if you can please do. I'm currently learning Angular so appreciate it may not be coded to a specific standard I don't know about.
"Feel free to create pull requests to improve the dashboard!"
P.S.: Wish the title was not so poorly chosen. Remember that title really does matter when submitting anything to Hacker News.
"AngularJS is simply being used to power the sidebar toggle (side in and out). It does a combination of detecting the browser size and managing a toggle cookie to keep the state the same when the page is reloaded. Check out the js/angular/bootstrap.js file."
... with @media queries? Tell me more!
Clueless manager loved it (yeah animation !) but it's not great. In practice you never want to unfold it because it doesn't give you anything other than labels. So then you are asked to display labels on mouse hover when it's folded.
And then you must add submenu ...
As for sub-menus, I never needed it for my project so never added it... and honestly didn't expect anyone else to see this. Will have a tinker with it though, see if I can make it look decent.
To see it in action, go to the link in the OP and just resize your browser window down to tablet size, and then down to mobile.
This is accomplished primarily through CSS3 media queries and fluid layouts (using percentages for element widths instead of fixed widths). You can read about CSS3 media queries here:
Perhaps the best resource for implementing responsive design is the Bootstrap framework:
If you want to post an awesome project like this one, better do it somewhere else, if you want to be encouraged to keep working on it.
The design is absolutely gorgeous, for what it's worth.
From the title, I think you'd expect something that's cleverly using Angular to pull in data dynamically from disparate sources and plotting pretty charts from it, rather than just some static HTML and CSS.
Probably the GP's irritation comes from the same place as mine: needlessly abrasive remarks instead of encouragement and constructive criticism that a community like this should provide.
And why do people care so much that this is at the top of HN, as opposed to the bottom?
>I think you'd expect something that's cleverly using Angular to pull in data dynamically from disparate sources and plotting pretty charts from it,
That part is relatively easy to add, given the nice template this provides. Really, for me, creating this kind of layout is the time-consuming part. Pulling in data from some REST api is a relatively quick task.
Well, there are only so many hours in the day, and it's nice to see exciting and innovative projects (and articles) gravitate towards the top - that is, surely, how HN is supposed to work.
You mention it being amateurish. A constructive response would be to take it, pull in some REST data and show everyone whats possible. Or you could just complain.
You are visit /new and upvoting excellent articles?
Any links to your frankly great professional projects?
This project is better than lots of dashboards I've seen, even for quite celebrated companies. And don't get me started on freakishly expensive enterprise services dashboards...
It does look nice though and I have bookmarked it for future reference.
From the title, I think you'd expect something that's cleverly
using Angular to pull in data dynamically from disparate
sources and plotting pretty charts from it, rather than just
some static HTML and CSS.
We all have some random crap lying around on GitHub, and anyone can submit it arbitrarily one day. That still does not excuse the absurd mentality here from people who seem to never have made nor submitted anything of their own, since they don't know how obnoxious it is to read comments like these for your own project.
+ + +
this frankly somewhat amateurish project
I'm happy this project is at the top of Hacker News; it means there's a silent majority who are not represented by the people behind the comments on this thread.
That was criticism.