-import { Component, Input } from '@angular/core'
+import { Component, Input, OnInit } from '@angular/core'
@Component({
selector: 'my-edit-button',
styleUrls: [ './button.component.scss' ],
templateUrl: './edit-button.component.html'
})
-
-export class EditButtonComponent {
+export class EditButtonComponent implements OnInit {
@Input() label: string
+ @Input() title: string
@Input() routerLink: string[] | string = []
+ @Input() responsiveLabel = false
+
+ ngOnInit () {
+ // <my-edit-button /> No label
+ if (this.label === undefined && !this.title) {
+ this.title = $localize`Update`
+ }
+
+ // <my-edit-button label /> Use default label
+ if (this.label === '') {
+ this.label = $localize`Update`
+
+ if (!this.title) {
+ this.title = this.label
+ }
+ }
+ }
}