Commit 18d486fce7fbc8d9d52ef53a5e50d90dc014137a
1 parent
654425c399
Exists in
master
login finish
Showing
3 changed files
with
8 additions
and
7 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 { ComprobantesComponent } from './comprobantes/comprobantes.component'; | 3 | import { ComprobantesComponent } from './comprobantes/comprobantes.component'; |
| 4 | import { AppBotonera } from './botonera/botonera.component'; | 4 | import { AppBotonera } from './botonera/botonera.component'; |
| 5 | import { LoginComponent } from './login/login.component'; | ||
| 5 | 6 | ||
| 6 | const routes: Routes = [ | 7 | const routes: Routes = [ |
| 7 | { path: 'comprobantes', component: ComprobantesComponent, pathMatch: 'full' }, | 8 | { path: 'comprobantes', component: ComprobantesComponent, pathMatch: 'full' }, |
| 8 | { path: '', redirectTo: 'home', pathMatch: 'full' }, | 9 | { path: '', redirectTo: 'home', pathMatch: 'full' }, |
| 9 | { path: 'home', component: AppBotonera } | 10 | { path: 'home', component: AppBotonera }, |
| 11 | { path: 'login', component: LoginComponent } | ||
| 10 | ]; | 12 | ]; |
| 11 | 13 | ||
| 12 | @NgModule({ | 14 | @NgModule({ |
| 13 | imports: [RouterModule.forRoot(routes)], | 15 | imports: [RouterModule.forRoot(routes)], |
| 14 | exports: [RouterModule] | 16 | exports: [RouterModule] |
| 15 | }) | 17 | }) |
| 16 | export class AppRoutingModule { } | 18 | export class AppRoutingModule { } |
| 17 | 19 |
src/app/app.module.ts
| 1 | import { BrowserModule } from '@angular/platform-browser'; | 1 | import { BrowserModule } from '@angular/platform-browser'; |
| 2 | import { NgModule } from '@angular/core'; | 2 | import { NgModule } from '@angular/core'; |
| 3 | import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; | 3 | import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; |
| 4 | import { HttpClientModule } from '@angular/common/http'; | 4 | import { HttpClientModule } from '@angular/common/http'; |
| 5 | import { FormsModule } from '@angular/forms'; | 5 | import { FormsModule } from '@angular/forms'; |
| 6 | import { LaddaModule } from 'angular2-ladda'; | 6 | import { LaddaModule } from 'angular2-ladda'; |
| 7 | 7 | ||
| 8 | import { AppRoutingModule } from './app-routing.module'; | 8 | import { AppRoutingModule } from './app-routing.module'; |
| 9 | import { AppComponent } from './app.component'; | 9 | import { AppComponent } from './app.component'; |
| 10 | import { AppBotonera } from './botonera/botonera.component'; | 10 | import { AppBotonera } from './botonera/botonera.component'; |
| 11 | import { ComprobantesComponent } from './comprobantes/comprobantes.component'; | 11 | import { ComprobantesComponent } from './comprobantes/comprobantes.component'; |
| 12 | import { NombreEmpresaComponent } from './nombre-empresa/nombre-empresa.component'; | 12 | import { NombreEmpresaComponent } from './nombre-empresa/nombre-empresa.component'; |
| 13 | import { AccionesComponent } from './acciones/acciones.component'; | 13 | import { AccionesComponent } from './acciones/acciones.component'; |
| 14 | import { LoginComponent } from './login/login.component'; | ||
| 15 | import { BusquedaComprobanteComponent } from './busqueda-comprobante/busqueda-comprobante.component'; | ||
| 14 | 16 | ||
| 15 | @NgModule({ | 17 | @NgModule({ |
| 16 | declarations: [ | 18 | declarations: [ |
| 17 | AppComponent, | 19 | AppComponent, |
| 18 | AppBotonera, | 20 | AppBotonera, |
| 19 | ComprobantesComponent, | 21 | ComprobantesComponent, |
| 20 | NombreEmpresaComponent, | 22 | NombreEmpresaComponent, |
| 21 | AccionesComponent | 23 | AccionesComponent, |
| 24 | LoginComponent, | ||
| 25 | BusquedaComprobanteComponent | ||
| 22 | ], | 26 | ], |
| 23 | imports: [ | 27 | imports: [ |
| 24 | BrowserModule, | 28 | BrowserModule, |
| 25 | AppRoutingModule, | 29 | AppRoutingModule, |
| 26 | NgbModule, | 30 | NgbModule, |
| 27 | HttpClientModule, | 31 | HttpClientModule, |
| 28 | FormsModule, | 32 | FormsModule, |
| 29 | LaddaModule | 33 | LaddaModule |
| 30 | ], | 34 | ], |
| 31 | providers: [], | 35 | providers: [], |
| 32 | bootstrap: [AppComponent] | 36 | bootstrap: [AppComponent] |
| 33 | }) | 37 | }) |
| 34 | export class AppModule { } | 38 | export class AppModule { } |
| 35 | 39 |
src/app/botonera/botonera.component.css
| 1 | .botonera-principal-comprobante { | 1 | .botonera-principal-comprobante { |
| 2 | background-image: url('/assets/img/comprobante.png'); | 2 | background-image: url('/assets/img/comprobante.png'); |
| 3 | background-size: 90px 90px; | 3 | background-size: 90px 90px; |
| 4 | display: inline-block; | 4 | display: inline-block; |
| 5 | text-align: center; | 5 | text-align: center; |
| 6 | border-radius: 12px; | 6 | border-radius: 12px; |
| 7 | border-width: 0; | 7 | border-width: 0; |
| 8 | height: 90px; | 8 | height: 90px; |
| 9 | position: relative; | 9 | position: relative; |
| 10 | width: 90px; | 10 | width: 90px; |
| 11 | outline: 0; | 11 | outline: 0; |
| 12 | } | 12 | } |
| 13 | .botonera-principal-comprobante:hover { | 13 | .botonera-principal-comprobante:hover { |
| 14 | background-color:rgb(250,250,250); | 14 | background-color:rgb(250,250,250); |
| 15 | filter:drop-shadow(4px 4px 4px gray); | 15 | filter:drop-shadow(4px 4px 4px gray); |
| 16 | } | 16 | } |
| 17 | .botonera-principal-comprobante:active { | 17 | .botonera-principal-comprobante:active { |
| 18 | background-color: rgb(230, 230, 230); | 18 | background-color: rgb(230, 230, 230); |
| 19 | filter:drop-shadow(4px 4px 4px gray); | 19 | filter:drop-shadow(4px 4px 4px gray); |
| 20 | } | 20 | } |
| 21 | @media (min-width: 992px) and (max-width: 1200px) { | 21 | @media (min-width: 992px) and (max-width: 1200px) { |
| 22 | .botonera-principal-comprobante { | 22 | .botonera-principal-comprobante { |
| 23 | width: 150px; | 23 | width: 150px; |
| 24 | } | 24 | } |
| 25 | } | 25 | } |
| 26 | .botonera-principal-comprobante > span { | 26 | .botonera-principal-comprobante > span { |
| 27 | left: 0; | 27 | left: 0; |
| 28 | position: absolute; | 28 | position: absolute; |
| 29 | text-align: center; | 29 | text-align: center; |
| 30 | top: 90px; | 30 | top: 90px; |
| 31 | width: 100%; | 31 | width: 100%; |
| 32 | font-size: 12px; | 32 | font-size: 12px; |
| 33 | color: #777777 | 33 | color: #777777 |
| 34 | } | 34 | } |
| 35 | .botonera-principal-logo { | 35 | .botonera-principal-logo { |
| 36 | width: 50%; | 36 | width: 50%; |
| 37 | margin-left: 75%; | 37 | margin-left: 75%; |
| 38 | opacity: .8; | 38 | opacity: .8; |
| 39 | } | 39 | } |
| 40 | @media (max-width: 576px) { | 40 | @media (max-width: 576px) { |
| 41 | .botonera-principal-logo { | 41 | .botonera-principal-logo { |
| 42 | width: 180%; | 42 | width: 180%; |
| 43 | margin-left: 20%; | 43 | margin-left: 20%; |
| 44 | opacity: .8; | 44 | opacity: .8; |
| 45 | } | 45 | } |
| 46 | } | 46 | } |
| 47 | .acciones-mobile { | ||
| 48 | line-height: 2.5em; | ||
| 49 | color: orange; | ||
| 50 | font-size: 1.25em | ||
| 51 | } | ||
| 52 | .swiper { | 47 | .swiper { |
| 53 | height: 300px; | 48 | height: 300px; |
| 54 | } | 49 | } |
| 55 | 50 |