]>
Commit | Line | Data |
---|---|---|
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 | ||
18 | getTitle () { | |
19 | return this.title || this.label | |
20 | } | |
21 | ||
22 | getClasses () { | |
23 | return { | |
24 | [this.className]: true, | |
25 | disabled: this.disabled | |
26 | } | |
27 | } | |
28 | } |