angular-dashboard

Dashboard/Widgets functionality with AngularJS.

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)

• Changing widget data source dynamically (from widget options)

Running demo with real-time data

Running Application

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

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