### File

`src/app/shared/modules/stat/stat.component.ts`

### Implements

`OnInit`

### Metadata

selector | `app-stat`
styleUrls | `stat.component.scss`
templateUrl | `./stat.component.html`

### Index

###### Methods
ngOnInit
###### Inputs
bgClass count data icon label url
###### Outputs
event

### Constructor

`constructor()`
Defined in src/app/shared/modules/stat/stat.component.ts:15

### Inputs

`bgClass` | Type: `string`
Defined in src/app/shared/modules/stat/stat.component.ts:9

`count` | Type: `number`
Defined in src/app/shared/modules/stat/stat.component.ts:11

`data` | Type: `number`
Defined in src/app/shared/modules/stat/stat.component.ts:13

`icon` | Type: `string`
Defined in src/app/shared/modules/stat/stat.component.ts:10

`label` | Type: `string`
Defined in src/app/shared/modules/stat/stat.component.ts:12

`url` | Type: `string`
Defined in src/app/shared/modules/stat/stat.component.ts:14

### Outputs

`event` | `$event` type: `EventEmitter<any>`
Defined in src/app/shared/modules/stat/stat.component.ts:15

### Methods

ngOnInit
`ngOnInit()`
Defined in src/app/shared/modules/stat/stat.component.ts:19
Returns : `void`

    import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';

    @Component({
        selector: 'app-stat',
        templateUrl: './stat.component.html',
        styleUrls: ['./stat.component.scss']
    })
    export class StatComponent implements OnInit {
        @Input() bgClass: string;
        @Input() icon: string;
        @Input() count: number;
        @Input() label: string;
        @Input() data: number;
        @Input() url: string;
        @Output() event: EventEmitter<any> = new EventEmitter();

        constructor() { }

        ngOnInit() {}
    }

    <div class="card card-inverse {{bgClass}}">
        <div class="card-header">
            <div class="row">
                <div class="col col-xs-3">
                    <i class="fa {{icon}} fa-5x"></i>
                </div>
                <div class="col col-xs-9 text-right">
                    <div class="d-block huge">{{count}}</div>
                    <div class="d-block"><h4><b>{{label}}</b></h4></div>
                </div>
            </div>
        </div>
        <div class="card-footer">
            <span class="float-left">{{data}}</span>
            <a href={{url}} class="float-right card-inverse">
                <span ><i class="fa fa-arrow-circle-right"></i></span>
            </a>
        </div>
    </div>

Legend
Html element
Component
Html element with directive

# results matching ""

# No results matching ""