Decorators / Tweet 3 / 08/03/2021

confirm.decorator.ts

/**
 * Confirm Action
 *
 * Keep it Simple Sir
 *
 * @param message
 */
export function Confirm(message: string) {
  /**
   * @param target é a classe, no nosso claso o componente ListaComponent
   * @param key é o método qual o decorator está interceptando
   * @param descriptor pode ser usado para observar, modificar ou substituir as definições de um acessador
   */
  return function (
    target: Object,
    key: string | symbol,
    descriptor: PropertyDescriptor
  ) {
    const original = descriptor.value

    descriptor.value = function (...args: any[]) {
      const result = window.confirm(message)

      if (result) {
        return original.apply(this, args)
      }
      return null
    }

    return descriptor
  }
}

part-of-component.ts

@Confirm('Remover usuário?')
onRemove(user: User) {
  
  this._server.deleteUser(user.id)
    .pipe(takeUntil(this._destroy))
    .subscribe(
      () => this._server.loadUsers(),
      (err) => this._error.next(err)
    )
}