From bc14f172bd811513e2ff886b6d81438f843d3132 Mon Sep 17 00:00:00 2001
From: Marcelo Puebla <mpuebla@focasoftware.com>
Date: Mon, 23 Dec 2019 10:42:36 -0300
Subject: [PATCH] Creado componente formas de pago

---
 src/app/app-routing.module.ts                      | 10 +++++++++
 src/app/app.module.ts                              |  4 +++-
 src/app/modules/admin/admin.component.html         |  2 ++
 src/app/modules/admin/admin.component.scss         |  0
 src/app/modules/admin/admin.component.spec.ts      | 25 ++++++++++++++++++++++
 src/app/modules/admin/admin.component.ts           | 15 +++++++++++++
 .../formas-pago/formas-pago-routing.module.ts      | 13 +++++++++++
 .../modules/formas-pago/formas-pago.component.html |  7 ++++++
 .../modules/formas-pago/formas-pago.component.scss |  0
 .../formas-pago/formas-pago.component.spec.ts      | 25 ++++++++++++++++++++++
 .../modules/formas-pago/formas-pago.component.ts   | 15 +++++++++++++
 src/app/modules/formas-pago/formas-pago.module.ts  | 15 +++++++++++++
 .../splash-screen/splash-screen.component.html     |  6 ++++--
 src/styles.scss                                    |  1 +
 14 files changed, 135 insertions(+), 3 deletions(-)
 create mode 100644 src/app/modules/admin/admin.component.html
 create mode 100644 src/app/modules/admin/admin.component.scss
 create mode 100644 src/app/modules/admin/admin.component.spec.ts
 create mode 100644 src/app/modules/admin/admin.component.ts
 create mode 100644 src/app/modules/formas-pago/formas-pago-routing.module.ts
 create mode 100644 src/app/modules/formas-pago/formas-pago.component.html
 create mode 100644 src/app/modules/formas-pago/formas-pago.component.scss
 create mode 100644 src/app/modules/formas-pago/formas-pago.component.spec.ts
 create mode 100644 src/app/modules/formas-pago/formas-pago.component.ts
 create mode 100644 src/app/modules/formas-pago/formas-pago.module.ts

diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 1b7a5bc..7046f23 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -1,9 +1,19 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 import { SplashScreenComponent } from './modules/splash-screen/splash-screen.component';
+import { AdminComponent } from './modules/admin/admin.component';
+import { FormasPagoModule } from './modules/formas-pago/formas-pago.module';
 
 const routes: Routes = [
   { path: '', component: SplashScreenComponent },
+  {
+    path: '',
+    component: AdminComponent,
+    children: [
+      { path: 'formas-pago', loadChildren: () => FormasPagoModule },
+    ]
+  },
+  { path: '**', redirectTo: '', pathMatch: 'full' },
 ];
 
 @NgModule({
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index eb5d328..f5184a9 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -5,12 +5,14 @@ import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { SplashScreenComponent } from './modules/splash-screen/splash-screen.component';
 import { SplitPipe } from './pipes/split.pipe';
+import { AdminComponent } from './modules/admin/admin.component';
 
 @NgModule({
   declarations: [
     AppComponent,
     SplashScreenComponent,
-    SplitPipe
+    SplitPipe,
+    AdminComponent
   ],
   imports: [
     BrowserModule,
diff --git a/src/app/modules/admin/admin.component.html b/src/app/modules/admin/admin.component.html
new file mode 100644
index 0000000..3fc1843
--- /dev/null
+++ b/src/app/modules/admin/admin.component.html
@@ -0,0 +1,2 @@
+<router-outlet></router-outlet>
+<div class="h-8 bg-dark"></div>
\ No newline at end of file
diff --git a/src/app/modules/admin/admin.component.scss b/src/app/modules/admin/admin.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/modules/admin/admin.component.spec.ts b/src/app/modules/admin/admin.component.spec.ts
new file mode 100644
index 0000000..72e742f
--- /dev/null
+++ b/src/app/modules/admin/admin.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AdminComponent } from './admin.component';
+
+describe('AdminComponent', () => {
+  let component: AdminComponent;
+  let fixture: ComponentFixture<AdminComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AdminComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AdminComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/modules/admin/admin.component.ts b/src/app/modules/admin/admin.component.ts
new file mode 100644
index 0000000..c3d1f34
--- /dev/null
+++ b/src/app/modules/admin/admin.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-admin',
+  templateUrl: './admin.component.html',
+  styleUrls: ['./admin.component.scss']
+})
+export class AdminComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}
diff --git a/src/app/modules/formas-pago/formas-pago-routing.module.ts b/src/app/modules/formas-pago/formas-pago-routing.module.ts
new file mode 100644
index 0000000..f26c0e5
--- /dev/null
+++ b/src/app/modules/formas-pago/formas-pago-routing.module.ts
@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { FormasPagoComponent } from './formas-pago.component';
+
+const routes: Routes = [
+  { path: '', component: FormasPagoComponent },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class FormasPagoRoutingModule { }
diff --git a/src/app/modules/formas-pago/formas-pago.component.html b/src/app/modules/formas-pago/formas-pago.component.html
new file mode 100644
index 0000000..fa371f7
--- /dev/null
+++ b/src/app/modules/formas-pago/formas-pago.component.html
@@ -0,0 +1,7 @@
+<div class="h-92 bg-white">
+  <div class="row mx-0 h-15">
+    <div class="col-12 px-0 h-80 my-auto">
+      <img class="d-block mx-auto h-100" src="assets/img/logo-spot.svg">
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/app/modules/formas-pago/formas-pago.component.scss b/src/app/modules/formas-pago/formas-pago.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/modules/formas-pago/formas-pago.component.spec.ts b/src/app/modules/formas-pago/formas-pago.component.spec.ts
new file mode 100644
index 0000000..87d8333
--- /dev/null
+++ b/src/app/modules/formas-pago/formas-pago.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FormasPagoComponent } from './formas-pago.component';
+
+describe('FormasPagoComponent', () => {
+  let component: FormasPagoComponent;
+  let fixture: ComponentFixture<FormasPagoComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ FormasPagoComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(FormasPagoComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/modules/formas-pago/formas-pago.component.ts b/src/app/modules/formas-pago/formas-pago.component.ts
new file mode 100644
index 0000000..cb160ee
--- /dev/null
+++ b/src/app/modules/formas-pago/formas-pago.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-formas-pago',
+  templateUrl: './formas-pago.component.html',
+  styleUrls: ['./formas-pago.component.scss']
+})
+export class FormasPagoComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}
diff --git a/src/app/modules/formas-pago/formas-pago.module.ts b/src/app/modules/formas-pago/formas-pago.module.ts
new file mode 100644
index 0000000..14745c7
--- /dev/null
+++ b/src/app/modules/formas-pago/formas-pago.module.ts
@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { FormasPagoRoutingModule } from './formas-pago-routing.module';
+import { FormasPagoComponent } from './formas-pago.component';
+
+
+@NgModule({
+  declarations: [FormasPagoComponent],
+  imports: [
+    CommonModule,
+    FormasPagoRoutingModule
+  ]
+})
+export class FormasPagoModule { }
diff --git a/src/app/modules/splash-screen/splash-screen.component.html b/src/app/modules/splash-screen/splash-screen.component.html
index 5cc8cf2..09d9909 100644
--- a/src/app/modules/splash-screen/splash-screen.component.html
+++ b/src/app/modules/splash-screen/splash-screen.component.html
@@ -11,7 +11,7 @@
     <div class="col-12 px-0 h-100 my-auto">
       <div class="row mx-0 h-15">
         <div class="col-12 px-0 h-80 my-auto">
-          <img class="d-block mx-auto h-100 focus-in-blur" src="assets/img/negativo-spot.svg">
+          <img class="d-block mx-auto h-100" src="assets/img/negativo-spot.svg">
         </div>
       </div>
       <div class="row mx-0 h-75 justify-content-center text-white text-center">
@@ -32,7 +32,9 @@
           </div>
         </div>
       </div>
-      <div class="row mx-0 h-10 loop-color cursor-pointer">
+      <div
+        class="row mx-0 h-10 loop-color cursor-pointer"
+        [routerLink]="['formas-pago']">
         <div class="col-12 text-center align-self-center px-0">
           <p class="h6 text-white">TOCA PARA COMENZAR</p>
         </div>
diff --git a/src/styles.scss b/src/styles.scss
index ba9fa00..0758089 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -18,6 +18,7 @@ body {
   background-color: #fcf2e3;
   font-family: "Gotham";
   overflow: hidden;
+  user-select: none;
 }
 
 .cursor-pointer {
-- 
1.9.1