Luigi / wrapper-demo

 <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"/>
         <!--VENDOR JS-->
         <script src="./node_modules/jquery/dist/jquery.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-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-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-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-seguimiento/dist/foca-seguimiento.min.js"></script>
         <script src="./node_modules/foca-teclado/dist/foca-teclado.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 @ 5a71611

 {
     "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-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-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-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-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.6",
         "gulp-htmlmin": "^5.0.1",
         "gulp-sequence": "^1.0.0",
         "gulp-uglify-es": "^1.0.4",
-        "jquery": "^3.3.1",
+        "jquery": "^3.4.0",
         "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.11.0",
         "pdfmake": "0.1.41",
         "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.3.0",
+        "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 @ 5a71611

 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',
     'focaAbmVendedorCobrador',
     'focaActivarHojaRuta',
     'focaAdminSeguimiento',
     'focaAgendarVisita',
+    'focaAutorizarHojaRuta',
     'focaBotoneraFacturador',
     'focaBotoneraLateral',
     'focaBotoneraPrincipal',
     'focaBusquedaCliente',
     'focaBusquedaProductos',
     'focaCabeceraFacturador',
     'focaConfiguracion',
     'focaConfigurarTerminal',
     'focaCrearCobranza',
     'focaCrearHojaRuta',
     'focaCrearLogin',
     'focaCrearNotaPedido',
     'focaCrearRemito',
     'focaDirectivas',
     'focaEstadoCisternas',
     'focaFiltros',
     'focaHojaRuta',
     'focaInformes',
     'focaLogin',
     'focaModal',
     'focaModalCheque',
     'focaModalCobranza',
     'focaModalCotizacion',
     'focaModalDetalleCisternas',
     'focaModalDetalleHojaRuta',
     'focaModalDetalles',
     'focaModalDomicilio',
     'focaModalEfectivo',
     'focaModalFactura',
     'focaModalFacturaDetalle',
     'focaModalFlete',
     'focaModalGraficoCisternas',
     'focaModalInforme',
     'focaModalListaPrecio',
     'focaModalLocalizar',
     'focaModalLogin',
     'focaModalNotaPedido',
     'focaModalPrecioCondicion',
     'focaModalPuntoDescarga',
     'focaModalRemito',
     'focaModalResumenCuenta',
     'focaModalTarifaFlete',
     'focaModalUnidadMedida',
     'focaNombreEmpresa',
     'focaSeguimiento',
     'focaTeclado',
     'focaLogisticaPedidoRuta'
 ]);

src/sass/_botonera-principal.scss

