Martin Macola / wrapper-demo

Commit 27a3462124481288ac724daa02d84e8e89abeaff

Authored by Marcelo Puebla 2019-07-22 13:03:50 -0300

Merge branch 'develop' of git.focasoftware.com:npm/wrapper-demo

# Conflicts:
#	index.html

Showing 4 changed files Show diff stats

index.html

Diff comments View file @ 27a3462

 <html ng-app="appWrapperDemo">
     <head>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
         <base href="./">
         <!--CSS-->
         <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
         <link href="./node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
         <link href="./node_modules/angular-ui-swiper/dist/angular-ui-swiper.css" rel="stylesheet"/>
         <link href="./node_modules/angular-ui-grid/ui-grid.min.css" rel="stylesheet"/>
         <link href="./node_modules/ladda/dist/ladda-themeless.min.css" rel="stylesheet"/>
         <link href="./node_modules/leaflet/dist/leaflet.css" rel="stylesheet"/>
         <link href="./css/general.css" rel="stylesheet"/>
         <link rel="shortcut icon" href="./img/favicon.png" />
         <!--VENDOR JS-->
         <script src="./node_modules/jquery/dist/jquery.min.js"></script>
         <script src="./node_modules/popper.js/dist/umd/popper.min.js"></script>
         <script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
         <script src="./node_modules/angular/angular.min.js"></script>
         <script src="./node_modules/angular-cookies/angular-cookies.min.js"></script>
         <script src="./node_modules/angular-i18n/angular-locale_es-ar.js"></script>
         <script src="./node_modules/angular-route/angular-route.min.js"></script>
         <script src="./node_modules/angular-sanitize/angular-sanitize.min.js"></script>
         <script src="./node_modules/ui-bootstrap4/dist/ui-bootstrap-tpls.js"></script>
         <script src="./node_modules/angular-ui-swiper/dist/angular-ui-swiper.js"></script>
         <script src="./node_modules/pdfmake/build/pdfmake.min.js"></script>
         <script src="./node_modules/pdfmake/build/vfs_fonts.js"></script>
         <script src="./node_modules/lodash/lodash.min.js"></script>
         <script src="./node_modules/jszip/dist/jszip.min.js"></script>
         <script src="./node_modules/excel-builder/dist/excel-builder.dist.min.js"></script>
         <script src="./node_modules/angular-ui-grid/ui-grid.min.js"></script>
         <script src="./node_modules/ladda/dist/spin.min.js"></script>
         <script src="./node_modules/ladda/dist/ladda.min.js"></script>
         <script src="./node_modules/angular-ladda/dist/angular-ladda.min.js"></script>
         <script src="./node_modules/leaflet/dist/leaflet.js"></script>
         <script src="./node_modules/ngstorage/ngStorage.min.js"></script>
         <script src="./vendor/cordovaGeolocationModule.min.js"></script>
         <script src="./node_modules/chart.js/dist/Chart.min.js"></script>
         <script src="./node_modules/angular-chart.js/dist/angular-chart.min.js"></script>
         <script src="./node_modules/angular-file-saver/dist/angular-file-saver.bundle.js"></script>
         <script src="./node_modules/angular-md5/angular-md5.min.js"></script>
         <script src="./node_modules/foca-abm-chofer/dist/foca-abm-chofer.min.js"></script>
         <script src="./node_modules/foca-abm-cliente/dist/foca-abm-cliente.min.js"></script>
         <script src="./node_modules/foca-abm-precios-condiciones/dist/foca-abm-precios-condiciones.min.js"></script>
         <script src="./node_modules/foca-abm-vehiculo/dist/foca-abm-vehiculo.min.js"></script>
         <script src="./node_modules/foca-abm-vendedor-cobrador/dist/foca-abm-vendedor-cobrador.min.js"></script>
         <script src="./node_modules/foca-activar-hoja-ruta/dist/foca-activar-hoja-ruta.min.js"></script>
         <script src="./node_modules/foca-admin-seguimiento/dist/foca-admin-seguimiento.min.js"></script>
         <script src="./node_modules/foca-agendar-visita/dist/foca-agendar-visita.min.js"></script>
         <script src="./node_modules/foca-autorizar-nota-pedido/dist/foca-autorizar-nota-pedido.min.js"></script>
         <script src="./node_modules/foca-botonera-facturador/dist/foca-botonera-facturador.min.js"></script>
         <script src="./node_modules/foca-botonera-lateral/dist/foca-botonera-lateral.min.js"></script>
         <script src="./node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js"></script>
         <script src="./node_modules/foca-busqueda-cliente/dist/foca-busqueda-cliente.min.js"></script>
         <script src="./node_modules/foca-cabecera-facturador/dist/foca-cabecera-facturador.min.js"></script>
         <script src="./node_modules/foca-configuracion/dist/foca-configuracion.min.js"></script>
         <script src="./node_modules/foca-configurar-terminal/dist/foca-configurar-terminal.min.js"></script>
         <script src="./node_modules/foca-crear-cobranza/dist/foca-crear-cobranza.min.js"></script>
