Commit 18d486fce7fbc8d9d52ef53a5e50d90dc014137a
1 parent
654425c399
Exists in
master
and in
1 other branch
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 |