Refactor button components

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-main / buttons / delete-button.component.ts

import { Component, Input, OnInit } from '@angular/core'

@Component({
  selector: 'my-delete-button',
  template: `
  <my-button icon="delete" className="grey-button" [label]="label" [title]="title" [responsiveLabel]="responsiveLabel"></my-button>
  `
})
export class DeleteButtonComponent implements OnInit {
  @Input() label: string
  @Input() title: string
  @Input() responsiveLabel = false

  ngOnInit () {
    if (this.label === undefined && !this.title) {
      this.title = $localize`Delete`
    }

    // <my-delete-button label /> Use default label
    if (this.label === '') {
      this.label = $localize`Delete`
    }
  }
}