Commit de74bac2091a443fdcb96e94e0652cf070af596f
1 parent
ef0bec644a
Exists in
master
confirmacion de pago
Showing
4 changed files
with
89 additions
and
0 deletions
Show diff stats
src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
| File was created | 1 | <app-header></app-header> | |
| 2 | <div class="row"> | ||
| 3 | <div class="col-10"> | ||
| 4 | |||
| 5 | <!-- NOMBRE DE SECCION --> | ||
| 6 | <div class="row m-0"> | ||
| 7 | <div class="col-12 p-0"> | ||
| 8 | <p class="h5 py-1 bg-light text-muted text-center">Pago <i class="fa fa-usd"></i></p> | ||
| 9 | </div> | ||
| 10 | </div> | ||
| 11 | |||
| 12 | <div class="row m-4 d-flex align-items-center"> | ||
| 13 | <div class="col-4"> | ||
| 14 | <h1>Mi Compra <i class="fa fa-shopping-cart "></i></h1> | ||
| 15 | </div> | ||
| 16 | <div class="col-8"> | ||
| 17 | <h2>¿Desea finalizar su compra?</h2> | ||
| 18 | <h3>Por favor, controle y confirme su compra.</h3> | ||
| 19 | </div> | ||
| 20 | <div class="col-sm-7"> | ||
| 21 | |||
| 22 | <div class="row pr-3 vh-50 overflow-scroll"> | ||
| 23 | <div | ||
| 24 | class="col-4 p-2" | ||
| 25 | *ngFor="let producto of productos"> | ||
| 26 | <div class="card card-effect bg-white rounded-sm shadow border-0"> | ||
| 27 | <img src="../../../assets/img/descarga.jpg" class="card-img-top w-75 m-auto"> | ||
| 28 | <div class="card-body"> | ||
| 29 | <p class="h5 text-left m-0">{{producto.variable}}</p> | ||
| 30 | <div class="text-left"> | ||
| 31 | <p class="m-0"><small>ASDASDSADASDSA</small></p> | ||
| 32 | <p class="m-0"><small>COD. 1222</small></p> | ||
| 33 | <p class="m-0"><strong>$ 563</strong></p> | ||
| 34 | </div> | ||
| 35 | </div> | ||
| 36 | </div> | ||
| 37 | </div> | ||
| 38 | </div> | ||
| 39 | </div> | ||
| 40 | <div class="col-sm-5"> | ||
| 41 | <h3>TOTAL: $553</h3> | ||
| 42 | </div> | ||
| 43 | </div> | ||
| 44 | |||
| 45 | <!-- SIDEBAR --> | ||
| 46 | </div> | ||
| 47 | <app-sidebar class="col-3 col-md-2 vh-100 bg-dark text-white"></app-sidebar> | ||
| 48 | </div> | ||
| 49 |
src/app/components/confirmacion-carrito/confirmacion-carrito.component.scss
src/app/components/confirmacion-carrito/confirmacion-carrito.component.spec.ts
| File was created | 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; | |
| 2 | |||
| 3 | import { ConfirmacionCarritoComponent } from './confirmacion-carrito.component'; | ||
| 4 | |||
| 5 | describe('ConfirmacionCarritoComponent', () => { | ||
| 6 | let component: ConfirmacionCarritoComponent; | ||
| 7 | let fixture: ComponentFixture<ConfirmacionCarritoComponent>; | ||
| 8 | |||
| 9 | beforeEach(async(() => { | ||
| 10 | TestBed.configureTestingModule({ | ||
| 11 | declarations: [ ConfirmacionCarritoComponent ] | ||
| 12 | }) | ||
| 13 | .compileComponents(); | ||
| 14 | })); | ||
| 15 | |||
| 16 | beforeEach(() => { | ||
| 17 | fixture = TestBed.createComponent(ConfirmacionCarritoComponent); | ||
| 18 | component = fixture.componentInstance; | ||
| 19 | fixture.detectChanges(); | ||
| 20 | }); | ||
| 21 | |||
| 22 | it('should create', () => { | ||
| 23 | expect(component).toBeTruthy(); | ||
| 24 | }); | ||
| 25 | }); | ||
| 26 |
src/app/components/confirmacion-carrito/confirmacion-carrito.component.ts
| File was created | 1 | import { Component, OnInit } from '@angular/core'; | |
| 2 | |||
| 3 | @Component({ | ||
| 4 | selector: 'app-confirmacion-carrito', | ||
| 5 | templateUrl: './confirmacion-carrito.component.html', | ||
| 6 | styleUrls: ['./confirmacion-carrito.component.scss'] | ||
| 7 | }) | ||
| 8 | export class ConfirmacionCarritoComponent implements OnInit { | ||
| 9 | |||
| 10 | productos = [{}, {}, {}] | ||
| 11 | constructor() { } | ||
| 12 | |||
| 13 | ngOnInit() { | ||
| 14 | } | ||
| 15 | |||
| 16 | } | ||
| 17 |