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
| File was created | 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 { } | ||
| 14 |
src/app/modules/forma-pago/forma-pago.component.html
| File was created | 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> | ||
| 78 |
src/app/modules/forma-pago/forma-pago.component.scss
src/app/modules/forma-pago/forma-pago.component.spec.ts
| File was created | 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 | }); | ||
| 26 |
src/app/modules/forma-pago/forma-pago.component.ts
| File was created | 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 | } | ||
| 16 |
src/app/modules/forma-pago/forma-pago.module.ts
| File was created | 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 { } | ||
| 16 |
src/app/modules/pago-electronico/pago-electronico-routing.module.ts
| File was created | 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 { } | ||
| 14 |
src/app/modules/pago-electronico/pago-electronico.component.html
| File was created | 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> | ||
| 33 |
src/app/modules/pago-electronico/pago-electronico.component.scss
src/app/modules/pago-electronico/pago-electronico.component.spec.ts
| File was created | 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 | }); | ||
| 26 |
src/app/modules/pago-electronico/pago-electronico.component.ts
| File was created | 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 | } | ||
| 16 |
src/app/modules/pago-electronico/pago-electronico.module.ts
| File was created | 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 { } | ||
| 16 |