Commit e8b47a55eddf5b6b33777e27924ff8332cda1a90

Authored by Eric
Exists in master

ejemplo2

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
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