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() title: string = undefined
  15   @Input() loading = false
  16   @Input() disabled = false
  17   @Input() responsiveLabel = false
  18
  19   getTitle () {
  20     return this.title || this.label
  21   }
  22
  23   getClasses () {
  24     return {
  25       [this.className]: true,
  26       disabled: this.disabled,
  27       'responsive-label': this.responsiveLabel
  28     }
  29   }
  30 }