Commit 8caf5d308033a52a365dc09e0fa5d1a672a41891
1 parent
d5eed28e60
Exists in
master
and in
2 other branches
Nuevos modulos
Showing
12 changed files
with
245 additions
and
0 deletions
Show diff stats
src/app/modules/forma-pago/forma-pago-routing.module.ts
| ... | ... | @@ -0,0 +1,13 @@ |
| 1 | +import { NgModule } from '@angular/core'; | |
| 2 | +import { Routes, RouterModule } from '@angular/router'; | |
| 3 | +import { FormaPagoComponent } from './forma-pago.component'; | |
| 4 | + | |
| 5 | +const routes: Routes = [ | |
| 6 | + { path: '', component: FormaPagoComponent } | |
| 7 | +]; | |
| 8 | + | |
| 9 | +@NgModule({ | |
| 10 | + imports: [RouterModule.forChild(routes)], | |
| 11 | + exports: [RouterModule] | |
| 12 | +}) | |
| 13 | +export class FormaPagoRoutingModule { } |
src/app/modules/forma-pago/forma-pago.component.html
| ... | ... | @@ -0,0 +1,77 @@ |
| 1 | +<div class="h-92 bg-white fade-in-left"> | |
| 2 | + <div class="row mx-0 h-15"> | |
| 3 | + <div class="col-12 px-0 h-80 my-auto"> | |
| 4 | + <img | |
| 5 | + draggable="false" | |
| 6 | + ondragstart="return false;" | |
| 7 | + (contextmenu)="false" | |
| 8 | + class="d-block mx-auto h-100" | |
| 9 | + src="assets/img/logo-spot.svg"> | |
| 10 | + </div> | |
| 11 | + </div> | |
| 12 | + <div class="h-85"> | |
| 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"> | |
| 15 | + <div class="px-3 text-center"> | |
| 16 | + <p class="h6 text-truncate">SELECCIONA UNA FORMA DE PAGO</p> | |
| 17 | + </div> | |
| 18 | + </div> | |
| 19 | + </div> | |
| 20 | + <!-- OPCION PAGO ELECTRONICO --> | |
| 21 | + <div class="row mt-5 h-auto justify-content-center mx-0"> | |
| 22 | + <div class="col-auto px-0 h-auto align-self-start"> | |
| 23 | + <div | |
| 24 | + class="btn-effect col-auto align-self-center px-0 bg-white" | |
| 25 | + [routerLink]="['/pago-electronico']"> | |
| 26 | + <div class="row mx-0 bg-primary badge-pill"> | |
| 27 | + <div class="col-auto p-0"> | |
| 28 | + <img | |
| 29 | + draggable="false" | |
| 30 | + ondragstart="return false;" | |
| 31 | + (contextmenu)="false" | |
| 32 | + class="p-1 icon-50" | |
| 33 | + src="assets/img/icono-plato.svg"> | |
| 34 | + </div> | |
| 35 | + <div class="col-auto align-self-center text-white">Pago electrónico</div> | |
| 36 | + <div class="col-auto align-self-center p-0"> | |
| 37 | + <img | |
| 38 | + draggable="false" | |
| 39 | + ondragstart="return false;" | |
| 40 | + (contextmenu)="false" | |
| 41 | + class="p-1 icon-30" | |
| 42 | + src="assets/img/ir.svg"> | |
| 43 | + </div> | |
| 44 | + </div> | |
| 45 | + </div> | |
| 46 | + </div> | |
| 47 | + </div> | |
| 48 | + <!-- OPCION PAGO CON TARJETA --> | |
| 49 | + <div class="row mt-5 h-auto justify-content-center mx-0"> | |
| 50 | + <div class="col-auto px-0 h-auto align-self-start"> | |
| 51 | + <div | |
| 52 | + class="btn-effect col-auto align-self-center px-0 bg-white" | |
| 53 | + (click)="goTo('/seleccion-articulos')"> | |
| 54 | + <div class="row mx-0 bg-primary badge-pill"> | |
| 55 | + <div class="col-auto p-0"> | |
| 56 | + <img | |
| 57 | + draggable="false" | |
| 58 | + ondragstart="return false;" | |
| 59 | + (contextmenu)="false" | |
| 60 | + class="p-1 icon-50" | |
| 61 | + src="assets/img/icono-take-away.svg"> | |
| 62 | + </div> | |
| 63 | + <div class="col-auto align-self-center text-white">Pago con tarjeta</div> | |
| 64 | + <div class="col-auto align-self-center p-0"> | |
| 65 | + <img | |
| 66 | + draggable="false" | |
| 67 | + ondragstart="return false;" | |
| 68 | + (contextmenu)="false" | |
| 69 | + class="p-1 icon-30" | |
| 70 | + src="assets/img/ir.svg"> | |
| 71 | + </div> | |
| 72 | + </div> | |
| 73 | + </div> | |
| 74 | + </div> | |
| 75 | + </div> | |
| 76 | + </div> | |
| 77 | +</div> |
src/app/modules/forma-pago/forma-pago.component.scss
src/app/modules/forma-pago/forma-pago.component.spec.ts
| ... | ... | @@ -0,0 +1,25 @@ |
| 1 | +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; | |
| 2 | + | |
| 3 | +import { FormaPagoComponent } from './forma-pago.component'; | |
| 4 | + | |
| 5 | +describe('FormaPagoComponent', () => { | |
| 6 | + let component: FormaPagoComponent; | |
| 7 | + let fixture: ComponentFixture<FormaPagoComponent>; | |
| 8 | + | |
| 9 | + beforeEach(async(() => { | |
| 10 | + TestBed.configureTestingModule({ | |
| 11 | + declarations: [ FormaPagoComponent ] | |
| 12 | + }) | |
| 13 | + .compileComponents(); | |
| 14 | + })); | |
| 15 | + | |
| 16 | + beforeEach(() => { | |
| 17 | + fixture = TestBed.createComponent(FormaPagoComponent); | |
| 18 | + component = fixture.componentInstance; | |
| 19 | + fixture.detectChanges(); | |
| 20 | + }); | |
| 21 | + | |
| 22 | + it('should create', () => { | |
| 23 | + expect(component).toBeTruthy(); | |
| 24 | + }); | |
| 25 | +}); |
src/app/modules/forma-pago/forma-pago.component.ts
| ... | ... | @@ -0,0 +1,15 @@ |
| 1 | +import { Component, OnInit } from '@angular/core'; | |
| 2 | + | |
| 3 | +@Component({ | |
| 4 | + selector: 'app-forma-pago', | |
| 5 | + templateUrl: './forma-pago.component.html', | |
| 6 | + styleUrls: ['./forma-pago.component.scss'] | |
| 7 | +}) | |
| 8 | +export class FormaPagoComponent implements OnInit { | |
| 9 | + | |
| 10 | + constructor() { } | |
| 11 | + | |
| 12 | + ngOnInit() { | |
| 13 | + } | |
| 14 | + | |
| 15 | +} |
src/app/modules/forma-pago/forma-pago.module.ts
| ... | ... | @@ -0,0 +1,15 @@ |
| 1 | +import { NgModule } from '@angular/core'; | |
| 2 | +import { CommonModule } from '@angular/common'; | |
| 3 | + | |
| 4 | +import { FormaPagoRoutingModule } from './forma-pago-routing.module'; | |
| 5 | +import { FormaPagoComponent } from './forma-pago.component'; | |
| 6 | + | |
| 7 | + | |
| 8 | +@NgModule({ | |
| 9 | + declarations: [FormaPagoComponent], | |
| 10 | + imports: [ | |
| 11 | + CommonModule, | |
| 12 | + FormaPagoRoutingModule | |
| 13 | + ] | |
| 14 | +}) | |
| 15 | +export class FormaPagoModule { } |
src/app/modules/pago-electronico/pago-electronico-routing.module.ts
| ... | ... | @@ -0,0 +1,13 @@ |
| 1 | +import { NgModule } from '@angular/core'; | |
| 2 | +import { Routes, RouterModule } from '@angular/router'; | |
| 3 | +import { PagoElectronicoComponent } from './pago-electronico.component'; | |
| 4 | + | |
| 5 | +const routes: Routes = [ | |
| 6 | + { path: '', component: PagoElectronicoComponent } | |
| 7 | +]; | |
| 8 | + | |
| 9 | +@NgModule({ | |
| 10 | + imports: [RouterModule.forChild(routes)], | |
| 11 | + exports: [RouterModule] | |
| 12 | +}) | |
| 13 | +export class PagoElectronicoRoutingModule { } |
src/app/modules/pago-electronico/pago-electronico.component.html
| ... | ... | @@ -0,0 +1,32 @@ |
| 1 | +<div class="h-92 bg-white fade-in-left"> | |
| 2 | + <div class="row mx-0 h-15"> | |
| 3 | + <div class="col-12 px-0 h-80 my-auto"> | |
| 4 | + <img | |
| 5 | + draggable="false" | |
| 6 | + ondragstart="return false;" | |
| 7 | + (contextmenu)="false" | |
| 8 | + class="d-block mx-auto h-100" | |
| 9 | + src="assets/img/logo-spot.svg"> | |
| 10 | + </div> | |
| 11 | + </div> | |
| 12 | + <div class="h-85"> | |
| 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"> | |
| 15 | + <div class="px-3 text-center"> | |
| 16 | + <p class="h6 text-truncate">PAGO ELECTRÓNICO</p> | |
| 17 | + </div> | |
| 18 | + </div> | |
| 19 | + </div> | |
| 20 | + <!-- QR --> | |
| 21 | + <div class="row mx-0 mt-5 h-60 justify-content-center"> | |
| 22 | + <div class="col-10 px-0 h-100"> | |
| 23 | + <img | |
| 24 | + draggable="false" | |
| 25 | + ondragstart="return false;" | |
| 26 | + (contextmenu)="false" | |
| 27 | + class="d-block mx-auto img-fluid" | |
| 28 | + src="assets/img/icono-mercado-pago.svg"> | |
| 29 | + </div> | |
| 30 | + </div> | |
| 31 | + </div> | |
| 32 | +</div> |
src/app/modules/pago-electronico/pago-electronico.component.scss
src/app/modules/pago-electronico/pago-electronico.component.spec.ts
| ... | ... | @@ -0,0 +1,25 @@ |
| 1 | +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; | |
| 2 | + | |
| 3 | +import { PagoElectronicoComponent } from './pago-electronico.component'; | |
| 4 | + | |
| 5 | +describe('PagoElectronicoComponent', () => { | |
| 6 | + let component: PagoElectronicoComponent; | |
| 7 | + let fixture: ComponentFixture<PagoElectronicoComponent>; | |
| 8 | + | |
| 9 | + beforeEach(async(() => { | |
| 10 | + TestBed.configureTestingModule({ | |
| 11 | + declarations: [ PagoElectronicoComponent ] | |
| 12 | + }) | |
| 13 | + .compileComponents(); | |
| 14 | + })); | |
| 15 | + | |
| 16 | + beforeEach(() => { | |
| 17 | + fixture = TestBed.createComponent(PagoElectronicoComponent); | |
| 18 | + component = fixture.componentInstance; | |
| 19 | + fixture.detectChanges(); | |
| 20 | + }); | |
| 21 | + | |
| 22 | + it('should create', () => { | |
| 23 | + expect(component).toBeTruthy(); | |
| 24 | + }); | |
| 25 | +}); |
src/app/modules/pago-electronico/pago-electronico.component.ts
| ... | ... | @@ -0,0 +1,15 @@ |
| 1 | +import { Component, OnInit } from '@angular/core'; | |
| 2 | + | |
| 3 | +@Component({ | |
| 4 | + selector: 'app-pago-electronico', | |
| 5 | + templateUrl: './pago-electronico.component.html', | |
| 6 | + styleUrls: ['./pago-electronico.component.scss'] | |
| 7 | +}) | |
| 8 | +export class PagoElectronicoComponent implements OnInit { | |
| 9 | + | |
| 10 | + constructor() { } | |
| 11 | + | |
| 12 | + ngOnInit() { | |
| 13 | + } | |
| 14 | + | |
| 15 | +} |
src/app/modules/pago-electronico/pago-electronico.module.ts
| ... | ... | @@ -0,0 +1,15 @@ |
| 1 | +import { NgModule } from '@angular/core'; | |
| 2 | +import { CommonModule } from '@angular/common'; | |
| 3 | + | |
| 4 | +import { PagoElectronicoRoutingModule } from './pago-electronico-routing.module'; | |
| 5 | +import { PagoElectronicoComponent } from './pago-electronico.component'; | |
| 6 | + | |
| 7 | + | |
| 8 | +@NgModule({ | |
| 9 | + declarations: [PagoElectronicoComponent], | |
| 10 | + imports: [ | |
| 11 | + CommonModule, | |
| 12 | + PagoElectronicoRoutingModule | |
| 13 | + ] | |
| 14 | +}) | |
| 15 | +export class PagoElectronicoModule { } |