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 |