client/src/app/shared/shared-main/buttons/button.component.ts

   1 import { Component, Input, OnChanges } from '@angular/core'
   2 import { GlobalIconName } from '@app/shared/shared-icons'
   3
   4 @Component({
   5   selector: 'my-button',
   6   styleUrls: [ './button.component.scss' ],
   7   templateUrl: './button.component.html'
   8 })
   9
  10 export class ButtonComponent implements OnChanges {
  11   @Input() label = ''
  12   @Input() className = 'grey-button'
  13   @Input() icon: GlobalIconName = undefined
  14   @Input() routerLink: string[] | string
  15   @Input() title: string = undefined
  16   @Input() loading = false
  17   @Input() disabled = false
  18   @Input() responsiveLabel = false
  19
  20   classes: { [id: string]: boolean } = {}
  21
  22   ngOnChanges () {
  23     this.classes = {
  24       [this.className]: true,
  25       disabled: this.disabled,
  26       'icon-only': !this.label,
  27       'has-icon': !!this.icon,
  28       'responsive-label': this.responsiveLabel
  29     }
  30   }
  31 }