Ontica/Empiria.Land.Intranet

/**
 * @license
 * Copyright (c) La Vía Óntica SC, Ontica LLC and contributors. All rights reserved.
 *
 * See LICENSE.txt in the project root for complete license information.
 */

import { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges } from '@angular/core';

import { CurrencyPipe } from '@angular/common';

import { MatTableDataSource } from '@angular/material/table';

import { EventInfo } from '@app/core';

import { RequestedService } from '@app/models';

import { MessageBoxService } from '@app/shared/containers/message-box';

import { sendEvent } from '@app/shared/utils';

export enum RequestedServiceListEventType {
  DELETE_REQUESTED_SERVICE_CLICKED = 'RequestedServiceListComponent.Event.DeleteRequestedServiceClicked',
}

@Component({
  selector: 'emp-land-requested-service-list',
  templateUrl: './requested-service-list.component.html',
})
export class RequestedServiceListComponent implements OnChanges {

  @Input() requestedServices: RequestedService[] = [];

  @Input() canDelete = true;

  @Output() requestedServiceListEvent = new EventEmitter<EventInfo>();

  dataSource: MatTableDataSource<RequestedService>;

  private displayedColumnsDefault = ['number', 'typeName', 'taxableBase', 'quantity', 'unitName',
                                     'legalBasis', 'notes', 'treasuryCode', 'subtotal'];

  displayedColumns = [...this.displayedColumnsDefault];


  constructor(private messageBox: MessageBoxService,
              private currencyPipe: CurrencyPipe) { }


  ngOnChanges(changes: SimpleChanges) {
    if (changes.requestedServices) {
      this.dataSource = new MatTableDataSource(this.requestedServices);
    }

    this.resetColumns();
  }


  removeService(service: RequestedService) {
    const message = `Esta operación eliminará el concepto
      <strong>${service.typeName}</strong> con importe de
      <strong>${this.currencyPipe.transform(service.subtotal)}</strong>.
      <br><br>¿Elimino el concepto?`;

    this.messageBox.confirm(message, 'Eliminar concepto', 'DeleteCancel')
      .firstValue()
      .then(x => {
        if (x) {
          sendEvent(this.requestedServiceListEvent,
            RequestedServiceListEventType.DELETE_REQUESTED_SERVICE_CLICKED, service.uid);
        }
      });
  }


  private resetColumns() {
    this.displayedColumns = [...this.displayedColumnsDefault];

    if (this.canDelete) {
      this.displayedColumns.push('action');
    }
  }

}