Skip to content
Dashboard/Widgets functionality with AngularJS
Branch: master
Clone or download
Latest commit d44b1a3 Sep 27, 2014
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app bower dependencies Sep 27, 2014
dist Distribution Files Mar 26, 2014
docs
meteor/pubsub Client Data Demo Mar 26, 2014
routes MongoDB query Apr 22, 2014
test Pie Chart Feb 4, 2014
.bowerrc Yeoman generated app Jan 6, 2014
.editorconfig Yeoman generated app Jan 6, 2014
.gitattributes Yeoman generated app Jan 6, 2014
.gitignore gitignore Apr 22, 2014
.jshintrc application Node.js server Jan 20, 2014
.travis.yml Travis CI Apr 3, 2014
Gruntfile.js build optimization Apr 10, 2014
LICENSE Initial commit Jan 6, 2014
README.md link to dashboard component Sep 27, 2014
app.js MongoDB query Apr 22, 2014
bower.json bower dependencies Sep 27, 2014
config.js Client Data Demo Mar 26, 2014
dev_start.sh Meteor Configuration Feb 12, 2014
forever_dev.js Forever start script Apr 5, 2014
karma-e2e.conf.js Yeoman generated app Jan 6, 2014
karma.conf.js dependencies update May 8, 2014
package.json REST Data Model Apr 5, 2014
start_dev.sh start scripts Apr 3, 2014
start_dist.sh start scripts Apr 3, 2014

README.md

angular-dashboard

Build Status

Further development in this project is split into separate repositories:

=================

Dashboard/Widgets functionality with AngularJS (Demo application for https://github.com/nickholub/angular-ui-dashboard).

Features:

  • Adding/removing widgets

  • Widgets are instantiated dynamically (from corresponding directive or template)

  • Widgets drag and drop (with jQuery UI Sortable)

  • Saving widgets state to local storage

  • Fluid layout (widgets can have percentage width)

  • Any directive can be a widget (e.g. AngularUI directives)

  • Connecting widgets to real-time data (WebSocket, REST, etc.)

  • Changing widget data source dynamically (from widget options)

Online demo with real-time data

AngularJS Dashboard

AngularJS Dashboard directive is available as independent library https://github.com/nickholub/angular-ui-dashboard.

Running Application (minimum dependencies)

  1. Node.js way

Install express

   $ npm install express

Run Node.js server

   $ node app.js

Application will be available at http://localhost:3000.

  1. Simple web server way

Start any web server in "dist" directory, e.g. with Python

   $ python -m SimpleHTTPServer 8080

Application will be available at http://localhost:8080

In both cases static files (including bundled JS/CSS) will be served from "dist" directory.

Running Application (development mode)

Install dependencies:

   $ npm install

Install Bower dependencies:

   $ bower install

Run Grunt server task:

   $ grunt server

Application will be available at http://localhost:9000

Building Application

Application is built with Grunt.

   $ npm install -g grunt-cli
   $ grunt

Links

angular-ui-dashboard AngularJS Dashboard directive.

Node.js Software platform built on JavaScript runtime

AngularJS JavaScript framework

ui-sortable AngularJS UI Sortable

jQuery UI Sortable jQuery UI Sortable plugin (reordering with drag and drop)

Bower Package manager for the web

Grunt JavaScript Task Runner

Yeoman Webapp generator

DDP Meteor Distributed Data Protocol

Meteor-DDP Meteor DDP Javascript client

You can’t perform that action at this time.