+        <script src="./node_modules/foca-crear-factura/dist/foca-crear-factura.min.js"></script>
         <script src="./node_modules/foca-crear-hoja-ruta/dist/foca-crear-hoja-ruta.min.js"></script>
         <script src="./node_modules/foca-crear-nota-pedido/dist/foca-crear-nota-pedido.min.js"></script>
         <script src="./node_modules/foca-crear-login/dist/foca-crear-login.min.js"></script>
         <script src="./node_modules/foca-crear-remito/dist/foca-crear-remito.min.js"></script>
         <script src="./node_modules/foca-directivas/dist/foca-directivas.min.js"></script>
         <script src="./node_modules/foca-estado-cisternas/dist/foca-estado-cisternas.min.js"></script>
         <script src="./node_modules/foca-filtros/dist/foca-filtros.min.js"></script>
         <script src="./node_modules/foca-hoja-ruta/dist/foca-hoja-ruta.min.js"></script>
         <script src="./node_modules/foca-informes/dist/foca-informes.min.js"></script>
         <script src="./node_modules/foca-login/dist/foca-login.min.js"></script>
         <script src="./node_modules/foca-logistica-pedido-ruta/dist/foca-logistica-pedido-ruta.min.js"></script>
         <script src="./node_modules/foca-modal/dist/foca-modal.min.js"></script>
         <script src="./node_modules/foca-modal-busqueda-productos/dist/foca-busqueda-productos.min.js"></script>
         <script src="./node_modules/foca-modal-cheque/dist/foca-modal-cheque.min.js"></script>
         <script src="./node_modules/foca-modal-cobranza/dist/foca-modal-cobranza.min.js"></script>
         <script src="./node_modules/foca-modal-cotizacion/dist/foca-modal-cotizacion.min.js"></script>
