flatlogic / angular-dashboard-seed

Angular dashboard sample application with nodejs REST backend integration

angular-dashboard-seed

Angular dashboard sample application with nodejs REST backend integration built using latest angular best practices.

This seed is a sort of free version of a template that may be found here or here with working backend integration. You may use it to bootstrap the development of your next web app. Ok, so basically, this project is a hack ;)

Check out the Live Demo. Use following credentials: user1/user1pass.

Features

• AngularJS
• Angular UI Router
• Bootstrap3
• Nodejs backend inegration
• Sass styles
• Gulp build
• Stylish, clean, responsive layout
• Lots of utility css classes for rapid development (flatlogic css set)
• Authentication and authorization
• CRUD operations examples
• Browsersync for the ease of development
• Toastr notifications

Setup

Required tools

• Node and npm
• Bower
• Gulp
• [Ruby Sass] (http://sass-lang.com/install)

Installation

0. Clone project git clone https://github.com/flatlogic/angular-dashboard-seed.git
1. Install node and bower dependencies: npm install
2. Run the application: gulp serve
3. go to http://localhost:3000
4. Enter username: user1, password: user1pass

Project structure

Project structure based on this yeoman generator. If you have any questions about the build or project structure please check out their documentation.

Support

For any additional information please refer to Flatlogic homepage.

Community

• Tweet about it to support revolution in classic paid templates market.
• Follow @flatlogicinc on Twitter.
• Subscribe to Flatlogic newsletter at flatlogic.com
• Let's discuss:

License

MIT, hell yeah.

angular-dashboard-seed's Issues

cant find /app/index.css after a fresh installation

i've installed using npm install, and gulp serve, and receive error 404 on index.css file

Database integration

Hi there,

Can this be integrated with a database.

No authorization with Chrome

First of all thank you for the lovely template. I've clone it, but when I run with Chrome I get a problem. When I do login, it redirect me to the dashboard. But when I move to the posts, I can't go back because I'm not authorizated. Why? With Firefox it works.

Pressing browser back after logging out just keeps logging out.

Reproduce,

• login
• logout
• try to go back (via browser back button)
• endless refresh with notification of you have logged out successfully

Login button on login page is not working

Please check login button here http://angular-dashboard-seed.flatlogic.com/#/login.

It should be possible to click it even if no data is provided. Validation should be triggered and thus error messages shown

Issue with css

I cloned the project and did exactly what is said in the Readme .But when serve the project the css doesnt load .When I tried to inspect the index.html , the css file name is index.css ,but the file name is not the same as it as scss as extnsn( index.scss).and the other thing I noted is that in the
index.css
@import "theme/navigation";
@import "theme/layout";
@import "theme/login";
@import "theme/override-bootstrap";
@import "theme/dashboard";
@import "theme/validation";
@import "theme/utils";
but the file names are different because they have an underscore before them like (theme/_navigation)

I am looking for help if somebody could make me understand why my css files are not loading .Thnx

enhance dashboard top widget look & feel

subj

Error in gulp-inject with /ng-annotate

Hi !

Doing a gulp to see the changes in my project, I had an error in the task "gulp-inject" with the next line :

`[07:37:29] gulp-inject 1 files into index.html.
/var/www/scytl-frontend.dev.crononauta.net/git/node_modules/ng-annotate/build/es5/ng-annotate-main.js:330
    target.$methodName = method.name;
                       ^

TypeError: Cannot create property '$methodName' on boolean 'false'
    at matchRegular (/var/www/scytl-frontend.dev.crononauta.net/git/node_modules/ng-annotate/build/es5/ng-annotate-main.js:330:24)
    at match (/var/www/scytl-frontend.dev.crononauta.net/git/node_modules/ng-annotate/build/es5/ng-annotate-main.js:36:66)
    at post (/var/www/scytl-frontend.dev.crononauta.net/git/node_modules/ng-annotate/build/es5/ng-annotate-main.js:995:23)
    at visit (/var/www/scytl-frontend.dev.crononauta.net/git/node_modules/ordered-ast-traverse/ordered-ast-traverse.js:50:13)
    at visit (/var/www/scytl-frontend.dev.crononauta.net/git/node_modules/ordered-ast-traverse/ordered-ast-traverse.js:44:21)
    at visit (/var/www/scytl-frontend.dev.crononauta.net/git/node_modules/ordered-ast-traverse/ordered-ast-traverse.js:41:25)
    at visit (/var/www/scytl-frontend.dev.crononauta.net/git/node_modules/ordered-ast-traverse/ordered-ast-traverse.js:44:21)
    at visit (/var/www/scytl-frontend.dev.crononauta.net/git/node_modules/ordered-ast-traverse/ordered-ast-traverse.js:41:25)
    at visit (/var/www/scytl-frontend.dev.crononauta.net/git/node_modules/ordered-ast-traverse/ordered-ast-traverse.js:44:21)
    at visit (/var/www/scytl-frontend.dev.crononauta.net/git/node_modules/ordered-ast-traverse/ordered-ast-traverse.js:41:25)`

You can solve it changing the version of the package "gulp-ng-annotate" from "~0.3.6" to "~0.5.2".

Should I do a pull-request with this change ?

Live demo site is down of sth?

Thanks for sharing, but the live demo seems some issue occurred.

add font awesome

need more icons & icon utilities

dist folder not getting generated properly using gulp build

@DimaSavchenko I tried creating dist folder using gulp. When I open dist folder only fonts folder is getting generated.

email marketing

Thanx for this seed!

add widget directive

for convinient widget usage

add notifications example

put to the top right

As a user I want to see active item highlighted in a sidebar according to current page

Please use ui-sref-active for that.