webapp/src/app/pages/dashboard/status-card/status-card.component.ts

   1 import { Component, Input } from '@angular/core';
   2
   3 @Component({
   4   selector: 'ngx-status-card',
   5   styleUrls: ['./status-card.component.scss'],
   6   template: `
   7     <nb-card (click)="on = !on" [ngClass]="{'off': !on}">
   8       <div class="icon-container">
   9         <div class="icon {{ type }}">
  10           <ng-content></ng-content>
  11         </div>
  12       </div>
  13
  14       <div class="details">
  15         <div class="title">{{ title }}</div>
  16         <div class="status">{{ on ? 'ON' : 'OFF' }}</div>
  17       </div>
  18     </nb-card>
  19   `,
  20 })
  21 export class StatusCardComponent {
  22
  23   @Input() title: string;
  24   @Input() type: string;
  25   @Input() on = true;
  26 }