+        <script src="./node_modules/foca-modal-descarga/dist/foca-modal-descarga.min.js"></script>
         <script src="./node_modules/foca-modal-detalle-cisternas/dist/foca-modal-detalle-cisternas.min.js"></script>
         <script src="./node_modules/foca-modal-detalle-hoja-ruta/dist/foca-modal-detalle-hoja-ruta.min.js"></script>
         <script src="./node_modules/foca-modal-detalles/dist/foca-modal-detalles.min.js"></script>
         <script src="./node_modules/foca-modal-domicilio/dist/foca-modal-domicilios.min.js"></script>
         <script src="./node_modules/foca-modal-efectivo/dist/foca-modal-efectivo.min.js"></script>
         <script src="./node_modules/foca-modal-factura/dist/foca-modal-factura.min.js"></script>
         <script src="./node_modules/foca-modal-factura-detalle/dist/foca-modal-factura-detalle.min.js"></script>
         <script src="./node_modules/foca-modal-flete/dist/foca-modal-flete.min.js"></script>
         <script src="./node_modules/foca-modal-grafico-cisternas/dist/foca-modal-grafico-cisternas.min.js"></script>
         <script src="./node_modules/foca-modal-informe/dist/foca-modal-informe.min.js"></script>
         <script src="./node_modules/foca-modal-lista-precio/dist/foca-modal-lista-precio.min.js"></script>
         <script src="./node_modules/foca-modal-localizar/dist/foca-modal-localizar.min.js"></script>
         <script src="./node_modules/foca-modal-login/dist/foca-modal-login.min.js"></script>
         <script src="./node_modules/foca-modal-nota-pedido/dist/foca-modal-nota-pedido.min.js"></script>
         <script src="./node_modules/foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js"></script>
         <script src="./node_modules/foca-modal-punto-descarga/dist/foca-modal-punto-descarga.min.js"></script>
         <script src="./node_modules/foca-modal-remito/dist/foca-modal-remito.min.js"></script>
         <script src="./node_modules/foca-modal-resumen-cuenta/dist/foca-modal-resumen-cuenta.min.js"></script>
         <script src="./node_modules/foca-modal-tarifa-flete/dist/foca-modal-tarifa-flete.min.js"></script>
         <script src="./node_modules/foca-modal-unidad-medida/dist/foca-modal-unidad-medida.min.js"></script>
         <script src="./node_modules/foca-nombre-empresa/dist/foca-nombre-empresa.min.js"></script>
         <script src="./node_modules/foca-parametros/dist/foca-parametros.min.js"></script>
         <script src="./node_modules/foca-seguimiento/dist/foca-seguimiento.min.js"></script>
         <script src="./node_modules/foca-teclado/dist/foca-teclado.min.js"></script>
         <script src="./node_modules/foca-modal-descarga/dist/foca-modal-descarga.min.js"></script>
         <script src="./node_modules/foca-modal-forma-pago/dist/foca-modal-forma-pago.min.js"></script>
         <script src="./src/js/app.js"></script>
         <script src="./src/js/controller.js"></script>
         <script src="./src/etc/develop.js"></script>
     </head>
     <body class="w-100">
         <style>
         </style>
         <foca-nombre-empresa></foca-nombre-empresa>
         <div ng-view class="container contenedor"></div>
         <div ng-controller="appWrapperDemoController" class="teclado-container container d-none d-md-block ">
             <foca-botonera-lateral></foca-botonera-lateral>
             <foca-teclado
                 ng-show="usarTeclado && mostrarTeclado"
                 alfanumeric="true"
                 numeric="true"
                 >
             </foca-teclado>
         </div>
     </body>
 </html>

package.json