Diff comments View file @ 5a71611

 .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 {
         background-image: url('../img/botonera.png');
         border-radius: 12px;
         border-width: 0;
         height: 90px;
         position: relative;
         width: 90px;
         span {
             left: 0;
             position: absolute;
             text-align: center;
             top: 90px;
             width: 100%;
             font-size: 12px;
             color: #777777;
         }
     }
     &-menu {
         width: 100%;
         padding-left: 90px;
         @media (max-width: 576px) {
             padding: 0;
         }
     }
     &-logo {
-        width: 80%;
+        width: 100%;
+        margin-left: 50%;
         opacity: .8;
         @media (max-width: 576px) {
-            width: 100%;
+            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;
+            &:hover {
+                background-color: rgb(250,250,250);
+            }
+        }
+    }
+    &-logistica {
+        & button {
+            background-image: url('../img/logistica.png');
+            background-size: 90px 90px;
+            &:hover {
+                background-color: rgb(250,250,250);
+            }
+        }
+    }
     &-facturador {
         & button {
             background-position: -270px 0px;
             &:hover {
                 background-position: -270px -90px;
             }
         }
     }
     &-nota-pedido {
         & button {
-            background-position: -1250px 0px;
+            background-image: url('../img/notaPedido.png');
+            background-size: 90px 90px;
             &:hover {
-                background-position: -1250px -90px;
+                background-color: rgb(250,250,250);
             }
         }
     }
     &-remito {
         & button {
-            background-position: -4560px 0px;
+            background-image: url('../img/remito.png');
+            background-size: 90px 90px;
             &:hover {
-                background-position: -4560px -90px;
+                background-color: rgb(250,250,250);
             }
         }
     }
     &-hoja-ruta {
         & button {
-            background-position: -4650px 0px;
+            background-image: url('../img/hoja-ruta.png');
+            background-size: 86px 90px;
             &:hover {
-                background-position: -4650px -90px;
+                background-color: rgb(250,250,250);
             }
         }
     }
     &-hoja-ruta-transportista {
         & button {
             background-image: url('../img/hojaRutaVolante.png');
             background-size: 90px 90px;
             &:hover {
                 background-color: rgb(250,250,250);
             }
         }
     }
     &-seguimiento {
         & button {
             background-image: url('../img/seguimientoNotaPedido.png');
             background-size: 90px 90px;
-            background-position: 15px 10px;
+            // background-position: 15px 10px;
             &:hover {
                 background-color: rgb(250,250,250);
             }
         }
     }
     &-seguimiento-hoja-ruta {
         & button {
             background-image: url('../img/seguimientoHojaRuta.png');
             background-size: 90px 90px;
-            background-position: 15px 10px;
+            // background-position: 15px 10px;
             &:hover {
                 background-color: rgb(250,250,250);
             }
         }
     }
     &-cobranzas {
         & button {
-            background-position: -1880 0px;
+            background-image: url('../img/cobranzas.png');
+            background-size: 90px 90px;
+            // background-position: 15px 10px;
             &:hover {
-                background-position: -1880 -90px;
+                background-color: rgb(250,250,250);
             }
         }
     }
     &-seguimiento-cobranzas {
         & button {
             background-image: url('../img/seguimientoCobranza.png');
             background-size: 90px 90px;
-            background-position: 15px 10px;
+            // background-position: 15px 10px;
             &:hover {
                 background-color: rgb(250,250,250);
             }
         }
     }
     &-vehiculo {
         & button {
             background-image: url('../img/abmVehiculos.png');
             background-size: 90px 90px;
             &:hover {
                 background-color: rgb(250,250,250);
             }
         }
     }
     &-precio-condicion {
         & button {
             background-image: url('../img/abmPrecios.png');
             background-size: 90px 90px;
             &:hover {
                 background-color: rgb(250,250,250);
             }
         }
     }
     &-chofer {
         & button {
             background-image: url('../img/abmChofer.png');
             background-size: 90px 90px;
             &:hover {
                 background-color: rgb(250,250,250);
             }
         }
     }
     &-agendar-visita {
         & button {
             background-image: url('../img/agendarVisita.png');
             background-size: 90px 90px;
             &:hover {
+                box-shadow: 2px;
                 background-color: rgb(250,250,250);
             }
         }
     }
     &-informes {
         & button {
             background-image: url('../img/informes.png');
             background-size: 90px 90px;
             &:hover {
                 background-color: rgb(250,250,250);
             }
         }
     }
     &-vendedor-cobrador {
         & button {
             background-image: url('../img/abmVendedorCobrador.png');
             background-size: 90px 90px;
             &:hover {
                 background-color: rgb(250,250,250);
             }
         }
     }
+    &-autorizar-nota {
+        & button {
+            background-image: url('../img/autorizarNota.png');
+            background-size: 90px 90px;
+            &:hover {
+                background-color: rgb(250,250,250);
+            }
+        }
+    }
     .swiper-pagination {
         bottom: 0px !important;
     }
     .swiper-button-next {
         background-image: url('../img/derecha.png');
     }
     .swiper-button-prev {
         background-image: url('../img/izquierda.png');
     }
     @media (min-width: 992px){
         a{
             margin-top: 2.5rem;
         }
     }
 }

src/sass/_botonera-secundaria.scss

Diff comments View file @ 5a71611

