angular-ui-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)

Online demo with real-time data

Demo source code

Build

Project 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