Diff comments View file @ 27a3462

 {
     "name": "wrapper-demo",
     "version": "0.0.1",
     "description": "",
     "main": "main.js",
     "scripts": {
         "test": "unit-test.html",
         "initdev": "npm install gulp --global && npm install && npm install -g jshint",
         "gulp-pre-commit": "gulp pre-commit",
         "compile": "gulp uglify && gulp sass",
         "actualizar": "git pull origin master",
         "install-dev": "gulp pre-install && npm install && gulp post-install"
     },
     "pre-commit": [
         "gulp-pre-commit"
     ],
     "repository": {
         "type": "git",
         "url": "git@debonline.dyndns.org:npm/wrapper-demo.git"
     },
     "author": "Foca Software",
     "license": "ISC",
     "dependencies": {
         "angular": "^1.7.8",
         "angular-chart.js": "1.1.1",
         "angular-cookies": "^1.7.8",
         "angular-file-saver": "^1.1.3",
         "angular-i18n": "^1.7.8",
         "angular-ladda": "^0.4.3",
         "angular-md5": "^0.1.10",
         "angular-mocks": "^1.7.8",
         "angular-route": "^1.7.8",
         "angular-sanitize": "^1.7.8",
         "angular-ui-grid": "4.6.6",
         "angular-ui-swiper": "^2.3.8",
         "bootstrap": "^4.3.1",
         "chart.js": "2.7.3",
         "excel-builder": "2.0.3",
         "foca-abm-chofer": "git+ssh://git@debonline.dyndns.org:npm/foca-abm-chofer.git",
         "foca-abm-cliente": "git+ssh://git@debonline.dyndns.org:npm/foca-abm-cliente.git",
         "foca-abm-plazo-pago": "git+ssh://git@debonline.dyndns.org:npm/foca-abm-plazo-pago.git",
         "foca-abm-precios-condiciones": "git+ssh://git@debonline.dyndns.org:npm/foca-abm-precios-condiciones.git",
         "foca-abm-vehiculo": "git+ssh://git@debonline.dyndns.org:npm/foca-abm-vehiculo.git",
         "foca-abm-vendedor-cobrador": "git+ssh://git@debonline.dyndns.org:npm/foca-abm-vendedor-cobrador.git",
         "foca-activar-hoja-ruta": "git+ssh://git@debonline.dyndns.org:npm/foca-activar-hoja-ruta.git",
         "foca-admin-seguimiento": "git+ssh://git@debonline.dyndns.org:npm/foca-admin-seguimiento.git",
         "foca-agendar-visita": "git+ssh://git@debonline.dyndns.org:npm/foca-agendar-visita.git",
         "foca-autorizar-nota-pedido": "git+ssh://git@debonline.dyndns.org:npm/foca-autorizar-nota-pedido.git",
         "foca-botonera-facturador": "git+ssh://git@debonline.dyndns.org:npm/foca-botonera-facturador.git",
         "foca-botonera-lateral": "git+ssh://git@debonline.dyndns.org:npm/foca-botonera-lateral.git",
         "foca-botonera-principal": "git+ssh://git@debonline.dyndns.org:npm/foca-botonera-principal.git",
         "foca-busqueda-cliente": "git+ssh://git@debonline.dyndns.org:npm/foca-busqueda-cliente.git",
         "foca-cabecera-facturador": "git+ssh://git@debonline.dyndns.org:npm/foca-cabecera-facturador.git",
         "foca-configuracion": "git+ssh://git@debonline.dyndns.org:npm/foca-configuracion.git",
         "foca-configurar-terminal": "git+ssh://git@debonline.dyndns.org:npm/foca-configurar-terminal.git",
         "foca-crear-cobranza": "git+ssh://git@debonline.dyndns.org:npm/foca-crear-cobranza.git",
+        "foca-crear-factura": "git+ssh://git@debonline.dyndns.org:npm/foca-crear-factura.git",
         "foca-crear-hoja-ruta": "git+ssh://git@debonline.dyndns.org:npm/foca-crear-hoja-ruta.git",
         "foca-crear-login": "git+ssh://git@debonline.dyndns.org:npm/foca-crear-login.git",
         "foca-crear-nota-pedido": "git+ssh://git@debonline.dyndns.org:npm/foca-crear-nota-pedido.git",
         "foca-crear-remito": "git+ssh://git@debonline.dyndns.org:npm/foca-crear-remito.git",
         "foca-directivas": "git+ssh://git@debonline.dyndns.org:npm/foca-directivas.git",
         "foca-estado-cisternas": "git+ssh://git@debonline.dyndns.org:npm/foca-estado-cisternas.git",
         "foca-filtros": "git+ssh://git@debonline.dyndns.org:npm/foca-filtros.git",
         "foca-hoja-ruta": "git+ssh://git@debonline.dyndns.org:npm/foca-hoja-ruta.git",
         "foca-informes": "git+ssh://git@debonline.dyndns.org:npm/foca-informes.git",
         "foca-login": "git+ssh://git@debonline.dyndns.org:npm/foca-login.git",
         "foca-logistica-pedido-ruta": "git+ssh://git@debonline.dyndns.org:npm/foca-logistica-pedido-ruta.git",
         "foca-modal": "git+ssh://git@debonline.dyndns.org:npm/foca-modal.git",
         "foca-modal-busqueda-productos": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-busqueda-productos.git",
         "foca-modal-cheque": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-cheque.git",
         "foca-modal-cobranza": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-cobranza.git",
         "foca-modal-cotizacion": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-cotizacion.git",
         "foca-modal-descarga": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-descarga.git",
         "foca-modal-detalle-cisternas": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-detalle-cisternas.git",
         "foca-modal-detalle-hoja-ruta": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-detalle-hoja-ruta.git",
         "foca-modal-detalles": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-detalles.git",
         "foca-modal-domicilio": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-domicilio.git",
         "foca-modal-efectivo": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-efectivo.git",
         "foca-modal-factura": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-factura.git",
         "foca-modal-factura-detalle": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-factura-detalle.git",
         "foca-modal-flete": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-flete.git",
         "foca-modal-grafico-cisternas": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-grafico-cisternas.git",
         "foca-modal-informe": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-informe.git",
         "foca-modal-lista-precio": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-lista-precio.git",
         "foca-modal-localizar": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-localizar.git",
         "foca-modal-login": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-login.git",
         "foca-modal-nota-pedido": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-nota-pedido.git",
         "foca-modal-precio-condiciones": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-precio-condiciones.git",
         "foca-modal-punto-descarga": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-punto-descarga.git",
         "foca-modal-remito": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-remito.git",
         "foca-modal-resumen-cuenta": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-resumen-cuenta.git",
         "foca-modal-tarifa-flete": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-tarifa-flete.git",
         "foca-modal-unidad-medida": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-unidad-medida.git",
         "foca-nombre-empresa": "git+ssh://git@debonline.dyndns.org:npm/foca-nombre-empresa.git",
         "foca-parametros": "git+ssh://git@debonline.dyndns.org:npm/foca-parametros.git",
         "foca-seguimiento": "git+ssh://git@debonline.dyndns.org:npm/foca-seguimiento.git",
         "foca-teclado": "git+ssh://git@debonline.dyndns.org:npm/foca-teclado.git",
         "font-awesome": "^4.7.0",
         "gulp-angular-templatecache": "^2.2.7",
         "gulp-htmlmin": "^5.0.1",
         "gulp-sequence": "^1.0.0",
         "gulp-uglify-es": "^1.0.4",
         "jquery": "^3.4.1",
         "jszip": "2.6.1",
         "ladda": "1.0.6",
         "leaflet": "1.3.4",
         "lodash": "4.17.11",
         "moment": "2.23.0",
         "ngstorage": "^0.3.11",
         "node-sass": "^4.12.0",
         "pdfmake": "0.1.41",
         "popper.js": "^1.15.0",
         "uglify": "^0.1.5",
         "ui-bootstrap4": "^3.0.6"
     },
     "devDependencies": {
         "gulp": "3.9.1",
         "gulp-clean": "^0.4.0",
         "gulp-concat": "^2.6.1",
         "gulp-connect": "^5.7.0",
         "gulp-jshint": "^2.1.0",
         "gulp-rename": "^1.4.0",
         "gulp-replace": "^1.0.0",
         "gulp-sass": "^4.0.1",
         "gulp-uglify": "^3.0.2",
         "gulp-watch": "^5.0.1",
         "jasmine-core": "^3.4.0",
         "jshint": "^2.10.2",
         "pre-commit": "^1.2.2",
         "pump": "^3.0.0"
     }
 }