1	.botonera-secundaria {	1	.botonera-secundaria {
2	.row {	2	.row {
3	border-radius: 5px;	3	border-radius: 5px;
4	overflow: hidden;	4	overflow: hidden;
5	}	5	}
6	.btn-xs {	6	.btn-xs {
7	display: grid;	7	display: grid;
8	border-width: 3px !important;	8	border-width: 3px !important;
9	border-radius: .7rem !important;	9	border-radius: .7rem !important;
10	margin-right: 1px;	10	margin-right: 1px;
11	width: calc(100% - 1px);	11	width: calc(100% - 1px);
12	margin-bottom: 1px;	12	margin-bottom: 1px;
13
14	&:hover{	13	&:hover{
15	background-color: #cd903550 ;	14	background-color: #cd903550 ;
16	border-color: #cd9035 !important;	15	border-color: #cd9035 !important;
17	}	16	}
18	&:focus{	17	&:focus{
19	box-shadow: 0 0 0 0.2rem rgb(216, 176, 125);	18	box-shadow: 0 0 0 0.2rem rgb(216, 176, 125);
20	}	19	}
21	img{	20	img{
22	width: 50%;	21	width: 40%;
23	margin: auto	22	margin: auto
24	}	23	}
25	span{	24	span{
26	font-size: 11px;	25	font-size: 11px;
27	margin-left: -.25rem;	26	margin-left: -.25rem;
28	margin-right: -.25rem;	27	margin-right: -.25rem;
29	}	28	}
30	}	29	}
31	@media(max-width: 992px){	30	@media(max-width: 992px){
32	.btn-xs{	31	.btn-xs{
33	font-weight: 700;	32	font-weight: 700;
34	}	33	}
35	}	34	}
36	@media(min-width: 1200px){	35	@media(min-width: 1200px){
37	.btn-xs{	36	.btn-xs{
38	height: 85px !important;	37	height: 85px !important;
39	}	38	}
40	.foca-facturador-px{	39	.foca-facturador-px{
41	padding-left: 3rem;	40	padding-left: 3rem;
42	padding-right: 3rem;	41	padding-right: 3rem;
43	}	42	}
44	}	43	}
45		44
46	@media(min-width: 992px) and (max-width: 1200px){	45	@media(min-width: 992px) and (max-width: 1200px){
47	.btn-xs{	46	.btn-xs{
48	height: 73px !important;	47	height: 73px !important;
49	}	48	}
50	}	49	}
51		50
52	@media(min-width: 768px) and (max-width: 992px){	51	@media(min-width: 768px) and (max-width: 992px){
53	.btn-xs{	52	.btn-xs{
54	height: 62px !important;	53	height: 62px !important;
55	}	54	}
56	}	55	}
57		56
58	@media(min-width: 576px) and (max-width: 768px){	57	@media(min-width: 576px) and (max-width: 768px){
59	.btn-xs{	58	.btn-xs{
60	max-height: 51px;	59	max-height: 51px;
61	}	60	}
62	}	61	}
63		62
64	@media(max-width: 576px) {	63	@media(max-width: 576px) {
65	.btn-xs{	64	.btn-xs{
66	max-height: 13vw;	65	max-height: 13vw;
67	}	66	}
68	}	67	}
69		68
70	}	69	}
71		70

src/sass/_login.scss

Diff comments View file @ 5a71611

1	.login {	1	.login {
2	background-color: #bdbdbd;	2	background-color: #bdbdbd;
3	border: 1px solid #000000;	3	border: 1px solid #000000;
4	border-radius: 3px;	4	border-radius: 3px;
5	height: calc(193px + 1em);	5	height: calc(193px + 1em);
6	left: calc(50% - 130px);	6	left: calc(50% - 130px);
7	opacity: 0.7;	7	opacity: 0.7;
8	position: absolute;	8	position: absolute;
9	text-align: center;	9	text-align: center;
10	top: 190px;	10	top: 190px;
11	width: 260px;	11	width: 260px;
12	&-titulo {	12	&-titulo {
13	border-bottom: 1px solid #ffffff;	13	border-bottom: 1px solid #ffffff;
14	padding: 5px 0;	14	padding: 5px 0;
15	}	15	}
16	&-campo {	16	&-campo {
17	label {	17	label {
18	display: block;	18	display: block;
19	font-size: 12px;	19	font-size: 12px;
20	margin: 5px 0 0;	20	margin: 5px 0 0;
21	}	21	}
22	input {	22	input {
23	-moz-border-radius: 10px;	23	-moz-border-radius: 10px;
24	-khtml-border-radius: 10px;	24	-khtml-border-radius: 10px;
25	-webkit-border-radius: 10px;	25	-webkit-border-radius: 10px;
26	-webkit-appearance: none;	26	-webkit-appearance: none;
27	padding-right: 5%;	27	padding-right: 5%;
28	padding-left: 5%;	28	padding-left: 5%;
29	border-radius: 10px;	29	border-radius: 10px;
30	outline: 0;	30	outline: 0;
31	border-color: transparent;	31	border-color: transparent;
32	&:focus {	32	&:focus {
33	border-color: #ff9900;	33	border-color: #ff9900;
34	}	34	}
35	}	35	}
36	}	36	}
37		37
38
39	&-button {	38	&-button {
40	width: 80%;	39	width: 80%;
41	background-color: #cd9035;	40	background-color: #cd9035;
42	color: white;	41	color: white;
43	&:hover{	42	&:hover{
44	background-color: #a7743d;	43	background-color: #a7743d;
45	color: white	44	color: white
46	}	45	}
47	&:focus{	46	&:focus{
48	color: white;	47	color: white;
49	}	48	}
50	}	49	}
51		50
52	&-alerta-error {	51	&-alerta-error {
53	width: 260px;	52	width: 260px;
54	left: calc(50% - 130px);	53	left: calc(50% - 130px);
55	top: calc(383px + 1.5em);	54	top: calc(383px + 1.5em);
56	}	55	}
57	}	56	}
58		57

