Mauricio Cattafi / autoservicio

Download as
Browse Code »

Commit 683b075faf94a284863acc176271f803b7c7cf06

Authored by Marcelo Puebla
1 parent b3cda1daaf
Exists in master and in 1 other branch validar_pve

Agregada funcion para regresar a la pagina previa.

Showing 2 changed files with 12 additions and 4 deletions   Show diff stats
src/app/components/cancelar-compra/cancelar-compra.component.html
Diff comments   View file @ 683b075
1 <div class="container-fluid background-image"> 1 <div class="container-fluid background-image">
2 <div class="row"> 2 <div class="row">
3 <div class="col p-0"> 3 <div class="col p-0">
4 <div class="vh-100 d-flex align-content-strech flex-wrap disable-user-select"> 4 <div class="vh-100 d-flex align-content-strech flex-wrap disable-user-select">
5 5
6 <!-- HEADER --> 6 <!-- HEADER -->
7 <div class="row m-0 w-100 bg-primary-gradient-horizontal"> 7 <div class="row m-0 w-100 bg-primary-gradient-horizontal">
8 <div class="col-6 bg-white rounded-bottom-right"> 8 <div class="col-6 bg-white rounded-bottom-right">
9 <div class="row h-100"> 9 <div class="row h-100">
10 <div class="col d-flex align-items-center"> 10 <div class="col d-flex align-items-center">
11 <img class="w-25 mx-auto d-block" src="{{apiUrl}}/imagenes/logoaxion.png"> 11 <img class="w-25 mx-auto d-block" src="{{apiUrl}}/imagenes/logoaxion.png">
12 </div> 12 </div>
13 </div> 13 </div>
14 </div> 14 </div>
15 </div> 15 </div>
16 16
17 <!-- INFO DE BIENVENIDA --> 17 <!-- INFO -->
18 <div class="row w-100"> 18 <div class="row m-0 w-100">
19 <div class="col-4 offset-2"> 19 <div class="col-4 offset-2">
20 <div class="row h-100"> 20 <div class="row h-100">
21 <div class="col-12 py-4"> 21 <div class="col-12 py-4">
22 <div class="card h-100 rounded"> 22 <div class="card h-100 rounded">
23 <img src="{{apiUrl}}/imagenes/atencion.svg" class="w-50 mx-auto my-auto"> 23 <img src="{{apiUrl}}/imagenes/atencion.svg" class="w-50 mx-auto my-auto">
24 <div class="my-auto"> 24 <div class="my-auto">
25 <p class="display-3 card-text text-center font-weight-bold"> 25 <p class="display-3 card-text text-center font-weight-bold">
26 Atención 26 Atención
27 </p> 27 </p>
28 </div> 28 </div>
29 </div> 29 </div>
30 </div> 30 </div>
31 </div> 31 </div>
32 </div> 32 </div>
33 <div class="col-6 text-center text-white my-auto"> 33 <div class="col-6 text-center text-white my-auto">
34 <p class="display-3 font-weight-bold mb-5"> 34 <p class="display-3 font-weight-bold mb-5">
35 Usted esta a punto<br>de cancelar su compra 35 Usted esta a punto<br>de cancelar su compra
36 </p> 36 </p>
37 <p class="display-4 m-0"> 37 <p class="display-4 m-0">
38 Perderá los datos y<br>productos ya ingresados 38 Perderá los datos y<br>productos ya ingresados
39 </p> 39 </p>
40 <div class="d-flex justify-content-center mt-2"> 40 <div class="d-flex justify-content-center mt-2">
41 <button type="button" class="btn btn-lg btn-light shadow mr-4"> 41 <button
42 type="button"
43 class="btn btn-lg btn-light shadow mr-4"
44 (click)="volverPreviousPage()">
42 <span class="pr-2">Volver a mi compra</span> 45 <span class="pr-2">Volver a mi compra</span>
43 <i class="fa fa-undo text-warning"></i> 46 <i class="fa fa-undo text-warning"></i>
44 </button> 47 </button>
45 <button type="button" class="btn btn-lg btn-light shadow ml-4"> 48 <button type="button" class="btn btn-lg btn-light shadow ml-4">
46 <span class="pr-2">Si, terminar</span> 49 <span class="pr-2">Si, terminar</span>
47 <i class="fa fa-times text-danger"></i> 50 <i class="fa fa-times text-danger"></i>
48 </button> 51 </button>
49 </div> 52 </div>
50 </div> 53 </div>
51 </div> 54 </div>
52 55
53 <!-- FOOTER --> 56 <!-- FOOTER -->
54 <div class="row m-0 w-100 bg-gray"> 57 <div class="row m-0 w-100 bg-gray">
55 <div class="col-6 bg-white offset-6 rounded-top-left"> 58 <div class="col-6 bg-white offset-6 rounded-top-left">
56 <div class="row h-100"> 59 <div class="row h-100">
57 <div class="col d-flex align-items-center"> 60 <div class="col d-flex align-items-center">
58 <img class="w-25 mx-auto d-block" src="{{apiUrl}}/imagenes/logodebo.png"> 61 <img class="w-25 mx-auto d-block" src="{{apiUrl}}/imagenes/logodebo.png">
59 </div> 62 </div>
60 </div> 63 </div>
61 </div> 64 </div>
62 </div> 65 </div>
63 66
64 </div> 67 </div>
65 </div> 68 </div>
66 </div> 69 </div>
67 </div> 70 </div>
68 71
src/app/components/cancelar-compra/cancelar-compra.component.ts
Diff comments   View file @ 683b075
1 import { Component, OnInit } from '@angular/core'; 1 import { Component, OnInit } from '@angular/core';
2 import { appSettings } from 'src/etc/AppSettings'; 2 import { appSettings } from 'src/etc/AppSettings';
3 import { Location } from '@angular/common';
3 4
4 @Component({ 5 @Component({
5 selector: 'app-cancelar-compra', 6 selector: 'app-cancelar-compra',
6 templateUrl: './cancelar-compra.component.html', 7 templateUrl: './cancelar-compra.component.html',
7 styleUrls: ['./cancelar-compra.component.scss'] 8 styleUrls: ['./cancelar-compra.component.scss']
8 }) 9 })
9 export class CancelarCompraComponent implements OnInit { 10 export class CancelarCompraComponent implements OnInit {
10 11
11 private apiUrl: string = appSettings.apiUrl; 12 private apiUrl: string = appSettings.apiUrl;
12 13
13 constructor() { } 14 constructor(private location: Location) { }
14 15
15 ngOnInit() { 16 ngOnInit() {
16 } 17 }
17 18
19 volverPreviousPage() {
20 this.location.back();
21 }
22
18 } 23 }
19 24