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 |