[
  {
    "path": ".gitignore",
    "content": "# Logs\nlogs\n*.log\n\n# Runtime data\npids\n*.pid\n*.seed\n\n# Directory for instrumented libs generated by jscoverage/JSCover\nlib-cov\n\n# Coverage directory used by tools like istanbul\ncoverage\n\n# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)\n.grunt\n\n# Compiled binary addons (http://nodejs.org/api/addons.html)\nbuild/Release\n\n# Dependency directory\n# Commenting this out is preferred by some people, see\n# https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git-\nnode_modules\n\n# Users Environment Variables\n.lock-wscript\n.tsdrc\n\n#IntelliJ configuration files\n.idea\n\ndist\ndev\nlib\ntest\ntypings\n\n# Dependency directory\n# Commenting this out is preferred by some people, see\n# https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git-\nbower_components\n"
  },
  {
    "path": ".jshintrc",
    "content": "{\n  \"bitwise\": true,\n  \"immed\": true,\n  \"newcap\": true,\n  \"noarg\": true,\n  \"noempty\": true,\n  \"nonew\": true,\n  \"trailing\": true,\n  \"maxlen\": 200,\n  \"boss\": true,\n  \"eqnull\": true,\n  \"expr\": true,\n  \"globalstrict\": true,\n  \"laxbreak\": true,\n  \"loopfunc\": true,\n  \"sub\": true,\n  \"undef\": true,\n  \"indent\": 2,\n  \"unused\": true,\n\n  \"node\": true,\n  \"globals\": {\n    \"System\": true\n  }\n}\n"
  },
  {
    "path": "LICENSE",
    "content": "The MIT License (MIT)\n\nCopyright (c) 2015 Ziya SARIKAYA\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n"
  },
  {
    "path": "README.md",
    "content": "# Introduction\n\n[AngularJS 2](https://angular.io/) implementation of the [RDash admin dashboard](http://rdash.github.io) theme\n\n> Responsive, bloat free, bootstrap powered admin style dashboard!\n\n[**Demo App**](https://rdash-angular2.herokuapp.com/)\n\n# How to start\n\n```bash\ngit clone https://github.com/ziyasal/rdash-angular2.git\ncd rdash-angular2\nnpm install\n# dev\nnpm start\n```\n\n## Components\n\n- RdWidget\n- RdWidgetHeader\n- RdWidgetBody\n- RdWidgetFooter\n- RdLoading\n\n\n**Simple Widget** \n```js\n    <rd-widget>\n      <rd-widget-body>       \n       <span>HTML CONTENT</span>       \n      </rd-widget-body>\n    </rd-widget>\n```\n\n**Widget with Header**  \n```js\n <rd-widget>\n       <rd-widget-header icon=\"fa-tasks\" title=\"Servers\">\n         <a href=\"javascript:void(0)\" style=\"float: right\">Manage</a>\n       </rd-widget-header>\n       <rd-widget-body classes=\"medium no-padding\">\n         <server-list-view [model]=\"servers\"></server-list-view>\n       </rd-widget-body>\n     </rd-widget>\n```\n\n**Widget with Footer**  \n```js\n <rd-widget>\n       <rd-widget-header icon=\"fa-tasks\" title=\"Servers\">\n         <a href=\"javascript:void(0)\" style=\"float: right\">Manage</a>\n       </rd-widget-header>\n       <rd-widget-body classes=\"medium no-padding\">\n         <server-list-view [model]=\"servers\"></server-list-view>\n       </rd-widget-body>\n       <rd-widget-footer>\n         <span>FOOTER CONTENT</span>\n       </rd-widget-footer>\n     </rd-widget>\n```\n\n**Widget with Loader**  \n```js\n <rd-widget>\n    <rd-widget-body classes=\"medium no-padding\">\n       <rd-loading></rd-loading>\n    </rd-widget-body>\n </rd-widget>\n```\n\n# License\n\n[MIT](https://raw.githubusercontent.com/ziyasal/rdash-angular2/master/LICENSE)\n"
  },
  {
    "path": "package.json",
    "content": "{\n  \"name\": \"rdash-angular2\",\n  \"version\": \"0.0.2\",\n  \"description\": \"AngularJS2 implementation of the RDash admin dashboard theme http://rdash.github.io\",\n  \"repository\": \"https://github.com/ziyasal/rdash-angular2\",\n  \"scripts\": {\n    \"postinstall\": \"npm run typings\",\n    \"tsc\": \"tsc\",\n    \"tsc:w\": \"tsc --watch\",\n    \"live\": \"live-server --open=src\",\n    \"start\": \"concurrently \\\"npm run tsc:w\\\" \\\"npm run live\\\" \",\n    \"typings\": \"typings install\"\n  },\n  \"author\": \"Ziya SARIKAYA <ziyasal>\",\n  \"license\": \"MIT\",\n  \"devDependencies\": {\n    \"concurrently\": \"^2.0.0\",\n    \"live-server\": \"^0.9.2\",\n    \"typescript\": \"^1.8.9\",\n    \"typings\": \"^0.7.11\"\n  },\n  \"dependencies\": {\n    \"angular2\": \"2.0.0-beta.14\",\n    \"bootstrap\": \"^3.3.6\",\n    \"es6-shim\": \"^0.35.0\",\n    \"font-awesome\": \"^4.6.1\",\n    \"jquery\": \"^3.2.1\",\n    \"rdash-ui\": \"^1.0.1\",\n    \"reflect-metadata\": \"0.1.2\",\n    \"rxjs\": \"5.0.0-beta.2\",\n    \"systemjs\": \"0.19.25\",\n    \"zone.js\": \"0.6.6\"\n  }\n}\n"
  },
  {
    "path": "src/app/components/alerts/alerts.html",
    "content": "<div class=\"row alerts-container\" *ngIf=\"alerts.length\">\n    <div class=\"col-xs-12\">\n        <div class=\"alert alert-{{alert.type}}\" *ngFor=\"#alert of alerts #i=index\" role=\"alert\">\n            <button type=\"button\" (click)=\"closeAlert(i)\" class=\"close\" aria-label=\"Close\"><span\n                    aria-hidden=\"true\">&times;</span></button>\n            {{alert.msg}}\n        </div>\n    </div>\n</div>\n"
  },
  {
    "path": "src/app/components/alerts/alerts.ts",
    "content": "import {Component} from 'angular2/core';\n\n@Component({\n  selector: 'alerts',\n  templateUrl: 'app/components/alerts/alerts.html'\n})\nexport class Alerts {\n\n  alerts:any[] = [{\n    type: 'success',\n    msg: 'Thanks for visiting! Feel free to create pull requests to improve the dashboard!'\n  }, {\n    type: 'danger',\n    msg: 'Found a bug? Create an issue with as many details as you can.'\n  }];\n\n  addAlert() {\n    this.alerts.push({\n      msg: 'Another alert!'\n    });\n  }\n\n  closeAlert(index) {\n    this.alerts.splice(index, 1);\n  }\n}\n"
  },
  {
    "path": "src/app/components/dashboard/dashboard.css",
    "content": ""
  },
  {
    "path": "src/app/components/dashboard/dashboard.html",
    "content": "<alerts></alerts>\n\n<div class=\"row\">\n    <div class=\"col-lg-3 col-md-6 col-xs-12\">\n        <rd-widget>\n            <rd-widget-body>\n                <div class=\"widget-icon green pull-left\">\n                    <i class=\"fa fa-users\"></i>\n                </div>\n                <div class=\"title\">80</div>\n                <div class=\"comment\">Users</div>\n            </rd-widget-body>\n        </rd-widget>\n    </div>\n    <div class=\"col-lg-3 col-md-6 col-xs-12\">\n        <rd-widget>\n            <rd-widget-body>\n                <div class=\"widget-icon red pull-left\">\n                    <i class=\"fa fa-tasks\"></i>\n                </div>\n                <div class=\"title\">16</div>\n                <div class=\"comment\">Servers</div>\n            </rd-widget-body>\n        </rd-widget>\n    </div>\n    <div class=\"col-lg-3 col-md-6 col-xs-12\">\n        <rd-widget>\n            <rd-widget-body>\n                <div class=\"widget-icon orange pull-left\">\n                    <i class=\"fa fa-sitemap\"></i>\n                </div>\n                <div class=\"title\">225</div>\n                <div class=\"comment\">Documents</div>\n            </rd-widget-body>\n        </rd-widget>\n    </div>\n    <div class=\"col-lg-3 col-md-6 col-xs-12\">\n        <rd-widget>\n            <rd-widget-body>\n                <div class=\"widget-icon blue pull-left\">\n                    <i class=\"fa fa-support\"></i>\n                </div>\n                <div class=\"title\">62</div>\n                <div class=\"comment\">Tickets</div>\n            </rd-widget-body>\n        </rd-widget>\n    </div>\n</div>\n\n<div class=\"row\">\n    <div class=\"col-lg-6\">\n        <rd-widget>\n            <rd-widget-header icon=\"fa-tasks\" title=\"Servers\">\n                <a href=\"javascript:void(0)\" style=\"float: right\">Manage</a>\n            </rd-widget-header>\n            <rd-widget-body classes=\"medium no-padding\">\n                <server-list-view [model]=\"servers\"></server-list-view>\n            </rd-widget-body>\n        </rd-widget>\n    </div>\n    <div class=\"col-lg-6\">\n        <rd-widget>\n            <rd-widget-header icon=\"fa-users\" title=\"Users\">\n                <input type=\"text\" placeholder=\"Search\" class=\"form-control input-sm\"/>\n            </rd-widget-header>\n            <rd-widget-body classes=\"medium no-padding\">\n                <user-list-view [model]=\"users\"></user-list-view>\n            </rd-widget-body>\n        </rd-widget>\n    </div>\n</div>\n\n<div class=\"row\">\n    <div class=\"col-lg-6\">\n        <rd-widget>\n            <rd-widget-header icon=\"fa-plus\" title=\"Extras\">\n                <button class=\"btn btn-sm btn-info\" style=\"float: right\">Button</button>\n            </rd-widget-header>\n            <rd-widget-body>\n                <div class=\"message\">\n                    This is a standard message which will also work the \".no-padding\" class, I can also <span\n                        class=\"error\">be an error message!</span>\n                </div>\n                <hr/>\n                <div class=\"message\">\n                    <a href=\"http://angular-ui.github.io/bootstrap/\" target=\"_blank\">UI Bootstrap</a> is included, so\n                    you can use\n                    <a href=\"#\" tooltip=\"I'm a tooltip!\">tooltips</a> and all of the other native Bootstrap JS\n                    components!\n                </div>\n            </rd-widget-body>\n        </rd-widget>\n    </div>\n    <div class=\"col-lg-6\">\n        <rd-widget>\n            <rd-widget-header icon=\"fa-cog fa-spin\" title=\"Loading Directive\">\n                <a href=\"http://tobiasahlin.com/spinkit/\" style=\"float: right\" target=\"_blank\">SpinKit</a>\n            </rd-widget-header>\n            <rd-widget-body>\n                <rd-loading></rd-loading>\n            </rd-widget-body>\n        </rd-widget>\n    </div>\n</div>\n"
  },
  {
    "path": "src/app/components/dashboard/dashboard.ts",
    "content": "import {Component} from 'angular2/core';\n\nimport {Alerts} from '../alerts/alerts';\n\nimport {RdLoading} from '../rd-loading/rd-loading';\nimport {RdWidget} from '../rd-widget/rd-widget';\n\nimport {RdWidgetHeader} from '../rd-widget-header/rd-widget-header';\nimport {RdWidgetBody} from '../rd-widget-body/rd-widget-body';\nimport {RdWidgetFooter} from '../rd-widget-footer/rd-widget-footer';\n\nimport {ServerListView} from '../server-list-view/server-list-view';\nimport {ServerListService} from '../../services/server_list';\n\nimport {UserListView} from '../user-list-view/user-list-view';\nimport {UserListService} from '../../services/user_list';\n\n\n@Component({\n    selector: 'dashboard',\n    providers: [ServerListService],\n    templateUrl: 'app/components/dashboard/dashboard.html',\n    styleUrls: ['app/components/dashboard/dashboard.css'],\n    directives: [Alerts, RdWidget, RdWidgetHeader, RdWidgetBody,\n        RdWidgetFooter, RdLoading, ServerListView, UserListView]\n})\nexport class Dashboard {\n    servers:any[];\n    users:any[];\n\n    constructor(private serverListService:ServerListService, private userListService:UserListService) {\n        this.serverListService = serverListService;\n        this.userListService = userListService;\n    }\n\n    ngOnInit() {\n        this.servers = this.serverListService.all();\n        this.users = this.userListService.all();\n    }\n}\n"
  },
  {
    "path": "src/app/components/rd-loading/rd-loading.html",
    "content": "<div class=\"spinner\"></div>\n"
  },
  {
    "path": "src/app/components/rd-loading/rd-loading.ts",
    "content": "import {Component} from 'angular2/core';\n\n@Component({\n  selector: 'rd-loading',\n  templateUrl: 'app/components/rd-loading/rd-loading.html'\n})\nexport class RdLoading {\n\n}\n"
  },
  {
    "path": "src/app/components/rd-widget/rd-widget.html",
    "content": "<div class=\"widget\">\n  <ng-content></ng-content>\n</div>\n"
  },
  {
    "path": "src/app/components/rd-widget/rd-widget.ts",
    "content": "import {Component} from 'angular2/core';\n@Component({\n  selector: 'rd-widget',\n  templateUrl: 'app/components/rd-widget/rd-widget.html'\n})\nexport class RdWidget {\n}\n"
  },
  {
    "path": "src/app/components/rd-widget-body/rd-widget-body.html",
    "content": "<div class=\"widget-body {{classes}}\">\n    <rd-loading *ngIf=\"loading\"></rd-loading>\n    <div *ngIf=\"!loading\" class=\"widget-content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n"
  },
  {
    "path": "src/app/components/rd-widget-body/rd-widget-body.ts",
    "content": "import {Component, Input} from 'angular2/core';\n@Component({\n    selector: 'rd-widget-body',\n    properties: ['loading', 'classes'],\n    templateUrl: 'app/components/rd-widget-body/rd-widget-body.html'\n})\nexport class RdWidgetBody {\n    @Input()\n    loading:boolean;\n\n    @Input()\n    classes:string;\n\n    constructor() {\n        this.loading = false;\n        this.classes = '';\n    }\n}\n"
  },
  {
    "path": "src/app/components/rd-widget-footer/rd-widget-footer.html",
    "content": "<div class=\"widget-footer\">\n  <ng-content></ng-content>\n</div>\n"
  },
  {
    "path": "src/app/components/rd-widget-footer/rd-widget-footer.ts",
    "content": "import {Component} from 'angular2/core';\n\n@Component({\n    selector: 'rd-widget-footer',\n    templateUrl: 'app/components/rd-widget-footer/rd-widget-footer.html'\n})\nexport class RdWidgetFooter {\n}\n"
  },
  {
    "path": "src/app/components/rd-widget-header/rd-widget-header.html",
    "content": "<div class=\"widget-header\">\n  <div class=\"row\">\n    <div class=\"pull-left\"><i class=\"fa {{icon}}\"></i> {{title}}</div>\n    <div class=\"pull-right col-xs-6 col-sm-4\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n"
  },
  {
    "path": "src/app/components/rd-widget-header/rd-widget-header.ts",
    "content": "import {Component, Input} from 'angular2/core';\n\n@Component({\n    selector: 'rd-widget-header',\n    templateUrl: 'app/components/rd-widget-header/rd-widget-header.html'\n})\nexport class RdWidgetHeader {\n    @Input()\n    title:string;\n\n    @Input()\n    icon:string;\n\n    constructor() {\n        this.title = '';\n        this.icon = '';\n    }\n}\n"
  },
  {
    "path": "src/app/components/server-list-view/server-list-view.html",
    "content": "<div class=\"table-responsive\">\n    <table class=\"table\">\n        <tbody>\n\n        <tr *ngFor=\"#server of model\">\n            <td>{{server.name}}</td>\n            <td>{{server.ip}}</td>\n            <td>\n                <span class=\"{{server.tooltipcls}}\"><i\n                        class=\"fa {{server.icon}}\"></i></span></td>\n            <!--tooltip=\"{{serverItem.tooltip}}\"-->\n        </tr>\n\n        </tbody>\n    </table>\n</div>\n"
  },
  {
    "path": "src/app/components/server-list-view/server-list-view.ts",
    "content": "import {Component} from 'angular2/core';\n\n@Component({\n    selector: 'server-list-view',\n    properties: ['model'],\n    templateUrl: 'app/components/server-list-view/server-list-view.html'\n})\nexport class ServerListView {\n\n    model:any[];\n\n    constructor() {\n        this.model = [];\n    }\n}\n"
  },
  {
    "path": "src/app/components/tables/tables.html",
    "content": "<div class=\"row\">\n  <div class=\"col-lg-6\">\n    <rd-widget>\n      <rd-widget-header icon=\"fa-tasks\" title=\"Servers\">\n        <a href=\"#\">Manage</a>\n      </rd-widget-header>\n      <rd-widget-body classes=\"medium no-padding\">\n        <server-list-view [model]=\"servers\"></server-list-view>\n      </rd-widget-body>\n      <rd-widget-footer>\n        <ul class=\"pagination pagination-sm pull-right\">\n          <li><a href=\"#\">&laquo;</a></li>\n          <li><a href=\"#\">1</a></li>\n          <li><a href=\"#\">2</a></li>\n          <li><a href=\"#\">3</a></li>\n          <li><a href=\"#\">4</a></li>\n          <li><a href=\"#\">5</a></li>\n          <li><a href=\"#\">&raquo;</a></li>\n        </ul>\n        <div class=\"clearfix\"></div>\n      </rd-widget-footer>\n    </rd-widget>\n  </div>\n  <div class=\"col-lg-6\">\n    <rd-widget>\n      <rd-widget-header icon=\"fa-tasks\" title=\"Striped Servers\">\n        <a href=\"#\">Manage</a>\n      </rd-widget-header>\n      <rd-widget-body classes=\"medium no-padding\">\n        <server-list-view [model]=\"servers\"></server-list-view>\n      </rd-widget-body>\n      <rd-widget-footer>\n        <ul class=\"pagination pagination-sm pull-right\">\n          <li><a href=\"#\">&laquo;</a></li>\n          <li><a href=\"#\">1</a></li>\n          <li><a href=\"#\">2</a></li>\n          <li><a href=\"#\">3</a></li>\n          <li><a href=\"#\">&raquo;</a></li>\n        </ul>\n        <div class=\"clearfix\"></div>\n      </rd-widget-footer>\n    </rd-widget>\n  </div>\n</div>\n"
  },
  {
    "path": "src/app/components/tables/tables.ts",
    "content": "import {Component} from 'angular2/core';\n\nimport {RdLoading} from '../rd-loading/rd-loading';\nimport {RdWidget} from '../rd-widget/rd-widget';\n\nimport {RdWidgetHeader} from '../rd-widget-header/rd-widget-header';\nimport {RdWidgetBody} from '../rd-widget-body/rd-widget-body';\nimport {RdWidgetFooter} from '../rd-widget-footer/rd-widget-footer';\n\nimport {ServerListView} from '../server-list-view/server-list-view';\nimport {ServerListService} from '../../services/server_list';\n\n\n@Component({\n    selector: 'tables',\n    providers: [ServerListService],\n    templateUrl: 'app/components/tables/tables.html',\n    directives: [RdWidget, RdWidgetHeader, RdWidgetBody, RdWidgetFooter, RdLoading, ServerListView]\n})\nexport class Tables {\n    servers:any[];\n    serverListService:ServerListService;\n\n    constructor(private serverListService:ServerListService) {\n    }\n    \n    ngOnInit() {\n        this.servers = this.serverListService.all();\n    }\n}\n"
  },
  {
    "path": "src/app/components/user-list-view/user-list-view.html",
    "content": "<div class=\"table-responsive\">\n    <table class=\"table\">\n        <thead>\n        <tr>\n            <th class=\"text-center\">ID</th>\n            <th>Username</th>\n            <th>Role</th>\n            <th>Account</th>\n        </tr>\n        </thead>\n        <tbody>\n        <tr *ngFor=\"#user of model\">\n            <td class=\"text-center\">{{user.id}}</td>\n            <td>{{user.name}}</td>\n            <td>{{user.role}}</td>\n            <td>{{user.account}}</td>\n        </tr>\n        </tbody>\n    </table>\n</div>\n"
  },
  {
    "path": "src/app/components/user-list-view/user-list-view.ts",
    "content": "import {Component, Input} from 'angular2/core';\n\n@Component({\n    selector: 'user-list-view',\n    templateUrl: 'app/components/user-list-view/user-list-view.html',\n    directives: []\n})\nexport class UserListView {\n\n    @Input()\n    model:any[];\n\n    constructor() {\n        this.model = [];\n    }\n}\n"
  },
  {
    "path": "src/app/main.css",
    "content": ".spinner {\n  width: 40px;\n  height: 40px;\n  background-color: #333;\n\n  margin: 100px auto;\n  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;\n  animation: sk-rotateplane 1.2s infinite ease-in-out;\n}\n\n@-webkit-keyframes sk-rotateplane {\n  0% { -webkit-transform: perspective(120px) }\n  50% { -webkit-transform: perspective(120px) rotateY(180deg) }\n  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }\n}\n\n@keyframes sk-rotateplane {\n  0% {\n    transform: perspective(120px) rotateX(0deg) rotateY(0deg);\n    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)\n  } 50% {\n      transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);\n      -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)\n    } 100% {\n        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);\n        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);\n      }\n}\n"
  },
  {
    "path": "src/app/main.html",
    "content": "<div id=\"page-wrapper\" [ngClass]=\"{'open': toggle}\">\n\n    <!-- Sidebar -->\n    <div id=\"sidebar-wrapper\">\n        <ul class=\"sidebar\">\n            <li class=\"sidebar-main\">\n                <a (click)=\"toggleSidebar()\">\n                    Dashboard\n                    <span class=\"menu-icon glyphicon glyphicon-transfer\"></span>\n                </a>\n            </li>\n            <li class=\"sidebar-title\"><span>NAVIGATION</span></li>\n            <li class=\"sidebar-list\">\n                <a [routerLink]=\"['Dashboard']\">Dashboard <span class=\"menu-icon fa fa-tachometer\"></span></a>\n            </li>\n            <li class=\"sidebar-list\">\n                <a [routerLink]=\"['Tables']\">Tables <span class=\"menu-icon fa fa-table\"></span></a>\n            </li>\n        </ul>\n        <div class=\"sidebar-footer\">\n            <div class=\"col-xs-4\">\n                <a href=\"https://github.com/ziyasal/rdash-angular2\" target=\"_blank\">\n                    Github\n                </a>\n            </div>\n            <div class=\"col-xs-4\">\n                <a href=\"https://github.com/ziyasal/rdash-angular2/blob/master/README.md\" target=\"_blank\">\n                    About\n                </a>\n            </div>\n            <div class=\"col-xs-4\">\n                <a href=\"javascript:void(0)\">\n                    Support\n                </a>\n            </div>\n        </div>\n    </div>\n    <!-- End Sidebar -->\n\n    <div id=\"content-wrapper\">\n        <div class=\"page-content\">\n\n            <!-- Header Bar -->\n            <div class=\"row header\">\n                <div class=\"col-xs-12\">\n                    <div class=\"user pull-right\">\n                        <div class=\"item dropdown\">\n                            <a href=\"javascript:void(0)\" class=\"dropdown-toggle\" data-toggle=\"dropdown\">\n                                <img src=\"app/public/img/avatar.jpg\">\n                            </a>\n                            <ul class=\"dropdown-menu dropdown-menu-right\">\n                                <li class=\"dropdown-header\">\n                                    Joe Bloggs\n                                </li>\n                                <li class=\"divider\"></li>\n                                <li class=\"link\">\n                                    <a href=\"javascript:void(0)\">\n                                        Profile\n                                    </a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"javascript:void(0)\">\n                                        Menu Item\n                                    </a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"javascript:void(0)\">\n                                        Menu Item\n                                    </a>\n                                </li>\n                                <li class=\"divider\"></li>\n                                <li class=\"link\">\n                                    <a href=\"javascript:void(0)\">\n                                        Logout\n                                    </a>\n                                </li>\n                            </ul>\n                        </div>\n                        <div class=\"item dropdown\">\n                            <a href=\"javascript:void(0)\" class=\"dropdown-toggle\" data-toggle=\"dropdown\">\n                                <i class=\"fa fa-bell-o\"></i>\n                            </a>\n                            <ul class=\"dropdown-menu dropdown-menu-right\">\n                                <li class=\"dropdown-header\">\n                                    Notifications\n                                </li>\n                                <li class=\"divider\"></li>\n                                <li>\n                                    <a href=\"javascript:void(0)\">Server Down!</a>\n                                </li>\n                            </ul>\n                        </div>\n                    </div>\n                    <div class=\"meta\">\n                        <div class=\"page\">\n                            Dashboard\n                        </div>\n                        <div class=\"breadcrumb-links\">\n                            Home / Dashboard\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <!-- End Header Bar -->\n\n            <!--&lt;!&ndash; Main Content &ndash;&gt;-->\n            <router-outlet></router-outlet>\n\n        </div><!-- End Page Content -->\n    </div><!-- End Content Wrapper -->\n</div><!-- End Page Wrapper -->\n"
  },
  {
    "path": "src/app/main.ts",
    "content": "import {Component, bind} from 'angular2/core';\nimport {bootstrap} from 'angular2/platform/browser';\nimport {HTTP_PROVIDERS} from 'angular2/http';\nimport {FORM_PROVIDERS} from 'angular2/common';\nimport {\n    RouteConfig,\n    ROUTER_DIRECTIVES,\n    ROUTER_PROVIDERS,\n    LocationStrategy,\n    HashLocationStrategy\n} from 'angular2/router';\n\nimport {Dashboard} from './components/dashboard/dashboard';\nimport {Tables} from './components/tables/tables';\n\nimport {UserListService} from './services/user_list';\nimport {ServerListService} from './services/server_list';\n\n@RouteConfig([\n    {path: '/', component: Dashboard, name: 'Dashboard'},\n    {path: '/tables', component: Tables, name: 'Tables'}\n])\n@Component({\n    selector: 'app',\n    templateUrl: 'app/main.html',\n    styleUrls: ['app/main.css'],\n    directives: [ROUTER_DIRECTIVES]\n})\nclass Main {\n\n    mobileView:number = 992;\n    toggle:boolean = false;\n\n    constructor() {\n        this.attachEvents();\n    }\n\n    attachEvents() {\n        window.onresize = ()=> {\n            if (this.getWidth() >= this.mobileView) {\n                if (localStorage.getItem('toggle')) {\n                    this.toggle = !localStorage.getItem('toggle') ? false : true;\n                } else {\n                    this.toggle = true;\n                }\n            } else {\n                this.toggle = false;\n            }\n        }\n    }\n\n    getWidth() {\n        return window.innerWidth;\n    }\n\n    toggleSidebar() {\n        this.toggle = !this.toggle;\n        localStorage.setItem('toggle', this.toggle.toString());\n    }\n}\n\nbootstrap(Main, [ROUTER_PROVIDERS, FORM_PROVIDERS,\n    ROUTER_PROVIDERS, HTTP_PROVIDERS, UserListService, ServerListService,\n    bind(LocationStrategy).toClass(HashLocationStrategy)]);\n"
  },
  {
    "path": "src/app/services/server_list.ts",
    "content": "import {Injectable} from \"angular2/core\";\n\n@Injectable()\nexport class ServerListService {\n    servers:any[] = [{\n        name: 'RDVMPC001',\n        ip: '238.103.133.37',\n        'tooltip': '',\n        'tooltipcls': 'text-success',\n        'icon': 'fa-check'\n    },\n        {name: 'RDVMPC002', ip: '68.66.63.170', 'tooltip': '', 'tooltipcls': 'text-success', 'icon': 'fa-check'},\n        {name: 'RDESX003', ip: '209.25.191.61', 'tooltip': '', 'tooltipcls': 'text-success', 'icon': 'fa-check'},\n        {name: 'RDVMPC003', ip: '76.117.212.33', 'tooltip': '', 'tooltipcls': 'text-danger', 'icon': 'fa-warning'},\n        {name: 'RDESX003', ip: '209.25.191.61', 'tooltip': '', 'tooltipcls': 'text-success', 'icon': 'fa-check'},\n        {\n            name: 'RDESX003',\n            ip: '209.25.191.61',\n            'tooltip': 'Could not connect!',\n            'tooltipcls': 'text-warning',\n            'icon': 'fa-flash'\n        },\n        {name: 'RDESX003', ip: '209.25.191.61', 'tooltip': '', 'tooltipcls': 'text-success', 'icon': 'fa-check'},\n        {name: 'RDESX003', ip: '209.25.191.61', 'tooltip': '', 'tooltipcls': 'text-success', 'icon': 'fa-check'},\n        {name: 'RDESX003', ip: '209.25.191.61', 'tooltip': '', 'tooltipcls': 'text-success', 'icon': 'fa-check'},\n        {name: 'RDESX003', ip: '209.25.191.61', 'tooltip': '', 'tooltipcls': 'text-success', 'icon': 'fa-check'}\n    ];\n\n    add(value:any):void {\n        this.servers.push(value);\n    }\n\n    all():any[] {\n        return this.servers;\n    }\n}\n"
  },
  {
    "path": "src/app/services/user_list.ts",
    "content": "\nimport {Injectable} from \"angular2/core\";\n\n@Injectable()\nexport class UserListService {\n  users:any[] = [{\n    id: 1,\n    name: 'Joe Bloggs',\n    role: 'Super Admin',\n    account: 'AZ23045'\n  }, {\n    id: 2,\n    name: 'Timothy Hernandez',\n    role: 'Admin',\n    account: 'AU24783'\n  }, {\n    id: 3,\n    name: 'Joe Bickham',\n    role: 'User',\n    account: 'AM23781'\n  }];\n\n  add(value:any):void {\n    this.users.push(value);\n  }\n\n  all():any[] {\n    return this.users;\n  }\n}\n"
  },
  {
    "path": "src/index.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <base href=\"/src/\">\n    <meta charset=\"utf-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <title>My Angular 2 App</title>\n    <base href=\"<%= APP_BASE %>\">\n    <meta name=\"description\" content=\"\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\n    <!-- build:css lib/css/main.min.css -->\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"../node_modules/bootstrap/dist/css/bootstrap.css\">\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"../node_modules/font-awesome/css/font-awesome.css\">\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"../node_modules/rdash-ui/dist/css/rdash.css\">\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"../src/app/main.css\">\n    <!-- endbuild -->\n\n    <!-- inject:css -->\n    <!-- endinject -->\n</head>\n<body>\n\n\n<app>Loading...</app>\n\n<script src=\"/node_modules/jquery/dist/jquery.js\"></script>\n<script src=\"/node_modules/bootstrap/dist/js/bootstrap.js\"></script>\n\n<script src=\"/node_modules/es6-shim/es6-shim.min.js\"></script>\n<script src=\"/node_modules/systemjs/dist/system-polyfills.js\"></script>\n<script src=\"/node_modules/angular2/es6/dev/src/testing/shims_for_IE.js\"></script>\n\n<script src=\"/node_modules/angular2/bundles/angular2-polyfills.js\"></script>\n<script src=\"/node_modules/systemjs/dist/system.src.js\"></script>\n<script src=\"/node_modules/rxjs/bundles/Rx.js\"></script>\n<script src=\"/node_modules/angular2/bundles/angular2.dev.js\"></script>\n<script src=\"/node_modules/angular2/bundles/http.dev.js\"></script>\n<script src=\"/node_modules/angular2/bundles/router.dev.js\"></script>\n\n<!-- inject:js -->\n<!-- endinject -->\n\n<script src=\"system.config.js\"></script>\n\n</body>\n</html>\n"
  },
  {
    "path": "src/system.config.js",
    "content": "System.config({\n    packages: {\n        app: {\n            format: 'register',\n            defaultExtension: 'js'\n        }\n    }\n});\nSystem.import('app/main')\n    .then(null, console.error.bind(console));"
  },
  {
    "path": "tsconfig.json",
    "content": "{\n  \"compilerOptions\": {\n    \"target\": \"es5\",\n    \"module\": \"system\",\n    \"moduleResolution\": \"node\",\n    \"sourceMap\": true,\n    \"emitDecoratorMetadata\": true,\n    \"experimentalDecorators\": true,\n    \"removeComments\": false,\n    \"noImplicitAny\": true,\n    \"suppressImplicitAnyIndexErrors\": true\n  },\n  \"exclude\": [\n    \"node_modules\",\n    \"typings/main\",\n    \"typings/main.d.ts\"\n  ]\n}"
  },
  {
    "path": "typings.json",
    "content": "{\n  \"ambientDependencies\": {\n    \"es6-shim\": \"github:DefinitelyTyped/DefinitelyTyped/es6-shim/es6-shim.d.ts#7de6c3dd94feaeb21f20054b9f30d5dabc5efabd\"\n  }\n}"
  }
]