src/sass/_logistica-pedido-ruta.scss

Diff comments View file @ 5a71611

1	.arrastrando {	1	.arrastrando {
2	opacity: 0.5;	2	opacity: 0.5;
3	}	3	}
4	.vertical {	4	.vertical {
5	display: inline-block;	5	display: inline-block;
6	width: 20%;	6	width: 20%;
7	height: 40px;	7	height: 40px;
8	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */	8	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
9	transform: rotate(-90deg);	9	transform: rotate(-90deg);
10	}	10	}
11	.progress-circle{	11	.progress-circle{
12	width: 150px;	12	width: 150px;
13	height: 150px;	13	height: 150px;
14	line-height: 150px;	14	line-height: 150px;
15	background: none;	15	background: none;
16	margin: 0 auto;	16	margin: 0 auto;
17	box-shadow: none;	17	box-shadow: none;
18	position: relative;	18	position: relative;
19	}	19	}
20	.progress-circle:after{	20	.progress-circle:after{
21	content: "";	21	content: "";
22	width: 100%;	22	width: 100%;
23	height: 100%;	23	height: 100%;
24	border-radius: 50%;	24	border-radius: 50%;
25	border: 12px solid #fff;	25	border: 8px solid #fff;
26	position: absolute;	26	position: absolute;
27	top: 0;	27	top: 0;
28	left: 0;	28	left: 0;
29	}	29	}
30	.progress-circle > span{	30	.progress-circle > span{
31	width: 50%;	31	width: 50%;
32	height: 100%;	32	height: 100%;
33	overflow: hidden;	33	overflow: hidden;
34	position: absolute;	34	position: absolute;
35	top: 0;	35	top: 0;
36	z-index: 1;	36	z-index: 1;
37	}	37	}
38	.progress-circle .progress-left{	38	.progress-circle .progress-left{
39	left: 0;	39	left: 0;
40	}	40	}
41	.progress-circle .progress-bar{	41	.progress-circle .progress-bar{
42	width: 100%;	42	width: 100%;
43	height: 100%;	43	height: 100%;
44	background: none;	44	background: none;
45	border-width: 12px;	45	border-width: 8px;
46	border-style: solid;	46	border-style: solid;
47	position: absolute;	47	position: absolute;
48	top: 0;	48	top: 0;
49	}	49	}
50	.progress-circle .progress-left .progress-bar{	50	.progress-circle .progress-left .progress-bar{
51	left: 100%;	51	left: 100%;
52	border-top-right-radius: 80px;	52	border-top-right-radius: 80px;
53	border-bottom-right-radius: 80px;	53	border-bottom-right-radius: 80px;
54	border-left: 0;	54	border-left: 0;
55	-webkit-transform-origin: center left;	55	-webkit-transform-origin: center left;
56	transform-origin: center left;	56	transform-origin: center left;
57	}	57	}
58	.progress-circle .progress-right{	58	.progress-circle .progress-right{
59	right: 0;	59	right: 0;
60	}	60	}
61	.progress-circle .progress-right .progress-bar{	61	.progress-circle .progress-right .progress-bar{
62	left: -100%;	62	left: -100%;
63	border-top-left-radius: 80px;	63	border-top-left-radius: 80px;
64	border-bottom-left-radius: 80px;	64	border-bottom-left-radius: 80px;
65	border-right: 0;	65	border-right: 0;
66	-webkit-transform-origin: center right;	66	-webkit-transform-origin: center right;
67	transform-origin: center right;	67	transform-origin: center right;
68	animation: loading-1 1.8s linear forwards;	68	animation: loading-1 1.8s linear forwards;
69	}	69	}
70	.progress-circle .progress-value{	70	.progress-circle .progress-value{
71	width: 90%;	71	width: 90%;
72	height: 90%;	72	height: 90%;
73	border-radius: 50%;	73	border-radius: 50%;
74	background: #44484b;	74	background: #44484b;
75	font-size: 24px;	75	font-size: 20px;
76	color: #fff;	76	color: #fff;
77	line-height: 20px;	77	line-height: 20px;
78	text-align: center;	78	text-align: center;
79	position: absolute;	79	position: absolute;
80	top: 5%;	80	top: 5%;
81	left: 5%;	81	left: 5%;
82	}	82	}
83	.progress-circle.blue .progress-bar{	83	.progress-circle.blue .progress-bar{
84	border-color: #049dff;	84	border-color: #049dff;
85	}	85	}
86	.progress-circle.blue .progress-left .progress-bar{	86	.progress-circle.blue .progress-left .progress-bar{
87	animation: loading-2 1.5s linear forwards 1.8s;	87	animation: loading-2 1.5s linear forwards 1.8s;
88	}	88	}
89	@keyframes loading-1{	89	@keyframes loading-1{
90	0%{	90	0%{
91	-webkit-transform: rotate(0deg);	91	-webkit-transform: rotate(0deg);
92	transform: rotate(0deg);	92	transform: rotate(0deg);
93	}	93	}
94	100%{	94	100%{
95	-webkit-transform: rotate(180deg);	95	-webkit-transform: rotate(180deg);
96	transform: rotate(180deg);	96	transform: rotate(180deg);
97	}	97	}
98	}	98	}
99	@keyframes loading-2{	99	@keyframes loading-2{
100	0%{	100	0%{
101	-webkit-transform: rotate(0deg);	101	-webkit-transform: rotate(0deg);
102	transform: rotate(0deg);	102	transform: rotate(0deg);
103	}	103	}
104	100%{	104	100%{
105	-webkit-transform: rotate(180deg);	105	-webkit-transform: rotate(180deg);
106	transform: rotate(180deg);	106	transform: rotate(180deg);
107	}	107	}
108	}	108	}
109	@keyframes loading-3{	109	@keyframes loading-3{
110	0%{	110	0%{
111	-webkit-transform: rotate(0deg);	111	-webkit-transform: rotate(0deg);
112	transform: rotate(0deg);	112	transform: rotate(0deg);
113	}	113	}
114	100%{	114	100%{
115	-webkit-transform: rotate(90deg);	115	-webkit-transform: rotate(90deg);
116	transform: rotate(90deg);	116	transform: rotate(90deg);
117	}	117	}
118	}	118	}
119	@keyframes loading-4{	119	@keyframes loading-4{
120	0%{	120	0%{
121	-webkit-transform: rotate(0deg);	121	-webkit-transform: rotate(0deg);
122	transform: rotate(0deg);	122	transform: rotate(0deg);
123	}	123	}
124	100%{	124	100%{
125	-webkit-transform: rotate(36deg);	125	-webkit-transform: rotate(36deg);
126	transform: rotate(36deg);	126	transform: rotate(36deg);
127	}	127	}
128	}	128	}
129	@keyframes loading-5{	129	@keyframes loading-5{
130	0%{	130	0%{
131	-webkit-transform: rotate(0deg);	131	-webkit-transform: rotate(0deg);
132	transform: rotate(0deg);	132	transform: rotate(0deg);
133	}	133	}
134	100%{	134	100%{
135	-webkit-transform: rotate(126deg);	135	-webkit-transform: rotate(126deg);
136	transform: rotate(126deg);	136	transform: rotate(126deg);
137	}	137	}
138	}	138	}
139	@media only screen and (max-width: 990px){	139	@media only screen and (max-width: 990px){
140	.progress{ margin-bottom: 20px; }	140	.progress{ margin-bottom: 20px; }
141	}	141	}
142	.foca-alto-progress{	142	.foca-alto-progress{
143	height: 2rem;	143	height: 2rem;
144	}	144	}
145		145

