diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index a039787..e56cc21 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -7,12 +7,14 @@ import { ConfirmacionCarritoComponent } from './components/confirmacion-carrito/ import { MasterComponent } from './components/master/master.component'; import { AmbImagenesComponent } from './components/amb-imagenes/amb-imagenes.component'; import { PagoComponent } from './components/pago/pago.component'; +import { CancelarCompraComponent } from './components/cancelar-compra/cancelar-compra.component'; const routes: Routes = [ { path: '', component: HomeComponent }, { path: 'home', component: HomeComponent }, { path: 'abm-imagenes', component: AmbImagenesComponent }, { path: 'confirmacion-carrito', component: ConfirmacionCarritoComponent }, + { path: 'cancelar-compra', component: CancelarCompraComponent }, { path: '', component: MasterComponent, diff --git a/src/app/app.module.ts b/src/app/app.module.ts index fbd0cc7..be64478 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -21,6 +21,7 @@ import { PopoverPromosComponent } from './components/popover-promos/popover-prom import { PopoverSinonimosComponent } from './components/popover-sinonimos/popover-sinonimos.component'; import { AmbImagenesComponent } from './components/amb-imagenes/amb-imagenes.component'; import { PagoComponent } from './components/pago/pago.component'; +import { CancelarCompraComponent } from './components/cancelar-compra/cancelar-compra.component'; //#endregion @NgModule({ @@ -36,7 +37,8 @@ import { PagoComponent } from './components/pago/pago.component'; PopoverPromosComponent, PopoverSinonimosComponent, AmbImagenesComponent, - PagoComponent + PagoComponent, + CancelarCompraComponent ], imports: [ BrowserModule, diff --git a/src/app/components/cancelar-compra/cancelar-compra.component.html b/src/app/components/cancelar-compra/cancelar-compra.component.html new file mode 100644 index 0000000..bfa19c8 --- /dev/null +++ b/src/app/components/cancelar-compra/cancelar-compra.component.html @@ -0,0 +1,67 @@ +
+
+
+
+ + +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+
+ +
+

+ Atención +

+
+
+
+
+
+
+

+ Usted esta a punto
de cancelar su compra +

+

+ Perderá los datos y
productos ya ingresados +

+
+ + +
+
+
+ + +
+
+
+
+ +
+
+
+
+ +
+
+
+
diff --git a/src/app/components/cancelar-compra/cancelar-compra.component.scss b/src/app/components/cancelar-compra/cancelar-compra.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/components/cancelar-compra/cancelar-compra.component.spec.ts b/src/app/components/cancelar-compra/cancelar-compra.component.spec.ts new file mode 100644 index 0000000..55b8d04 --- /dev/null +++ b/src/app/components/cancelar-compra/cancelar-compra.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { CancelarCompraComponent } from './cancelar-compra.component'; + +describe('CancelarCompraComponent', () => { + let component: CancelarCompraComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ CancelarCompraComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(CancelarCompraComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/components/cancelar-compra/cancelar-compra.component.ts b/src/app/components/cancelar-compra/cancelar-compra.component.ts new file mode 100644 index 0000000..165632f --- /dev/null +++ b/src/app/components/cancelar-compra/cancelar-compra.component.ts @@ -0,0 +1,18 @@ +import { Component, OnInit } from '@angular/core'; +import { appSettings } from 'src/etc/AppSettings'; + +@Component({ + selector: 'app-cancelar-compra', + templateUrl: './cancelar-compra.component.html', + styleUrls: ['./cancelar-compra.component.scss'] +}) +export class CancelarCompraComponent implements OnInit { + + private apiUrl: string = appSettings.apiUrl; + + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/components/home/home.component.scss b/src/app/components/home/home.component.scss index 9681bf8..e69de29 100644 --- a/src/app/components/home/home.component.scss +++ b/src/app/components/home/home.component.scss @@ -1,25 +0,0 @@ -.background-image { - background-image: url(http://10.231.45.117:4705/autoservicio/imagenes/homeBackground.jpg); - background-repeat: no-repeat; - background-size: cover; -} - -.w-20 { - width: 20% !important; -} - -.rounded-bottom-right { - border-bottom-right-radius: 10rem; - &:before { - border-radius: 0 40px 40px 0; - background-color: #fff; - } -} - -.rounded-top-left { - border-top-left-radius: 10rem; -} - -.bg-gray { - background-color: #cccccc; -} diff --git a/src/styles.scss b/src/styles.scss index 3ea3d31..59d5cf2 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -116,3 +116,25 @@ body { .sidebar { right: 0; } + +.background-image { + background-image: url(http://10.231.45.117:4705/autoservicio/imagenes/homeBackground.jpg); + background-repeat: no-repeat; + background-size: cover; +} + +.rounded-bottom-right { + border-bottom-right-radius: 10rem; + &:before { + border-radius: 0 40px 40px 0; + background-color: #fff; + } +} + +.rounded-top-left { + border-top-left-radius: 10rem; +} + +.bg-gray { + background-color: #cccccc; +}