Commit e8b47a55eddf5b6b33777e27924ff8332cda1a90
Exists in
master
ejemplo2
Showing
4 changed files
Show diff stats
index.html
| 1 | <html ng-app="appWrapperDemo"> | 1 | <html ng-app="appWrapperDemo"> |
| 2 | <head> | 2 | <head> |
| 3 | <meta charset="UTF-8"/> | 3 | <meta charset="UTF-8"/> |
| 4 | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | 4 | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
| 5 | <base href="./"> | 5 | <base href="./"> |
| 6 | 6 | ||
| 7 | <!--CSS--> | 7 | <!--CSS--> |
| 8 | <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/> | 8 | <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/> |
| 9 | <link href="./node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet"/> | 9 | <link href="./node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet"/> |
| 10 | <link href="./node_modules/angular-ui-swiper/dist/angular-ui-swiper.css" rel="stylesheet"/> | 10 | <link href="./node_modules/angular-ui-swiper/dist/angular-ui-swiper.css" rel="stylesheet"/> |
| 11 | <link href="./node_modules/ladda/dist/ladda-themeless.min.css" rel="stylesheet"/> | 11 | <link href="./node_modules/ladda/dist/ladda-themeless.min.css" rel="stylesheet"/> |
| 12 | <link href="./node_modules/leaflet/dist/leaflet.css" rel="stylesheet"/> | 12 | <link href="./node_modules/leaflet/dist/leaflet.css" rel="stylesheet"/> |
| 13 | <link href="./css/general.css" rel="stylesheet"/> | 13 | <link href="./css/general.css" rel="stylesheet"/> |
| 14 | 14 | ||
| 15 | <!--VENDOR JS--> | 15 | <!--VENDOR JS--> |
| 16 | <script src="./node_modules/jquery/dist/jquery.min.js"></script> | 16 | <script src="./node_modules/jquery/dist/jquery.min.js"></script> |
| 17 | <script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script> | 17 | <script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script> |
| 18 | <script src="./node_modules/angular/angular.min.js"></script> | 18 | <script src="./node_modules/angular/angular.min.js"></script> |
| 19 | <script src="./node_modules/angular-cookies/angular-cookies.min.js"></script> | 19 | <script src="./node_modules/angular-cookies/angular-cookies.min.js"></script> |
| 20 | <script src="./node_modules/angular-i18n/angular-locale_es-ar.js"></script> | 20 | <script src="./node_modules/angular-i18n/angular-locale_es-ar.js"></script> |
| 21 | <script src="./node_modules/angular-route/angular-route.min.js"></script> | 21 | <script src="./node_modules/angular-route/angular-route.min.js"></script> |
| 22 | <script src="./node_modules/angular-sanitize/angular-sanitize.min.js"></script> | 22 | <script src="./node_modules/angular-sanitize/angular-sanitize.min.js"></script> |
| 23 | <script src="./node_modules/ui-bootstrap4/dist/ui-bootstrap-tpls.js"></script> | 23 | <script src="./node_modules/ui-bootstrap4/dist/ui-bootstrap-tpls.js"></script> |
| 24 | <script src="./node_modules/angular-ui-swiper/dist/angular-ui-swiper.js"></script> | 24 | <script src="./node_modules/angular-ui-swiper/dist/angular-ui-swiper.js"></script> |
| 25 | <script src="./node_modules/ladda/dist/spin.min.js"></script> | 25 | <script src="./node_modules/ladda/dist/spin.min.js"></script> |
| 26 | <script src="./node_modules/ladda/dist/ladda.min.js"></script> | 26 | <script src="./node_modules/ladda/dist/ladda.min.js"></script> |
| 27 | <script src="./node_modules/angular-ladda/dist/angular-ladda.min.js"></script> | 27 | <script src="./node_modules/angular-ladda/dist/angular-ladda.min.js"></script> |
| 28 | <script src="./node_modules/leaflet/dist/leaflet.js"></script> | 28 | <script src="./node_modules/leaflet/dist/leaflet.js"></script> |
| 29 | <script src="./node_modules/ngstorage/ngStorage.min.js"></script> | 29 | <script src="./node_modules/ngstorage/ngStorage.min.js"></script> |
| 30 | <script src="./vendor/cordovaGeolocationModule.min.js"></script> | 30 | <script src="./vendor/cordovaGeolocationModule.min.js"></script> |
| 31 | 31 | ||
| 32 | <script src="./node_modules/foca-botonera-facturador/dist/foca-botonera-facturador.min.js"></script> | 32 | <script src="./node_modules/foca-botonera-facturador/dist/foca-botonera-facturador.min.js"></script> |
| 33 | <script src="./node_modules/foca-botonera-lateral/dist/foca-botonera-lateral.min.js"></script> | 33 | <script src="./node_modules/foca-botonera-lateral/dist/foca-botonera-lateral.min.js"></script> |
| 34 | <script src="./node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js"></script> | 34 | <script src="./node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js"></script> |
| 35 | <script src="./node_modules/foca-busqueda-cliente/dist/foca-busqueda-cliente.min.js"></script> | 35 | <script src="./node_modules/foca-busqueda-cliente/dist/foca-busqueda-cliente.min.js"></script> |
| 36 | <script src="./node_modules/foca-cabecera-facturador/dist/foca-cabecera-facturador.min.js"></script> | 36 | <script src="./node_modules/foca-cabecera-facturador/dist/foca-cabecera-facturador.min.js"></script> |
| 37 | <script src="./node_modules/foca-configuracion/dist/foca-configuracion.min.js"></script> | 37 | <script src="./node_modules/foca-configuracion/dist/foca-configuracion.min.js"></script> |
| 38 | <script src="./node_modules/foca-crear-cobranza/dist/foca-crear-cobranza.min.js"></script> | 38 | <script src="./node_modules/foca-crear-cobranza/dist/foca-crear-cobranza.min.js"></script> |
| 39 | <script src="./node_modules/foca-crear-nota-pedido/dist/foca-crear-nota-pedido.min.js"></script> | 39 | <script src="./node_modules/foca-crear-nota-pedido/dist/foca-crear-nota-pedido.min.js"></script> |
| 40 | <script src="./node_modules/foca-directivas/dist/foca-directivas.min.js"></script> | 40 | <script src="./node_modules/foca-directivas/dist/foca-directivas.min.js"></script> |
| 41 | <script src="./node_modules/foca-filtros/dist/foca-filtros.min.js"></script> | 41 | <script src="./node_modules/foca-filtros/dist/foca-filtros.min.js"></script> |
| 42 | <script src="./node_modules/foca-hoja-ruta/dist/foca-hoja-ruta.min.js"></script> | 42 | <script src="./node_modules/foca-hoja-ruta/dist/foca-hoja-ruta.min.js"></script> |
| 43 | <script src="./node_modules/foca-login/dist/foca-login.min.js"></script> | 43 | <script src="./node_modules/foca-login/dist/foca-login.min.js"></script> |
| 44 | <script src="./node_modules/foca-modal/dist/foca-modal.min.js"></script> | 44 | <script src="./node_modules/foca-modal/dist/foca-modal.min.js"></script> |
| 45 | 45 | ||
| 46 | <script src="./node_modules/foca-modal-busqueda-productos/dist/foca-busqueda-productos.min.js"></script> | 46 | <script src="./node_modules/foca-modal-busqueda-productos/dist/foca-busqueda-productos.min.js"></script> |
| 47 | <script src="./node_modules/foca-modal-cheque/dist/foca-modal-cheque.min.js"></script> | 47 | <script src="./node_modules/foca-modal-cheque/dist/foca-modal-cheque.min.js"></script> |
| 48 | <script src="./node_modules/foca-modal-cobranza/dist/foca-modal-cobranza.min.js"></script> | 48 | <script src="./node_modules/foca-modal-cobranza/dist/foca-modal-cobranza.min.js"></script> |
| 49 | <script src="./node_modules/foca-modal-cotizacion/dist/foca-modal-cotizacion.min.js"></script> | 49 | <script src="./node_modules/foca-modal-cotizacion/dist/foca-modal-cotizacion.min.js"></script> |
| 50 | <script src="./node_modules/foca-modal-detalle-hoja-ruta/dist/foca-modal-detalle-hoja-ruta.min.js"></script> | 50 | <script src="./node_modules/foca-modal-detalle-hoja-ruta/dist/foca-modal-detalle-hoja-ruta.min.js"></script> |
| 51 | <script src="./node_modules/foca-modal-detalles/dist/foca-modal-detalles.min.js"></script> | 51 | <script src="./node_modules/foca-modal-detalles/dist/foca-modal-detalles.min.js"></script> |
| 52 | <script src="./node_modules/foca-modal-domicilio/dist/foca-modal-domicilios.min.js"></script> | 52 | <script src="./node_modules/foca-modal-domicilio/dist/foca-modal-domicilios.min.js"></script> |
| 53 | <script src="./node_modules/foca-modal-efectivo/dist/foca-modal-efectivo.min.js"></script> | 53 | <script src="./node_modules/foca-modal-efectivo/dist/foca-modal-efectivo.min.js"></script> |
| 54 | <script src="./node_modules/foca-modal-factura/dist/foca-modal-factura.min.js"></script> | 54 | <script src="./node_modules/foca-modal-factura/dist/foca-modal-factura.min.js"></script> |
| 55 | <script src="./node_modules/foca-modal-factura-detalle/dist/foca-modal-factura-detalle.min.js"></script> | 55 | <script src="./node_modules/foca-modal-factura-detalle/dist/foca-modal-factura-detalle.min.js"></script> |
| 56 | <script src="./node_modules/foca-modal-flete/dist/foca-modal-flete.min.js"></script> | 56 | <script src="./node_modules/foca-modal-flete/dist/foca-modal-flete.min.js"></script> |
| 57 | <script src="./node_modules/foca-modal-lista-precio/dist/foca-modal-lista-precio.min.js"></script> | 57 | <script src="./node_modules/foca-modal-lista-precio/dist/foca-modal-lista-precio.min.js"></script> |
| 58 | <script src="./node_modules/foca-modal-login/dist/foca-modal-login.min.js"></script> | 58 | <script src="./node_modules/foca-modal-login/dist/foca-modal-login.min.js"></script> |
| 59 | <script src="./node_modules/foca-modal-nota-pedido/dist/foca-modal-nota-pedido.min.js"></script> | 59 | <script src="./node_modules/foca-modal-nota-pedido/dist/foca-modal-nota-pedido.min.js"></script> |
| 60 | <script src="./node_modules/foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js"></script> | 60 | <script src="./node_modules/foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js"></script> |
| 61 | <script src="./node_modules/foca-modal-punto-descarga/dist/foca-modal-punto-descarga.min.js"></script> | 61 | <script src="./node_modules/foca-modal-punto-descarga/dist/foca-modal-punto-descarga.min.js"></script> |
| 62 | <script src="./node_modules/foca-modal-tarifa-flete/dist/foca-modal-tarifa-flete.min.js"></script> | 62 | <script src="./node_modules/foca-modal-tarifa-flete/dist/foca-modal-tarifa-flete.min.js"></script> |
| 63 | <script src="./node_modules/foca-nombre-empresa/dist/foca-nombre-empresa.min.js"></script> | 63 | <script src="./node_modules/foca-nombre-empresa/dist/foca-nombre-empresa.min.js"></script> |
| 64 | <script src="./node_modules/foca-seguimiento/dist/foca-seguimiento.min.js"></script> | 64 | <script src="./node_modules/foca-seguimiento/dist/foca-seguimiento.min.js"></script> |
| 65 | <script src="./node_modules/foca-sqlite/dist/foca-sqlite.min.js"></script> | 65 | <script src="./node_modules/foca-sqlite/dist/foca-sqlite.min.js"></script> |
| 66 | <script src="./src/js/app.js"></script> | 66 | <script src="./src/js/app.js"></script> |
| 67 | <script src="./src/js/controller.js"></script> | 67 | <script src="./src/js/controller.js"></script> |
| 68 | <script src="./src/js/service.js"></script> | ||
| 68 | <script src="./src/js/service.js"></script> | 69 | <script src="./src/etc/develop.js"></script> |
| 69 | <script src="./src/etc/develop.js"></script> | 70 | </head> |
| 70 | </head> | 71 | <body> |
| 71 | <body> | 72 | <style> |
| 72 | <style> | 73 | </style> |
| 73 | </style> | 74 | <foca-nombre-empresa></foca-nombre-empresa> |
| 74 | <foca-nombre-empresa></foca-nombre-empresa> | 75 | <div ng-view class="container contenedor"></div> |
| 75 | <div ng-view class="container contenedor"></div> | 76 | <div ng-controller="appWrapperDemoController" class="teclado-container container d-none d-md-block "> |
| 76 | <div ng-controller="appWrapperDemoController" class="teclado-container container d-none d-md-block "> | 77 | <foca-botonera-lateral></foca-botonera-lateral> |
| 77 | <foca-botonera-lateral></foca-botonera-lateral> | 78 | <foca-teclado |
| 78 | <foca-teclado | 79 | ng-show="usarTeclado && mostrarTeclado" |
| 79 | ng-show="usarTeclado && mostrarTeclado" | 80 | alfanumeric="true" |
| 80 | alfanumeric="true" | 81 | numeric="true" |
| 81 | numeric="true" | 82 | > |
| 82 | > | 83 | </foca-teclado> |
| 83 | </foca-teclado> | 84 | </div> |
| 84 | </div> | 85 | </body> |
| 85 | </body> | 86 | </html> |
| 86 | </html> | 87 |
src/etc/develop.ejemplo.js
| 1 | angular.module('appWrapperDemo') | 1 | angular.module('appWrapperDemo') |
| 2 | .constant('APP', '') | 2 | .constant('APP', '') |
| 3 | 3 | .constant('ENDPOINT_BASE', 'http://10.231.45.127:3000'); | |
| 4 |
src/js/controller.js
| 1 | angular.module('appWrapperDemo') | 1 | angular.module('appWrapperDemo') |
| 2 | .controller('appWrapperDemoController', [ | 2 | .controller('appWrapperDemoController', [ |
| 3 | '$scope', | 3 | '$scope', |
| 4 | '$rootScope', | 4 | '$rootScope', |
| 5 | '$timeout', | 5 | '$timeout', |
| 6 | 'focaSqliteService', | 6 | 'focaSqliteService', |
| 7 | 'focaModalService', | ||
| 8 | 'API_ENDPOINT', | ||
| 9 | '$localStorage', | ||
| 10 | function($scope, $rootScope, $timeout, focaSqliteService, focaModalService, API_ENDPOINT, $localStorage) { | ||
| 11 | document.addEventListener('deviceready', function() { | ||
| 12 | focaSqliteService.openDataBase(); | ||
| 13 | }); | ||
| 14 | |||
| 15 | if(!API_ENDPOINT.URL) { | ||
| 16 | API_ENDPOINT.getUrl().then(success, err); | ||
| 17 | } | ||
| 18 | |||
| 19 | function success(res) { | ||
| 20 | |||
| 21 | API_ENDPOINT.setUrl(res.data); | ||
| 22 | } | ||
| 23 | function err() { | ||
| 24 | |||
| 7 | 'focaModalService', | 25 | $timeout(function() { |
| 8 | 'API_ENDPOINT', | 26 | focaModalService.alert('Terminal no configurada: \n' + $localStorage.terminalKey); |
| 9 | '$localStorage', | 27 | }, 1000); |
| 10 | function($scope, $rootScope, $timeout, focaSqliteService, focaModalService, API_ENDPOINT, $localStorage) { | 28 | } |
| 11 | document.addEventListener('deviceready', function() { | 29 | $scope.usarTeclado = false; |
| 12 | focaSqliteService.openDataBase(); | 30 | $rootScope.$broadcast('usarTeclado', false); |
| 13 | }); | 31 | $scope.mostrarTeclado = false; |
| 14 | 32 | //Envía broadcast para avisar que el teclado está en funcionamiento o no | |
| 15 | if(!API_ENDPOINT.URL) { | 33 | //para su uso cambiar ng-click del boton por esta función |
| 16 | API_ENDPOINT.getUrl().then(success, err); | 34 | $scope.cambioUsoTeclado = function() { |
| 17 | } | 35 | if($scope.usarTeclado) { |
| 18 | 36 | $scope.usarTeclado = false; | |
| 19 | function success(res) { | 37 | $rootScope.$broadcast('usarTeclado', false); |
| 20 | 38 | return; | |
| 21 | API_ENDPOINT.setUrl(res.data); | 39 | } |
| 22 | } | 40 | $scope.usarTeclado = true; |
| 23 | function err() { | 41 | $rootScope.$broadcast('usarTeclado', true); |
| 24 | 42 | }; | |
| 25 | $timeout(function() { | 43 | |
| 26 | focaModalService.alert('Terminal no configurada: \n' + $localStorage.terminalKey); | 44 | $rootScope.$on('focus', function() { |
| 27 | }, 1000); | 45 | if(!$scope.usarTeclado) { |
| 28 | } | 46 | return; |
| 29 | $scope.usarTeclado = false; | 47 | } |
| 30 | $rootScope.$broadcast('usarTeclado', false); | 48 | $scope.mostrarTeclado = true; |
| 31 | $scope.mostrarTeclado = false; | 49 | $timeout.cancel($scope.timeout); |
| 32 | //Envía broadcast para avisar que el teclado está en funcionamiento o no | 50 | if(!$scope.$$phase) { |
| 33 | //para su uso cambiar ng-click del boton por esta función | 51 | $scope.$apply(); |
| 34 | $scope.cambioUsoTeclado = function() { | 52 | } |
| 35 | if($scope.usarTeclado) { | 53 | }); |
| 36 | $scope.usarTeclado = false; | 54 | $rootScope.$on('blur', function() { |
| 37 | $rootScope.$broadcast('usarTeclado', false); | 55 | $scope.timeout = $timeout(function() { |
| 38 | return; | 56 | $scope.mostrarTeclado = false; |
| 39 | } | 57 | if(!$scope.$$phase) { |
| 40 | $scope.usarTeclado = true; | 58 | $scope.$apply(); |
| 41 | $rootScope.$broadcast('usarTeclado', true); | 59 | } |
| 42 | }; | 60 | }, 150); |
| 43 | 61 | }); | |
| 44 | $rootScope.$on('focus', function() { | 62 | } |
| 45 | if(!$scope.usarTeclado) { | 63 | ]); |
| 46 | return; | 64 |
src/js/service.js
| File was created | 1 | angular.module('appWrapperDemo') | |
| 2 | .factory('API_ENDPOINT', [ | ||
| 3 | '$http', | ||
| 4 | '$localStorage', | ||
| 5 | 'ENDPOINT_BASE', | ||
| 6 | function($http, $localStorage, ENDPOINT_BASE) { | ||
| 7 | return { | ||
| 8 | URL: $localStorage.urlEndPoint, | ||
| 9 | ENDPOINT_BASE: ENDPOINT_BASE, | ||
| 10 | setUrl: function(url) { | ||
| 11 | this.URL = url; | ||
| 12 | $localStorage.urlEndPoint = url; | ||
| 13 | }, | ||
| 14 | getUrl: function() { | ||
| 15 | return $http.get(this.ENDPOINT_BASE + '/terminal/consultar'); | ||
| 16 | } | ||
| 17 | }; | ||
| 18 | }]); | ||
| 19 |