Commit 18d486fce7fbc8d9d52ef53a5e50d90dc014137a

Authored by Eric Fernandez
1 parent 654425c399
Exists in master

login finish

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