AngularJS2 / TypeScript implementation of the RDash admin dashboard theme
HTML TypeScript CSS JavaScript
Latest commit 3f7bc88 Dec 9, 2016 @ziyasal committed on GitHub Update README.md
Permalink
Failed to load latest commit information.
src Remove bower Apr 24, 2016
.gitignore add typings to gitignore Apr 16, 2016
.jshintrc init Oct 6, 2015
LICENSE init Oct 6, 2015
README.md Update README.md Dec 9, 2016
package.json Fix install script Apr 24, 2016
tsconfig.json upgrade completed Apr 16, 2016
typings.json upgrade completed Apr 16, 2016

README.md

Introduction

AngularJS 2 implementation of the RDash admin dashboard theme

Responsive, bloat free, bootstrap powered admin style dashboard!

Note: Angular 2.0 is not production ready yet! This project is perfect for playing around with the latest versions but do not start new projects with it since a lot of new changes are going to be introduced until the framework is officially released.

Demo App

How to start

git clone https://github.com/ziyasal/rdash-angular2.git
cd rdash-angular2
npm install
# dev
npm start

Components

  • RdWidget
  • RdWidgetHeader
  • RdWidgetBody
  • RdWidgetFooter
  • RdLoading

Simple Widget

    <rd-widget>
      <rd-widget-body>       
       <span>HTML CONTENT</span>       
      </rd-widget-body>
    </rd-widget>

Widget with Header

 <rd-widget>
       <rd-widget-header icon="fa-tasks" title="Servers">
         <a href="javascript:void(0)" style="float: right">Manage</a>
       </rd-widget-header>
       <rd-widget-body classes="medium no-padding">
         <server-list-view [model]="servers"></server-list-view>
       </rd-widget-body>
     </rd-widget>

Widget with Footer

 <rd-widget>
       <rd-widget-header icon="fa-tasks" title="Servers">
         <a href="javascript:void(0)" style="float: right">Manage</a>
       </rd-widget-header>
       <rd-widget-body classes="medium no-padding">
         <server-list-view [model]="servers"></server-list-view>
       </rd-widget-body>
       <rd-widget-footer>
         <span>FOOTER CONTENT</span>
       </rd-widget-footer>
     </rd-widget>

Widget with Loader

 <rd-widget>
    <rd-widget-body classes="medium no-padding">
       <rd-loading></rd-loading>
    </rd-widget-body>
 </rd-widget>

Change Log

You can follow the Angular 2 change log here.

License

MIT