confirmacion de pago

Eric Fernandez
1 parent ef0bec644a
Showing 4 changed files with 89 additions and 0 deletions Show diff stats
src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
src/app/components/confirmacion-carrito/confirmacion-carrito.component.scss
src/app/components/confirmacion-carrito/confirmacion-carrito.component.spec.ts
src/app/components/confirmacion-carrito/confirmacion-carrito.component.ts
@@ -0,0 +1,48 @@
+<app-header></app-header>
+<div class="row">
+  <div class="col-10">
+
+    <!-- NOMBRE DE SECCION -->
+    <div class="row m-0">
+    <div class="col-12 p-0">
+      <p class="h5 py-1 bg-light text-muted text-center">Pago <i class="fa fa-usd"></i></p>
+    </div>
+  </div>
+
+  <div class="row m-4 d-flex align-items-center">
+    <div class="col-4">
+      <h1>Mi Compra <i class="fa fa-shopping-cart "></i></h1>
+    </div>
+    <div class="col-8">
+      <h2>¿Desea finalizar su compra?</h2>
+      <h3>Por favor, controle y confirme su compra.</h3>
+    </div>
+    <div class="col-sm-7">
+
+      <div class="row pr-3 vh-50 overflow-scroll">
+        <div
+        class="col-4 p-2"
+        *ngFor="let producto of productos">
+        <div class="card card-effect bg-white rounded-sm shadow border-0">
+          <img src="../../../assets/img/descarga.jpg" class="card-img-top w-75 m-auto">
+          <div class="card-body">
+            <p class="h5 text-left m-0">{{producto.variable}}</p>
+            <div class="text-left">
+              <p class="m-0"><small>ASDASDSADASDSA</small></p>
+              <p class="m-0"><small>COD. 1222</small></p>
+              <p class="m-0"><strong>$ 563</strong></p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="col-sm-5">
+    <h3>TOTAL: $553</h3>
+  </div>
+</div>
+
+<!-- SIDEBAR -->
+</div>
+  <app-sidebar class="col-3 col-md-2 vh-100 bg-dark text-white"></app-sidebar>
+</div>
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ConfirmacionCarritoComponent } from './confirmacion-carrito.component';
+
+describe('ConfirmacionCarritoComponent', () => {
+  let component: ConfirmacionCarritoComponent;
+  let fixture: ComponentFixture<ConfirmacionCarritoComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ConfirmacionCarritoComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ConfirmacionCarritoComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
@@ -0,0 +1,16 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-confirmacion-carrito',
+  templateUrl: './confirmacion-carrito.component.html',
+  styleUrls: ['./confirmacion-carrito.component.scss']
+})
+export class ConfirmacionCarritoComponent implements OnInit {
+
+  productos = [{}, {}, {}]
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}
...	...	@@ -0,0 +1,48 @@
	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>
...	...	@@ -0,0 +1,25 @@
	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	+});
...	...	@@ -0,0 +1,16 @@
	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	+}