Commit dbb7642a8842473ef16565c47ddb38f64a52812b
1 parent
62e2409095
Exists in
master
first commit
Showing
6 changed files
with
52 additions
and
1 deletions
Show diff stats
src/app/app-routing.module.ts
| 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 { HomeComponent } from './components/home/home.component'; | 3 | import { HomeComponent } from './components/home/home.component'; |
| 4 | import { InicioComponent } from './components/inicio/inicio.component'; | 4 | import { InicioComponent } from './components/inicio/inicio.component'; |
| 5 | import { BusquedaProductosComponent } from './components/busqueda-productos/busqueda-productos.component'; | 5 | import { BusquedaProductosComponent } from './components/busqueda-productos/busqueda-productos.component'; |
| 6 | import { ConfirmacionCarritoComponent } from './components/confirmacion-carrito/confirmacion-carrito.component'; | 6 | import { ConfirmacionCarritoComponent } from './components/confirmacion-carrito/confirmacion-carrito.component'; |
| 7 | import { MasterComponent } from './components/master/master.component'; | 7 | import { MasterComponent } from './components/master/master.component'; |
| 8 | import { PagoComponent } from './components/pago/pago.component'; | 8 | import { PagoComponent } from './components/pago/pago.component'; |
| 9 | import { CancelarCompraComponent } from './components/cancelar-compra/cancelar-compra.component'; | 9 | import { CancelarCompraComponent } from './components/cancelar-compra/cancelar-compra.component'; |
| 10 | import { MensajeFinalComponent } from './components/mensaje-final/mensaje-final.component'; | 10 | import { MensajeFinalComponent } from './components/mensaje-final/mensaje-final.component'; |
| 11 | import { ComandaComponent } from './components/comanda/comanda.component'; | 11 | import { ComandaComponent } from './components/comanda/comanda.component'; |
| 12 | import { PedidosSalientesComponent } from './components/pedidos-salientes/pedidos-salientes.component'; | ||
| 12 | 13 | ||
| 13 | const routes: Routes = [ | 14 | const routes: Routes = [ |
| 14 | { path: '', component: HomeComponent }, | 15 | { path: '', component: HomeComponent }, |
| 15 | { path: 'home', component: HomeComponent }, | 16 | { path: 'home', component: HomeComponent }, |
| 16 | { path: 'confirmacion-carrito', component: ConfirmacionCarritoComponent }, | 17 | { path: 'confirmacion-carrito', component: ConfirmacionCarritoComponent }, |
| 17 | { path: 'pago', component: PagoComponent }, | 18 | { path: 'pago', component: PagoComponent }, |
| 18 | { path: 'cancelar-compra', component: CancelarCompraComponent }, | 19 | { path: 'cancelar-compra', component: CancelarCompraComponent }, |
| 19 | { path: 'mensaje-final', component: MensajeFinalComponent }, | 20 | { path: 'mensaje-final', component: MensajeFinalComponent }, |
| 20 | { path: 'comanda', component: ComandaComponent }, | 21 | { path: 'comanda', component: ComandaComponent }, |
| 22 | { path: 'pedidos-salientes', component: PedidosSalientesComponent }, | ||
| 21 | { | 23 | { |
| 22 | path: '', | 24 | path: '', |
| 23 | component: MasterComponent, | 25 | component: MasterComponent, |
| 24 | children: [ | 26 | children: [ |
| 25 | { path: 'inicio', component: InicioComponent }, | 27 | { path: 'inicio', component: InicioComponent }, |
| 26 | { path: 'busqueda-productos', component: BusquedaProductosComponent } | 28 | { path: 'busqueda-productos', component: BusquedaProductosComponent } |
| 27 | ] | 29 | ] |
| 28 | }, | 30 | }, |
| 29 | { path: '**', redirectTo: '/home', pathMatch: 'full' }, | 31 | { path: '**', redirectTo: '/home', pathMatch: 'full' }, |
| 30 | ]; | 32 | ]; |
| 31 | 33 | ||
| 32 | @NgModule({ | 34 | @NgModule({ |
| 33 | imports: [RouterModule.forRoot(routes, {onSameUrlNavigation: 'reload'})], | 35 | imports: [RouterModule.forRoot(routes, {onSameUrlNavigation: 'reload'})], |
| 34 | exports: [RouterModule] | 36 | exports: [RouterModule] |
| 35 | }) | 37 | }) |
| 36 | 38 | ||
| 37 | export class AppRoutingModule { } | 39 | export class AppRoutingModule { } |
| 38 | 40 |
src/app/app.module.ts
| 1 | //#region MODULES | 1 | //#region MODULES |
| 2 | import { BrowserModule } from '@angular/platform-browser'; | 2 | import { BrowserModule } from '@angular/platform-browser'; |
| 3 | import { NgModule } from '@angular/core'; | 3 | import { NgModule } from '@angular/core'; |
| 4 | import { AppRoutingModule } from './app-routing.module'; | 4 | import { AppRoutingModule } from './app-routing.module'; |
| 5 | import { HttpClientModule } from '@angular/common/http'; | 5 | import { HttpClientModule } from '@angular/common/http'; |
| 6 | import { FormsModule, ReactiveFormsModule } from '@angular/forms'; | 6 | import { FormsModule, ReactiveFormsModule } from '@angular/forms'; |
| 7 | import { TooltipModule } from 'ngx-bootstrap/tooltip'; | 7 | import { TooltipModule } from 'ngx-bootstrap/tooltip'; |
| 8 | import { PopoverModule } from 'ngx-bootstrap/popover'; | 8 | import { PopoverModule } from 'ngx-bootstrap/popover'; |
| 9 | import { CarouselModule } from 'ngx-bootstrap/carousel'; | 9 | import { CarouselModule } from 'ngx-bootstrap/carousel'; |
| 10 | import { PaginationModule } from 'ngx-bootstrap/pagination'; | 10 | import { PaginationModule } from 'ngx-bootstrap/pagination'; |
| 11 | //#endregion | 11 | //#endregion |
| 12 | 12 | ||
| 13 | //#region Keyboard | 13 | //#region Keyboard |
| 14 | import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; | 14 | import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; |
| 15 | import { MatButtonModule } from '@angular/material/button'; | 15 | import { MatButtonModule } from '@angular/material/button'; |
| 16 | import { MatKeyboardModule } from '@ngx-material-keyboard/core'; | 16 | import { MatKeyboardModule } from '@ngx-material-keyboard/core'; |
| 17 | //#endregion | 17 | //#endregion |
| 18 | 18 | ||
| 19 | //#region COMPONENTS | 19 | //#region COMPONENTS |
| 20 | import { AppComponent } from './app.component'; | 20 | import { AppComponent } from './app.component'; |
| 21 | import { HeaderComponent } from './components/header/header.component'; | 21 | import { HeaderComponent } from './components/header/header.component'; |
| 22 | import { SidebarComponent } from './components/sidebar/sidebar.component'; | 22 | import { SidebarComponent } from './components/sidebar/sidebar.component'; |
| 23 | import { HomeComponent } from './components/home/home.component'; | 23 | import { HomeComponent } from './components/home/home.component'; |
| 24 | import { InicioComponent } from './components/inicio/inicio.component'; | 24 | import { InicioComponent } from './components/inicio/inicio.component'; |
| 25 | import { BusquedaProductosComponent } from './components/busqueda-productos/busqueda-productos.component'; | 25 | import { BusquedaProductosComponent } from './components/busqueda-productos/busqueda-productos.component'; |
| 26 | import { ConfirmacionCarritoComponent } from './components/confirmacion-carrito/confirmacion-carrito.component'; | 26 | import { ConfirmacionCarritoComponent } from './components/confirmacion-carrito/confirmacion-carrito.component'; |
| 27 | import { MasterComponent } from './components/master/master.component'; | 27 | import { MasterComponent } from './components/master/master.component'; |
| 28 | import { PopoverPromosComponent } from './components/popover-promos/popover-promos.component'; | 28 | import { PopoverPromosComponent } from './components/popover-promos/popover-promos.component'; |
| 29 | import { PopoverSinonimosComponent } from './components/popover-sinonimos/popover-sinonimos.component'; | 29 | import { PopoverSinonimosComponent } from './components/popover-sinonimos/popover-sinonimos.component'; |
| 30 | import { PagoComponent } from './components/pago/pago.component'; | 30 | import { PagoComponent } from './components/pago/pago.component'; |
| 31 | import { CancelarCompraComponent } from './components/cancelar-compra/cancelar-compra.component'; | 31 | import { CancelarCompraComponent } from './components/cancelar-compra/cancelar-compra.component'; |
| 32 | import { MensajeFinalComponent } from './components/mensaje-final/mensaje-final.component'; | 32 | import { MensajeFinalComponent } from './components/mensaje-final/mensaje-final.component'; |
| 33 | import { ComandaComponent } from './components/comanda/comanda.component'; | 33 | import { ComandaComponent } from './components/comanda/comanda.component'; |
| 34 | import { PedidosSalientesComponent } from './components/pedidos-salientes/pedidos-salientes.component'; | ||
| 34 | //#endregion | 35 | //#endregion |
| 35 | 36 | ||
| 36 | @NgModule({ | 37 | @NgModule({ |
| 37 | declarations: [ | 38 | declarations: [ |
| 38 | AppComponent, | 39 | AppComponent, |
| 39 | HeaderComponent, | 40 | HeaderComponent, |
| 40 | SidebarComponent, | 41 | SidebarComponent, |
| 41 | HomeComponent, | 42 | HomeComponent, |
| 42 | InicioComponent, | 43 | InicioComponent, |
| 43 | BusquedaProductosComponent, | 44 | BusquedaProductosComponent, |
| 44 | ConfirmacionCarritoComponent, | 45 | ConfirmacionCarritoComponent, |
| 45 | MasterComponent, | 46 | MasterComponent, |
| 46 | PopoverPromosComponent, | 47 | PopoverPromosComponent, |
| 47 | PopoverSinonimosComponent, | 48 | PopoverSinonimosComponent, |
| 48 | PagoComponent, | 49 | PagoComponent, |
| 49 | CancelarCompraComponent, | 50 | CancelarCompraComponent, |
| 50 | MensajeFinalComponent, | 51 | MensajeFinalComponent, |
| 51 | ComandaComponent | 52 | ComandaComponent, |
| 53 | PedidosSalientesComponent | ||
| 52 | ], | 54 | ], |
| 53 | imports: [ | 55 | imports: [ |
| 54 | BrowserModule, | 56 | BrowserModule, |
| 55 | AppRoutingModule, | 57 | AppRoutingModule, |
| 56 | HttpClientModule, | 58 | HttpClientModule, |
| 57 | FormsModule, | 59 | FormsModule, |
| 58 | ReactiveFormsModule, | 60 | ReactiveFormsModule, |
| 59 | ReactiveFormsModule.withConfig({ warnOnNgModelWithFormControl: 'never' }), | 61 | ReactiveFormsModule.withConfig({ warnOnNgModelWithFormControl: 'never' }), |
| 60 | TooltipModule.forRoot(), | 62 | TooltipModule.forRoot(), |
| 61 | PopoverModule.forRoot(), | 63 | PopoverModule.forRoot(), |
| 62 | BrowserAnimationsModule, | 64 | BrowserAnimationsModule, |
| 63 | MatKeyboardModule, | 65 | MatKeyboardModule, |
| 64 | MatButtonModule, | 66 | MatButtonModule, |
| 65 | CarouselModule.forRoot(), | 67 | CarouselModule.forRoot(), |
| 66 | PaginationModule.forRoot() | 68 | PaginationModule.forRoot() |
| 67 | ], | 69 | ], |
| 68 | providers: [], | 70 | providers: [], |
| 69 | bootstrap: [AppComponent] | 71 | bootstrap: [AppComponent] |
| 70 | }) | 72 | }) |
| 71 | export class AppModule { } | 73 | export class AppModule { } |
| 72 | 74 |
src/app/components/pedidos-salientes/pedidos-salientes.component.html
| File was created | 1 | <div class="bg-primary-gradient"> | |
| 2 | <div class="row"> | ||
| 3 | <div class="mx-auto my-5"> | ||
| 4 | <h1>Su pedido ya esta listo.</h1> | ||
| 5 | </div> | ||
| 6 | </div> | ||
| 7 | </div> | ||
| 8 |
src/app/components/pedidos-salientes/pedidos-salientes.component.scss
src/app/components/pedidos-salientes/pedidos-salientes.component.spec.ts
| File was created | 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; | |
| 2 | |||
| 3 | import { PedidosSalientesComponent } from './pedidos-salientes.component'; | ||
| 4 | |||
| 5 | describe('PedidosSalientesComponent', () => { | ||
| 6 | let component: PedidosSalientesComponent; | ||
| 7 | let fixture: ComponentFixture<PedidosSalientesComponent>; | ||
| 8 | |||
| 9 | beforeEach(async(() => { | ||
| 10 | TestBed.configureTestingModule({ | ||
| 11 | declarations: [ PedidosSalientesComponent ] | ||
| 12 | }) | ||
| 13 | .compileComponents(); | ||
| 14 | })); | ||
| 15 | |||
| 16 | beforeEach(() => { | ||
| 17 | fixture = TestBed.createComponent(PedidosSalientesComponent); | ||
| 18 | component = fixture.componentInstance; | ||
| 19 | fixture.detectChanges(); | ||
| 20 | }); | ||
| 21 | |||
| 22 | it('should create', () => { | ||
| 23 | expect(component).toBeTruthy(); | ||
| 24 | }); | ||
| 25 | }); | ||
| 26 |
src/app/components/pedidos-salientes/pedidos-salientes.component.ts
| File was created | 1 | import { Component, OnInit } from '@angular/core'; | |
| 2 | |||
| 3 | @Component({ | ||
| 4 | selector: 'app-pedidos-salientes', | ||
| 5 | templateUrl: './pedidos-salientes.component.html', | ||
| 6 | styleUrls: ['./pedidos-salientes.component.scss'] | ||
| 7 | }) | ||
| 8 | export class PedidosSalientesComponent implements OnInit { | ||
| 9 | |||
| 10 | constructor() { } | ||
| 11 | |||
| 12 | ngOnInit() { | ||
| 13 | } | ||
| 14 | |||
| 15 | } | ||
| 16 |