src/js/app.js

Diff comments View file @ 27a3462

 angular.module('appWrapperDemo', [
     //EXTERNOS
     'angular-ladda',
     'cordovaGeolocationModule',
     'ngCookies',
     'ngRoute',
     'ngSanitize',
     'ngStorage',
     'onScreenKeyboard',
     'ui.bootstrap',
     'ui.swiper',
     'ui.grid',
     'ui.grid.exporter',
     'ngFileSaver',
     'angular-md5',
     // MODULOS FOCA
     'focaAbmPreciosCondiciones',
     'focaAbmVehiculo',
     'focaAbmChofer',
     'focaAbmCliente',
     'focaAbmVendedorCobrador',
     'focaActivarHojaRuta',
     'focaAdminSeguimiento',
     'focaAgendarVisita',
     'focaAutorizarHojaRuta',
     'focaBotoneraFacturador',
     'focaBotoneraLateral',
     'focaBotoneraPrincipal',
     'focaBusquedaCliente',
     'focaBusquedaProductos',
     'focaCabeceraFacturador',
     'focaConfiguracion',
     'focaConfigurarTerminal',
     'focaCrearCobranza',
+    'focaCrearFactura',
     'focaCrearHojaRuta',
     'focaCrearLogin',
     'focaCrearNotaPedido',
     'focaCrearRemito',
     'focaDirectivas',
     'focaEstadoCisternas',
     'focaFiltros',
     'focaHojaRuta',
     'focaInformes',
     'focaLogin',
     'focaModal',
     'focaModalCheque',
     'focaModalCobranza',
     'focaModalCotizacion',
     'focaModalDescarga',
     'focaModalDetalleCisternas',
     'focaModalDetalleHojaRuta',
     'focaModalDetalles',
     'focaModalDomicilio',
     'focaModalEfectivo',
     'focaModalFactura',
     'focaModalFacturaDetalle',
     'focaModalFlete',
     'focaModalGraficoCisternas',
     'focaModalInforme',
     'focaModalListaPrecio',
     'focaModalLocalizar',
     'focaModalLogin',
     'focaModalNotaPedido',
     'focaModalPrecioCondicion',
     'focaModalPuntoDescarga',
     'focaModalRemito',
     'focaModalResumenCuenta',
     'focaModalTarifaFlete',
     'focaModalUnidadMedida',
     'focaNombreEmpresa',
     'focaParametros',
     'focaSeguimiento',
     'focaTeclado',
     'focaLogisticaPedidoRuta',
     'focaModalFormaPago'
 ]);

