mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-12-16 23:40:14 +01:00
feat(dashboard): add status cards
This commit is contained in:
parent
e6f691f32c
commit
2783671f17
3 changed files with 96 additions and 87 deletions
|
|
@ -2,93 +2,14 @@ import { Component } from '@angular/core';
|
|||
|
||||
@Component({
|
||||
selector: 'ngx-dashboard',
|
||||
template: `
|
||||
<nga-card>
|
||||
<nga-card-header>Test card</nga-card-header>
|
||||
<nga-card-body>Some Body</nga-card-body>
|
||||
<nga-card-footer>Super Footer</nga-card-footer>
|
||||
</nga-card>
|
||||
<nga-card>
|
||||
<nga-card-header>Test card</nga-card-header>
|
||||
<nga-card-body>Some Body</nga-card-body>
|
||||
<nga-card-footer>Super Footer</nga-card-footer>
|
||||
</nga-card>
|
||||
<nga-card>
|
||||
<nga-card-header>Test card</nga-card-header>
|
||||
<nga-card-body>Some Body</nga-card-body>
|
||||
<nga-card-footer>Super Footer</nga-card-footer>
|
||||
</nga-card>
|
||||
<nga-card>
|
||||
<nga-card-header>Test card</nga-card-header>
|
||||
<nga-card-body>Some Body</nga-card-body>
|
||||
<nga-card-footer>Super Footer</nga-card-footer>
|
||||
</nga-card>
|
||||
<nga-card>
|
||||
<nga-card-header>Test card</nga-card-header>
|
||||
<nga-card-body>Some Body</nga-card-body>
|
||||
<nga-card-footer>Super Footer</nga-card-footer>
|
||||
</nga-card>
|
||||
<nga-card>
|
||||
<nga-card-header>Test card</nga-card-header>
|
||||
<nga-card-body>Some Body</nga-card-body>
|
||||
<nga-card-footer>Super Footer</nga-card-footer>
|
||||
</nga-card>
|
||||
<nga-card>
|
||||
<nga-card-header>Test card</nga-card-header>
|
||||
<nga-card-body>Some Body</nga-card-body>
|
||||
<nga-card-footer>Super Footer</nga-card-footer>
|
||||
</nga-card>
|
||||
<nga-card>
|
||||
<nga-card-header>Test card</nga-card-header>
|
||||
<nga-card-body>Some Body</nga-card-body>
|
||||
<nga-card-footer>Super Footer</nga-card-footer>
|
||||
</nga-card>
|
||||
<nga-card>
|
||||
<nga-card-header>Test card</nga-card-header>
|
||||
<nga-card-body>Some Body</nga-card-body>
|
||||
<nga-card-footer>Super Footer</nga-card-footer>
|
||||
</nga-card>
|
||||
<nga-card>
|
||||
<nga-card-header>Test card</nga-card-header>
|
||||
<nga-card-body>Some Body</nga-card-body>
|
||||
<nga-card-footer>Super Footer</nga-card-footer>
|
||||
</nga-card>
|
||||
<nga-card>
|
||||
<nga-card-header>Test card</nga-card-header>
|
||||
<nga-card-body>Some Body</nga-card-body>
|
||||
<nga-card-footer>Super Footer</nga-card-footer>
|
||||
</nga-card>
|
||||
<nga-card>
|
||||
<nga-card-header>Test card</nga-card-header>
|
||||
<nga-card-body>Some Body</nga-card-body>
|
||||
<nga-card-footer>Super Footer</nga-card-footer>
|
||||
</nga-card>
|
||||
<nga-card>
|
||||
<nga-card-header>Test card</nga-card-header>
|
||||
<nga-card-body>Some Body</nga-card-body>
|
||||
<nga-card-footer>Super Footer</nga-card-footer>
|
||||
</nga-card>
|
||||
<nga-card>
|
||||
<nga-card-header>Test card</nga-card-header>
|
||||
<nga-card-body>Some Body</nga-card-body>
|
||||
<nga-card-footer>Super Footer</nga-card-footer>
|
||||
</nga-card>
|
||||
<nga-card>
|
||||
<nga-card-header>Test card</nga-card-header>
|
||||
<nga-card-body>Some Body</nga-card-body>
|
||||
<nga-card-footer>Super Footer</nga-card-footer>
|
||||
</nga-card>
|
||||
<nga-card>
|
||||
<nga-card-header>Test card</nga-card-header>
|
||||
<nga-card-body>Some Body</nga-card-body>
|
||||
<nga-card-footer>Super Footer</nga-card-footer>
|
||||
</nga-card>
|
||||
<nga-card>
|
||||
<nga-card-header>Test card</nga-card-header>
|
||||
<nga-card-body>Some Body</nga-card-body>
|
||||
<nga-card-footer>Super Footer</nga-card-footer>
|
||||
</nga-card>
|
||||
`,
|
||||
styleUrls: ['./dashboard.component.scss'],
|
||||
templateUrl: './dashboard.component.html',
|
||||
})
|
||||
export class DashboardComponent {
|
||||
statusCards = [
|
||||
{ title: 'Light', on: true, type: 'primary', icon: 'ion-ios-game-controller-b-outline' },
|
||||
{ title: 'RollerShades', on: false, type: 'success', icon: 'ion-ios-game-controller-b-outline' },
|
||||
{ title: 'Wireless Audio', on: true, type: 'info', icon: 'ion-ios-game-controller-b-outline' },
|
||||
{ title: 'Coffee Maker', on: false, type: 'warning', icon: 'ion-ios-game-controller-b-outline' },
|
||||
];
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue