Commit 4d04085d33d5a6408dc1a8679b0c2ce44dbc2d26
1 parent
9aaa91ba49
Exists in
master
and in
2 other branches
Nuevo de modulo
Showing
6 changed files
with
95 additions
and
0 deletions
Show diff stats
src/app/modules/info-formas-pago/info-formas-pago-routing.module.ts
| File was created | 1 | import { NgModule } from "@angular/core"; | |
| 2 | import { Routes, RouterModule } from "@angular/router"; | ||
| 3 | import { InfoFormasPagoComponent } from "./info-formas-pago.component"; | ||
| 4 | |||
| 5 | const routes: Routes = [{ path: "", component: InfoFormasPagoComponent }]; | ||
| 6 | |||
| 7 | @NgModule({ | ||
| 8 | imports: [RouterModule.forChild(routes)], | ||
| 9 | exports: [RouterModule] | ||
| 10 | }) | ||
| 11 | export class InfoFormasPagoRoutingModule {} | ||
| 12 |
src/app/modules/info-formas-pago/info-formas-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 class="d-block mx-auto h-100" src="assets/img/logo-spot.svg"> | ||
| 5 | </div> | ||
| 6 | </div> | ||
| 7 | <div class="h-85"> | ||
| 8 | <div class="row h-50 mx-0 justify-content-center text-center"> | ||
| 9 | <div class="col-7 pt-5 pb-3 h-auto align-self-end border border-secondary rounded"> | ||
| 10 | <img class="img-in-top px-4 bg-white" src="assets/img/icono-tarjetas.svg"> | ||
| 11 | <p class="h6 m-0">ESTA TERMINAL OPERA CON</p> | ||
| 12 | <p class="h2 mb-3 text-secondary"> | ||
| 13 | tarjetas y | ||
| 14 | <img class="w-15" src="assets/img/icono-mercado-pago.svg"> | ||
| 15 | </p> | ||
| 16 | <div | ||
| 17 | class="d-inline-block py-1 btn-effect bg-secondary badge-pill text-white" | ||
| 18 | [routerLink]="['/opcion-pedido']"> | ||
| 19 | CONTINUAR | ||
| 20 | <img class="icon-30" src="assets/img/ir.svg"> | ||
| 21 | </div> | ||
| 22 | </div> | ||
| 23 | </div> | ||
| 24 | <div class="row h-50 mx-0 justify-content-center text-center"> | ||
| 25 | <div class="col-7 p-5 h-auto align-self-center border border-primary rounded"> | ||
| 26 | <img class="img-in-top px-4 bg-white" src="assets/img/icono-efectivo.svg"> | ||
| 27 | <p class="h6 m-0">SI PREFERIS PAGAR EN EFECTIVO</p> | ||
| 28 | <p class="h2 m-0 text-primary">te esperamos en la caja</p> | ||
| 29 | </div> | ||
| 30 | </div> | ||
| 31 | </div> | ||
| 32 | </div> | ||
| 33 |
src/app/modules/info-formas-pago/info-formas-pago.component.scss
src/app/modules/info-formas-pago/info-formas-pago.component.spec.ts
| File was created | 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; | |
| 2 | |||
| 3 | import { InfoFormasPagoComponent } from './info-formas-pago.component'; | ||
| 4 | |||
| 5 | describe('InfoFormasPagoComponent', () => { | ||
| 6 | let component: InfoFormasPagoComponent; | ||
| 7 | let fixture: ComponentFixture<InfoFormasPagoComponent>; | ||
| 8 | |||
| 9 | beforeEach(async(() => { | ||
| 10 | TestBed.configureTestingModule({ | ||
| 11 | declarations: [ InfoFormasPagoComponent ] | ||
| 12 | }) | ||
| 13 | .compileComponents(); | ||
| 14 | })); | ||
| 15 | |||
| 16 | beforeEach(() => { | ||
| 17 | fixture = TestBed.createComponent(InfoFormasPagoComponent); | ||
| 18 | component = fixture.componentInstance; | ||
| 19 | fixture.detectChanges(); | ||
| 20 | }); | ||
| 21 | |||
| 22 | it('should create', () => { | ||
| 23 | expect(component).toBeTruthy(); | ||
| 24 | }); | ||
| 25 | }); | ||
| 26 |
src/app/modules/info-formas-pago/info-formas-pago.component.ts
| File was created | 1 | import { Component, OnInit } from "@angular/core"; | |
| 2 | |||
| 3 | @Component({ | ||
| 4 | selector: "app-formas-pago", | ||
| 5 | templateUrl: "./info-formas-pago.component.html", | ||
| 6 | styleUrls: ["./info-formas-pago.component.scss"] | ||
| 7 | }) | ||
| 8 | export class InfoFormasPagoComponent implements OnInit { | ||
| 9 | constructor() {} | ||
| 10 | |||
| 11 | ngOnInit() {} | ||
| 12 | } | ||
| 13 |
src/app/modules/info-formas-pago/info-formas-pago.module.ts
| File was created | 1 | import { NgModule } from '@angular/core'; | |
| 2 | import { CommonModule } from '@angular/common'; | ||
| 3 | |||
| 4 | import { InfoFormasPagoRoutingModule } from './info-formas-pago-routing.module'; | ||
| 5 | import { InfoFormasPagoComponent } from './info-formas-pago.component'; | ||
| 6 | |||
| 7 | |||
| 8 | @NgModule({ | ||
| 9 | declarations: [InfoFormasPagoComponent], | ||
| 10 | imports: [ | ||
| 11 | CommonModule, | ||
| 12 | InfoFormasPagoRoutingModule | ||
| 13 | ] | ||
| 14 | }) | ||
| 15 | export class InfoFormasPagoModule { } | ||
| 16 |