Luis Suarez / autoservicio-axion

Download as
Browse Code ยป

Commit 9aaa91ba49c1d6f3819c10847417ed3335aaa365

Authored by Marcelo Puebla
1 parent fa6e2c0215
Exists in master and in 2 other branches 20200117-axion-responsive, develop

Cambio nombre de modulo

Showing 8 changed files with 3 additions and 98 deletions   Show diff stats
src/app/app-routing.module.ts
Diff comments   View file @ 9aaa91b
1 import { NgModule } from '@angular/core'; 1 import { NgModule } from '@angular/core';
2 import { Routes, RouterModule } from '@angular/router'; 2 import { Routes, RouterModule } from '@angular/router';
3 import { SplashScreenComponent } from './modules/splash-screen/splash-screen.component'; 3 import { SplashScreenComponent } from './modules/splash-screen/splash-screen.component';
4 import { AdminComponent } from './modules/admin/admin.component'; 4 import { AdminComponent } from './modules/admin/admin.component';
5 5
6 const routes: Routes = [ 6 const routes: Routes = [
7 { path: '', component: SplashScreenComponent }, 7 { path: '', component: SplashScreenComponent },
8 { 8 {
9 path: '', 9 path: '',
10 component: AdminComponent, 10 component: AdminComponent,
11 children: [ 11 children: [
12 { 12 {
13 path: 'formas-pago', 13 path: 'info-formas-pago',
14 loadChildren: () => import('./modules/formas-pago/formas-pago.module').then(m => m.FormasPagoModule) 14 loadChildren: () => import('./modules/info-formas-pago/info-formas-pago.module').then(m => m.InfoFormasPagoModule)
15 }, 15 },
16 { 16 {
17 path: 'opcion-pedido', 17 path: 'opcion-pedido',
18 loadChildren: () => import('./modules/opcion-pedido/opcion-pedido.module').then(m => m.OpcionPedidoModule) 18 loadChildren: () => import('./modules/opcion-pedido/opcion-pedido.module').then(m => m.OpcionPedidoModule)
19 }, 19 },
20 { 20 {
21 path: 'seleccion-articulos', 21 path: 'seleccion-articulos',
22 loadChildren: () => import('./modules/seleccion-articulos/seleccion-articulos.module').then(m => m.SeleccionArticulosModule) 22 loadChildren: () => import('./modules/seleccion-articulos/seleccion-articulos.module').then(m => m.SeleccionArticulosModule)
23 }, 23 },
24 { 24 {
25 path: 'carrito', loadChildren: () => import('./modules/carrito/carrito.module').then(m => m.CarritoModule) 25 path: 'carrito', loadChildren: () => import('./modules/carrito/carrito.module').then(m => m.CarritoModule)
26 }, 26 },
27 ] 27 ]
28 }, 28 },
29 { path: '**', redirectTo: '', pathMatch: 'full' }, 29 { path: '**', redirectTo: '', pathMatch: 'full' },
30 ]; 30 ];
31 31
32 @NgModule({ 32 @NgModule({
33 imports: [RouterModule.forRoot(routes, { useHash: true })], 33 imports: [RouterModule.forRoot(routes, { useHash: true })],
34 exports: [RouterModule] 34 exports: [RouterModule]
35 }) 35 })
36 export class AppRoutingModule { } 36 export class AppRoutingModule { }
37 37
src/app/modules/formas-pago/formas-pago-routing.module.ts
View file @ 9aaa91b
1 import { NgModule } from "@angular/core"; File was deleted
2 import { Routes, RouterModule } from "@angular/router";
3 import { FormasPagoComponent } from "./formas-pago.component";
4
5 const routes: Routes = [{ path: "", component: FormasPagoComponent }];
6
7 @NgModule({
8 imports: [RouterModule.forChild(routes)],
9 exports: [RouterModule]
10 })
11 export class FormasPagoRoutingModule {}
12 1 import { NgModule } from "@angular/core";
src/app/modules/formas-pago/formas-pago.component.html
View file @ 9aaa91b
1 <div class="h-92 bg-white fade-in-left"> File was deleted
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 1 <div class="h-92 bg-white fade-in-left">
src/app/modules/formas-pago/formas-pago.component.scss
View file @ 9aaa91b
src/app/modules/formas-pago/formas-pago.component.spec.ts
View file @ 9aaa91b
1 import { async, ComponentFixture, TestBed } from '@angular/core/testing'; File was deleted
2
3 import { FormasPagoComponent } from './formas-pago.component';
4
5 describe('FormasPagoComponent', () => {
6 let component: FormasPagoComponent;
7 let fixture: ComponentFixture<FormasPagoComponent>;
8
9 beforeEach(async(() => {
10 TestBed.configureTestingModule({
11 declarations: [ FormasPagoComponent ]
12 })
13 .compileComponents();
14 }));
15
16 beforeEach(() => {
17 fixture = TestBed.createComponent(FormasPagoComponent);
18 component = fixture.componentInstance;
19 fixture.detectChanges();
20 });
21
22 it('should create', () => {
23 expect(component).toBeTruthy();
24 });
25 });
26 1 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
src/app/modules/formas-pago/formas-pago.component.ts
View file @ 9aaa91b
1 import { Component, OnInit } from "@angular/core"; File was deleted
2
3 @Component({
4 selector: "app-formas-pago",
5 templateUrl: "./formas-pago.component.html",
6 styleUrls: ["./formas-pago.component.scss"]
7 })
8 export class FormasPagoComponent implements OnInit {
9 constructor() {}
10
11 ngOnInit() {}
12 }
13 1 import { Component, OnInit } from "@angular/core";
src/app/modules/formas-pago/formas-pago.module.ts
View file @ 9aaa91b
1 import { NgModule } from '@angular/core'; File was deleted
2 import { CommonModule } from '@angular/common';
3
4 import { FormasPagoRoutingModule } from './formas-pago-routing.module';
5 import { FormasPagoComponent } from './formas-pago.component';
6
7
8 @NgModule({
9 declarations: [FormasPagoComponent],
10 imports: [
11 CommonModule,
12 FormasPagoRoutingModule
13 ]
14 })
15 export class FormasPagoModule { }
16 1 import { NgModule } from '@angular/core';
src/app/modules/splash-screen/splash-screen.component.html
Diff comments   View file @ 9aaa91b
1 <div *ngIf="showSplashScreen" class="vh-100 bg-splash"> 1 <div *ngIf="showSplashScreen" class="vh-100 bg-splash">
2 <div class="row mx-0 h-100"> 2 <div class="row mx-0 h-100">
3 <div class="col-12 px-0 h-30 my-auto"> 3 <div class="col-12 px-0 h-30 my-auto">
4 <img class="d-block mx-auto h-100 focus-in-blur" src="assets/img/logo-spot.svg"> 4 <img class="d-block mx-auto h-100 focus-in-blur" src="assets/img/logo-spot.svg">
5 </div> 5 </div>
6 </div> 6 </div>
7 </div> 7 </div>
8 8
9 <div *ngIf="!showSplashScreen" class="vh-100 bg-primary fade-in"> 9 <div *ngIf="!showSplashScreen" class="vh-100 bg-primary fade-in">
10 <div class="row mx-0 h-100"> 10 <div class="row mx-0 h-100">
11 <div class="col-12 px-0 h-100 my-auto"> 11 <div class="col-12 px-0 h-100 my-auto">
12 <div class="row mx-0 h-15"> 12 <div class="row mx-0 h-15">
13 <div class="col-12 px-0 h-80 my-auto"> 13 <div class="col-12 px-0 h-80 my-auto">
14 <img class="d-block mx-auto h-100" src="assets/img/negativo-spot.svg"> 14 <img class="d-block mx-auto h-100" src="assets/img/negativo-spot.svg">
15 </div> 15 </div>
16 </div> 16 </div>
17 <div class="row mx-0 h-75 justify-content-center text-white text-center"> 17 <div class="row mx-0 h-75 justify-content-center text-white text-center">
18 <div class="col-7 h-auto px-0 py-5 mb-5 align-self-end box"> 18 <div class="col-7 h-auto px-0 py-5 mb-5 align-self-end box">
19 <div class="h6 m-0 welcome-text text-info"> 19 <div class="h6 m-0 welcome-text text-info">
20 <span *ngFor="let letter of textWelcome | split textWelcome">{{letter}}</span> 20 <span *ngFor="let letter of textWelcome | split textWelcome">{{letter}}</span>
21 </div> 21 </div>
22 <div class="h1 m-0 como-estas-text"> 22 <div class="h1 m-0 como-estas-text">
23 <span *ngFor="let letter of textComoEstas | split textComoEstas">{{letter}}</span> 23 <span *ngFor="let letter of textComoEstas | split textComoEstas">{{letter}}</span>
24 </div> 24 </div>
25 </div> 25 </div>
26 <div class="col-7 h-auto px-0 py-5 mt-5 align-self-start box2"> 26 <div class="col-7 h-auto px-0 py-5 mt-5 align-self-start box2">
27 <div class="h6 m-0 invitamos-text text-info"> 27 <div class="h6 m-0 invitamos-text text-info">
28 <span *ngFor="let letter of textInvitamos | split textInvitamos">{{letter}}</span> 28 <span *ngFor="let letter of textInvitamos | split textInvitamos">{{letter}}</span>
29 </div> 29 </div>
30 <div class="h1 m-0 tu-pedido-text"> 30 <div class="h1 m-0 tu-pedido-text">
31 <span *ngFor="let letter of textTuPedido | split textTuPedido">{{letter}}</span> 31 <span *ngFor="let letter of textTuPedido | split textTuPedido">{{letter}}</span>
32 </div> 32 </div>
33 </div> 33 </div>
34 </div> 34 </div>
35 <div 35 <div
36 class="row mx-0 h-10 loop-color cursor-pointer" 36 class="row mx-0 h-10 loop-color cursor-pointer"
37 [routerLink]="['/formas-pago']"> 37 [routerLink]="['/info-formas-pago']">
38 <div class="col-12 text-center align-self-center px-0"> 38 <div class="col-12 text-center align-self-center px-0">
39 <p class="h6 text-white">TOCA PARA COMENZAR</p> 39 <p class="h6 text-white">TOCA PARA COMENZAR</p>
40 </div> 40 </div>
41 </div> 41 </div>
42 </div> 42 </div>
43 </div> 43 </div>
44 </div> 44 </div>
45 45