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

   1 import { Component, Input } 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 {
  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   getClasses () {
  21     return {
  22       [this.className]: true,
  23       disabled: this.disabled,
  24       'icon-only': !this.label,
  25       'has-icon': !!this.icon,
  26       'responsive-label': this.responsiveLabel
  27     }
  28   }
  29 }