src/sass/_swiper.scss

Diff comments View file @ 5a71611

 .swiper {
     &-container {
         height: 300px;
     }
     &-slide {
         background: transparent;
         height: 400px;
         text-align: unset;
         -webkit-align-items: unset;
         align-items: unset;
     }
     @media(max-width: 992px){
         &-container{
             height: 430px;
         }
         &-pagination{
             background: #CCC;
             padding: 0.5rem;
         }
     }
 }
+.swiper-pagination-bullet-active {
+    opacity: 1;
+    background: #CD9035;
+}

src/sass/_table-autorizar-nota-pedido.scss

Diff comments View file @ 5a71611

File was created	1	.tabla-autorizar-nota-pedido {
	2
	3	thead > tr > th {
	4	background-color: #67615e;
	5	color: #FFF;
	6	}
	7
	8	tfoot > tr > th {
	9	background-color: #67615e;
	10	color: #FFF;
	11	}
	12
	13	}
	14

src/sass/general.scss

Diff comments View file @ 5a71611

 $primary-color: #e09125;
 @import 'admin-seguimiento';
 @import 'bootstrap';
 @import 'botonera';
 @import 'botonera-lateral';
 @import 'botonera-principal';
 @import 'botonera-secundaria';
 @import 'contenedor';
 @import 'lista';
 @import 'login';
 @import 'panel-informativo';
 @import 'tabla';
 @import 'teclado';
 @import 'tabla-articulos';
 @import 'acciones-mobile';
 @import 'swiper';
 @import 'foca-crear';
 @import 'logistica-pedido-ruta';
 @import 'tabs';
 @import 'grid';
 @import 'paginador-abm';
