pago-tarjeta.component.ts 1.48 KB
import { Component, OnInit, OnDestroy } from '@angular/core';
import { ArticuloService } from 'src/app/services/articulo/articulo.service';
import { Router } from '@angular/router';
import { BsModalService } from 'ngx-bootstrap/modal';
import { ErrorFormaPagoComponent } from 'src/app/shared/error-forma-pago/error-forma-pago.component';

@Component({
  selector: 'app-pago-tarjeta',
  templateUrl: './pago-tarjeta.component.html',
  styleUrls: ['./pago-tarjeta.component.scss']
})
export class PagoTarjetaComponent implements OnInit, OnDestroy {

  constructor(
    private articuloService: ArticuloService,
    private router: Router,
    private modalService: BsModalService,
  ) { }

  ngOnInit() {
    if (!this.articuloService.carrito.length) {
      this.router.navigate(['']);
      return;
    }
    const dataPago = {
      pedidoAnombreDe: ''
    };
    this.articuloService.pay(dataPago)
      .subscribe((res: any) => {
        this.articuloService.idComanda = res.data;
        this.router.navigate(['mensaje-final']);
      }, (err) => {
        this.modalService.show(ErrorFormaPagoComponent, {
          class: 'modal-lg modal-dialog-centered',
          ignoreBackdropClick: true,
        });
      });
    this.mediaPantalla();
  }

  ngOnDestroy() {
    for (let i = 1; i <= this.modalService.getModalsCount(); i++) {
      this.modalService.hide(i);
    }
  }

  mediaPantalla() {
    if ($('body').hasClass('media-pantalla')) {
      $('.pago-tarjeta').addClass('media-pantalla');
    }
  }
}