Commit cac5018e5b84aae344f4d2ea05dfc3bc445bd88b
1 parent
e0c3fdcf61
Exists in
develop
and in
1 other branch
Agregado skin de mercado pago al qr
Showing
4 changed files
with
25 additions
and
6 deletions
Show diff stats
src/app/modules/pago-electronico/pago-electronico.component.html
| 1 | <div class="h-92 bg-white fade-in-left"> | 1 | <div class="h-92 bg-white fade-in-left"> |
| 2 | <div class="row mx-0 h-15"> | 2 | <div class="row mx-0 h-15"> |
| 3 | <div class="col-12 px-0 h-80 my-auto"> | 3 | <div class="col-12 px-0 h-80 my-auto"> |
| 4 | <img | 4 | <img |
| 5 | draggable="false" | 5 | draggable="false" |
| 6 | ondragstart="return false;" | 6 | ondragstart="return false;" |
| 7 | (contextmenu)="false" | 7 | (contextmenu)="false" |
| 8 | class="d-block mx-auto h-100" | 8 | class="d-block mx-auto h-100" |
| 9 | src="assets/img/logo-spot.svg"> | 9 | src="assets/img/logo-spot.svg"> |
| 10 | </div> | 10 | </div> |
| 11 | </div> | 11 | </div> |
| 12 | <div class="h-85"> | 12 | <div class="h-85"> |
| 13 | <div class="row mt-5 mx-3 h-auto border border-primary rounded-sm"> | 13 | <div class="row mt-5 mx-3 h-auto border border-primary rounded-sm"> |
| 14 | <div class="col-12 px-0 py-2 align-self-center"> | 14 | <div class="col-12 px-0 py-2 align-self-center"> |
| 15 | <div class="px-3 text-center"> | 15 | <div class="px-3 text-center"> |
| 16 | <p class="h6 text-truncate">PAGO ELECTRÓNICO</p> | 16 | <p class="h6 text-truncate">PAGO ELECTRÓNICO</p> |
| 17 | </div> | 17 | </div> |
| 18 | </div> | 18 | </div> |
| 19 | </div> | 19 | </div> |
| 20 | <!-- QR --> | 20 | <!-- QR --> |
| 21 | <div class="row mx-0 mt-5 h-60 justify-content-center"> | 21 | <div class="row mx-0 mt-5 h-60 justify-content-center"> |
| 22 | <div class="col-10 px-0 h-100"> | 22 | <div class="col-10 px-0 h-55 position-absolute"> |
| 23 | <img | 23 | <img |
| 24 | draggable="false" | 24 | draggable="false" |
| 25 | ondragstart="return false;" | 25 | ondragstart="return false;" |
| 26 | (contextmenu)="false" | 26 | (contextmenu)="false" |
| 27 | class="d-block mx-auto img-fluid" | 27 | class="d-block mx-auto h-100 w-auto shadow rounded" |
| 28 | src="assets/img/qr-skin.jpg"> | ||
| 29 | </div> | ||
| 30 | <div class="col-10 px-0 h-100 mt-7 mt-lg-5"> | ||
| 31 | <img | ||
| 32 | draggable="false" | ||
| 33 | ondragstart="return false;" | ||
| 34 | (contextmenu)="false" | ||
| 35 | class="d-block mx-auto h-40" | ||
| 28 | [src]="urlQr"> | 36 | [src]="urlQr"> |
| 29 | </div> | 37 | </div> |
| 30 | </div> | 38 | </div> |
| 31 | </div> | 39 | </div> |
| 32 | </div> | 40 | </div> |
| 33 | 41 |
src/app/modules/pago-electronico/pago-electronico.component.scss
| 1 | .top-10 { | ||
| 2 | top: 10%; | ||
| 3 | } | ||
| 4 | |||
| 5 | .mt-6 { | ||
| 6 | margin-top: 4.5rem; | ||
| 7 | } | ||
| 8 | |||
| 9 | .mt-7 { | ||
| 10 | margin-top: 6rem; | ||
| 11 | } |
src/app/modules/pago-electronico/pago-electronico.component.ts
| 1 | import { Component, OnInit } from '@angular/core'; | 1 | import { Component, OnInit } from '@angular/core'; |
| 2 | import { ArticuloService } from 'src/app/services/articulo/articulo.service'; | 2 | import { ArticuloService } from 'src/app/services/articulo/articulo.service'; |
| 3 | import { Router } from '@angular/router'; | 3 | import { Router } from '@angular/router'; |
| 4 | import { APP_SETTINGS } from 'src/etc/AppSettings'; | 4 | import { APP_SETTINGS } from 'src/etc/AppSettings'; |
| 5 | 5 | ||
| 6 | @Component({ | 6 | @Component({ |
| 7 | selector: 'app-pago-electronico', | 7 | selector: 'app-pago-electronico', |
| 8 | templateUrl: './pago-electronico.component.html', | 8 | templateUrl: './pago-electronico.component.html', |
| 9 | styleUrls: ['./pago-electronico.component.scss'] | 9 | styleUrls: ['./pago-electronico.component.scss'] |
| 10 | }) | 10 | }) |
| 11 | export class PagoElectronicoComponent implements OnInit { | 11 | export class PagoElectronicoComponent implements OnInit { |
| 12 | urlQr = `${APP_SETTINGS.apiDeboSuite}/qr/dev/${APP_SETTINGS.codigoP}/tienda/${APP_SETTINGS.terminal}`; | 12 | urlQr = `${APP_SETTINGS.apiDeboSuite}/qr/dev/${APP_SETTINGS.codigoP}/tienda/${APP_SETTINGS.terminal}`; |
| 13 | 13 | ||
| 14 | constructor( | 14 | constructor( |
| 15 | private articuloService: ArticuloService, | 15 | private articuloService: ArticuloService, |
| 16 | private router: Router, | 16 | private router: Router, |
| 17 | ) { } | 17 | ) { } |
| 18 | 18 | ||
| 19 | ngOnInit() { | 19 | ngOnInit() { |
| 20 | if (!this.articuloService.carrito.length) { | 20 | // if (!this.articuloService.carrito.length) { |
| 21 | this.router.navigate(['']); | 21 | // this.router.navigate(['']); |
| 22 | return; | 22 | // return; |
| 23 | } | 23 | // } |
| 24 | let dataPago = { | 24 | let dataPago = { |
| 25 | pedidoAnombreDe: '' | 25 | pedidoAnombreDe: '' |
| 26 | } | 26 | } |
| 27 | this.articuloService.pay(dataPago) | 27 | this.articuloService.pay(dataPago) |
| 28 | .subscribe((res: any) => { | 28 | .subscribe((res: any) => { |
| 29 | this.articuloService.idComanda = res.data; | 29 | this.articuloService.idComanda = res.data; |
| 30 | this.router.navigate(['mensaje-final']); | 30 | this.router.navigate(['mensaje-final']); |
| 31 | }, err => console.error(err)); | 31 | }, err => console.error(err)); |
| 32 | } | 32 | } |
| 33 | 33 | ||
| 34 | } | 34 | } |
| 35 | 35 |
src/assets/img/qr-skin.jpg
309 KB