+@import 'table-autorizar-nota-pedido';
 //OCULTA FLECHAS INPUT NUMBER
 input[type='number'] {
     -moz-appearance:textfield;
 }
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
     -webkit-appearance: none;
 }
 .d-md-grid{
     @media (min-width: 768px) {
         display: grid !important;
     }
 }
 .btn-outline-debo{
     background-color: transparent;
     color: $primary-color;
     border-color: $primary-color;
     &:hover{
         color: #FFF;
         border-color: transparent;
         background-color: $primary-color;
     }
 }
+.btn-brown {
+    background-color:#Cd9035;
+    -webkit-appearance: none;
+    border-color: transparent;
+    &:focus {
+        outline: 0 !important;
+        box-shadow: none;
+    }
+    .icon-white {
+        color: white;
+    }
+}
+.page-item.active .page-link {
+    z-index: 1;
+    color: #fff;
+    background-color: #Cd9035;
+    border-color: #Cd9035;
+}
+.foca-input {
+    &:focus {
+        border-color: #Cd9035;
+        box-shadow: 0 0 5px #Cd9035;
+    }
+}
+.btn-info {
+    background-color: #Cd9035;
+    border-color: #Cd9035;
+    &:focus {
+        box-shadow: none;
+    }
+    &:hover {
+        background-color: #Cd9035;
+    }
+}
+.btn-primary {
+    background-color: #Cd9035;
+    border-color: #Cd9035;
+    &:focus {
+        box-shadow: none;
+    }
+    &:hover {
+        background-color: #Cd9035;
+    }
+}
+.table-celda-total {
+   background-color: #E09524;
+}
+marquee {
+    background-color: #E09524;
+}
 .front-index{
     z-index: 9999;
 }
 .uib-daypicker{
     outline: 0
 }
 .right-0{
     right: 0;
 }
 .tabla-factura{
     word-wrap: break-word;
     table-layout: fixed;
 }
 .ladda-w-100 .ladda-label{
     width: 100%;
     float: right;
 }
 .btn-delete-image{
     height: 25px;
     width: 25px;
     top: -10px;
     right: 0;
 }
 button.clear-input{
     cursor: pointer;
     background: transparent;
     border: none;
     margin-left: -24px;
     z-index: 9;
     color: #a3a3a3;
     &:focus{
         outline: none;
     }
 }