src/sass/_botonera-principal.scss

Diff comments View file @ 27a3462

 .botonera-principal {
     menuitem {
         display: inline-block;
         height: 130px;
         text-align: center;
         width: 180px;
         @media (max-width: 576px) {
             width: 100%;
         }
         @media (min-width: 992px) and (max-width: 1200px) {
             width: 150px;
         }
     }
     button {
         cursor: pointer;
         background-image: url("../img/botonera.png");
         border-radius: 12px;
         border-width: 0;
         height: 90px;
         position: relative;
         width: 90px;
         outline: 0;
         span {
             left: 0;
             position: absolute;
             text-align: center;
             top: 90px;
             width: 100%;
             font-size: 12px;
             color: #777777;
         }
         &:hover {
             background-color: rgb(250, 250, 250);
             filter: drop-shadow(4px 4px 4px gray);
         }
         &:active {
             background-color: rgb(230, 230, 230);
             filter: drop-shadow(4px 4px 4px gray);
         }
         &:focus {
             background-color: rgb(250, 250, 250);
             filter: drop-shadow(4px 4px 4px gray);
         }
     }
     &-menu {
         width: 100%;
         padding-left: 90px;
         @media (max-width: 576px) {
             padding: 0;
         }
     }
     &-logo {
         width: 100%;
         margin-left: 50%;
         opacity: 0.8;
         @media (max-width: 576px) {
             width: 180%;
             margin-left: 20%;
         }
     }
     &-vacio {
         & button {
             background-position: -4380px 0;
             &:hover {
                 background-position: -4380px -90px;
             }
         }
     }
     &-abrir-turno {
         & button {
             background-position: 0 0;
             &:hover {
                 background-position: 0 -90px;
             }
         }
     }
     &-cerrar-turno {
         & button {
             background-position: -90px 0;
             &:hover {
                 background-position: -90px -90px;
             }
         }
     }
     &-caja {
         & button {
             background-position: -180px 0;
             &:hover {
                 background-position: -180px -90px;
             }
         }
     }
     &-estado-cisterna {
         & button {
             background-image: url("../img/control_stock.png");
             background-size: 90px 90px;
         }
     }
     &-logistica {
         & button {
             background-image: url("../img/logistica.png");
             background-size: 90px 90px;
         }
     }
     &-facturador {
         & button {
             background-position: -270px 0px;
             &:hover {
                 background-position: -270px -90px;
             }
         }
     }
     &-nota-pedido {
         & button {
             background-image: url("../img/notaPedido.png");
             background-size: 90px 90px;
         }
     }
     &-remito {
         & button {
             background-image: url("../img/remito.png");
             background-size: 90px 90px;
         }
     }
     &-hoja-ruta {
         & button {
             background-image: url("../img/hoja-ruta.png");
             background-size: 86px 90px;
         }
     }
     &-activar-hoja-ruta {
         & button {
             background-image: url("../img/activar_hoja.png");
             background-size: 90px 90px;
         }
     }
     &-hoja-ruta-transportista {
         & button {
             background-image: url("../img/hojaRutaVolante.png");
             background-size: 90px 90px;
         }
     }
     &-seguimiento {
         & button {
             background-image: url("../img/seguimientoNotaPedido.png");
             background-size: 90px 90px;
         }
     }
     &-seguimiento-hoja-ruta {
         & button {
             background-image: url("../img/seguimientoHojaRuta.png");
             background-size: 90px 90px;
         }
     }
     &-cobranzas {
         & button {
             background-image: url("../img/cobranzas.png");
             background-size: 90px 90px;
         }
     }
     &-seguimiento-cobranzas {
         & button {
             background-image: url("../img/seguimientoCobranza.png");
             background-size: 90px 90px;
         }
     }
     &-vehiculo {
         & button {
             background-image: url("../img/abmVehiculos.png");
             background-size: 90px 90px;
         }
     }
     &-precio-condicion {
         & button {
             background-image: url("../img/abmPrecios.png");
             background-size: 90px 90px;
         }
     }
     &-chofer {
         & button {
             background-image: url("../img/abmChofer.png");
             background-size: 90px 90px;
         }
     }
     &-agendar-visita {
         & button {
             background-image: url("../img/agendarVisita.png");
             background-size: 90px 90px;
         }
     }
     &-informes {
         & button {
             background-image: url("../img/informes.png");
             background-size: 90px 90px;
         }
     }
     &-vendedor-cobrador {
         & button {
             background-image: url("../img/abmVendedorCobrador.png");
             background-size: 90px 90px;
         }
     }
     &-autorizar-nota {
         & button {
             background-image: url("../img/autorizarNota.png");
             background-size: 90px 90px;
         }
     }
     &-cliente {
         & button {
             background-image: url("../img/clientePrincipal.png");
             background-size: 90px 90px;
         }
     }
     &-parametros {
         & button {
             background-image: url("../img/parametrizar.png");
             background-size: 90px 90px;
         }
     }
+    &-factura {
+        & button {
+            background-image: url("../img/factura.png");
+            background-size: 90px 90px;
+        }
+    }
     .swiper-pagination {
         bottom: 0px !important;
     }
     .swiper-button-next {
         background-image: url("../img/derecha.png");
         &:hover {
             filter: drop-shadow(4px 4px 4px gray);
         }
     }
     .swiper-button-prev {
         background-image: url("../img/izquierda.png");
         &:hover {
             filter: drop-shadow(4px 4px 4px gray);
         }
     }
     @media (min-width: 992px) {
         a {
             margin-top: 2.5rem;
         }
     }
 }