Commit 3b770002c9fee0d537cdecf898a6525dab19d44e
1 parent
4d3bb9bcdf
Exists in
master
Implementación de angular-ladda
Showing
3 changed files
with
7 additions
and
0 deletions
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 rel="stylesheet" href="node_modules/angular-ui-swiper/dist/angular-ui-swiper.css"> | 10 | <link rel="stylesheet" href="node_modules/angular-ui-swiper/dist/angular-ui-swiper.css"> |
11 | <link href="./node_modules/ladda/dist/ladda-themeless.min.css" rel="stylesheet"> | ||
11 | <link href="css/general.css" rel="stylesheet"/> | 12 | <link href="css/general.css" rel="stylesheet"/> |
12 | 13 | ||
13 | <!--VENDOR JS--> | 14 | <!--VENDOR JS--> |
14 | <script src="./node_modules/jquery/dist/jquery.min.js"></script> | 15 | <script src="./node_modules/jquery/dist/jquery.min.js"></script> |
15 | <script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script> | 16 | <script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script> |
16 | <script src="./node_modules/angular/angular.min.js"></script> | 17 | <script src="./node_modules/angular/angular.min.js"></script> |
17 | <script src="./node_modules/angular-route/angular-route.min.js"></script> | 18 | <script src="./node_modules/angular-route/angular-route.min.js"></script> |
18 | <script src="./node_modules/angular-cookies/angular-cookies.min.js"></script> | 19 | <script src="./node_modules/angular-cookies/angular-cookies.min.js"></script> |
19 | <script src="./node_modules/ui-bootstrap4/dist/ui-bootstrap-tpls.js"></script> | 20 | <script src="./node_modules/ui-bootstrap4/dist/ui-bootstrap-tpls.js"></script> |
20 | <script src="./node_modules/angular-on-screen-keyboard/dist/angular-on-screen-keyboard.min.js"></script> | 21 | <script src="./node_modules/angular-on-screen-keyboard/dist/angular-on-screen-keyboard.min.js"></script> |
21 | <script src="./node_modules/angular-sanitize/angular-sanitize.min.js"></script> | 22 | <script src="./node_modules/angular-sanitize/angular-sanitize.min.js"></script> |
22 | <script src="./node_modules/angular-i18n/angular-locale_es-ar.js"></script> | 23 | <script src="./node_modules/angular-i18n/angular-locale_es-ar.js"></script> |
23 | <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> | ||
26 | <script src="./node_modules/ladda/dist/ladda.min.js"></script> | ||
27 | <script src="./node_modules/angular-ladda/dist/angular-ladda.min.js"></script> | ||
24 | 28 | ||
25 | <script src="./node_modules/foca-directivas/dist/foca-directivas.min.js"></script> | 29 | <script src="./node_modules/foca-directivas/dist/foca-directivas.min.js"></script> |
26 | <script src="./node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js"></script> | 30 | <script src="./node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js"></script> |
27 | <script src="./node_modules/foca-turno-apertura/dist/foca-turno-apertura.min.js"></script> | 31 | <script src="./node_modules/foca-turno-apertura/dist/foca-turno-apertura.min.js"></script> |
28 | <script src="./node_modules/foca-abm-plazo-pago/dist/foca-abm-plazo-pago.min.js"></script> | 32 | <script src="./node_modules/foca-abm-plazo-pago/dist/foca-abm-plazo-pago.min.js"></script> |
29 | <script src="./node_modules/foca-abm-precios-condiciones/dist/foca-abm-precios-condiciones.min.js"></script> | 33 | <script src="./node_modules/foca-abm-precios-condiciones/dist/foca-abm-precios-condiciones.min.js"></script> |
30 | <script src="./node_modules/foca-abm-sectores/dist/foca-abm-sectores.min.js"></script> | 34 | <script src="./node_modules/foca-abm-sectores/dist/foca-abm-sectores.min.js"></script> |
31 | <script src="./node_modules/foca-crear-nota-pedido/dist/foca-crear-nota-pedido.min.js"></script> | 35 | <script src="./node_modules/foca-crear-nota-pedido/dist/foca-crear-nota-pedido.min.js"></script> |
32 | <script src="./node_modules/foca-login/dist/foca-login.min.js"></script> | 36 | <script src="./node_modules/foca-login/dist/foca-login.min.js"></script> |
33 | <script src="./node_modules/foca-modal/dist/foca-modal.min.js"></script> | 37 | <script src="./node_modules/foca-modal/dist/foca-modal.min.js"></script> |
34 | <script src="./node_modules/foca-modal-busqueda-productos/dist/foca-busqueda-productos.min.js"></script> | 38 | <script src="./node_modules/foca-modal-busqueda-productos/dist/foca-busqueda-productos.min.js"></script> |
35 | <script src="./node_modules/foca-modal-flete/dist/foca-modal-flete.min.js"></script> | 39 | <script src="./node_modules/foca-modal-flete/dist/foca-modal-flete.min.js"></script> |
36 | <script src="./node_modules/foca-modal-moneda/dist/foca-modal-moneda.min.js"></script> | 40 | <script src="./node_modules/foca-modal-moneda/dist/foca-modal-moneda.min.js"></script> |
37 | <script src="./node_modules/foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js"></script> | 41 | <script src="./node_modules/foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js"></script> |
38 | <script src="./node_modules/foca-modal-proveedor/dist/foca-modal-proveedor.min.js"></script> | 42 | <script src="./node_modules/foca-modal-proveedor/dist/foca-modal-proveedor.min.js"></script> |
39 | <script src="./node_modules/foca-modal-vendedores/dist/foca-modal-vendedores.min.js"></script> | 43 | <script src="./node_modules/foca-modal-vendedores/dist/foca-modal-vendedores.min.js"></script> |
40 | <script src="./node_modules/foca-busqueda-cliente/dist/foca-busqueda-cliente.min.js"></script> | 44 | <script src="./node_modules/foca-busqueda-cliente/dist/foca-busqueda-cliente.min.js"></script> |
41 | <script src="./node_modules/foca-teclado/dist/foca-teclado.min.js"></script> | 45 | <script src="./node_modules/foca-teclado/dist/foca-teclado.min.js"></script> |
42 | <script src="./node_modules/foca-modal-domicilio/dist/foca-modal-domicilios.min.js"></script> | 46 | <script src="./node_modules/foca-modal-domicilio/dist/foca-modal-domicilios.min.js"></script> |
43 | 47 | ||
44 | <!-- BUILD --> | 48 | <!-- BUILD --> |
45 | <script src="./src/js/app.js"></script> | 49 | <script src="./src/js/app.js"></script> |
46 | <script src="./src/js/controller.js"></script> | 50 | <script src="./src/js/controller.js"></script> |
47 | <script src="./src/etc/develop.js"></script> | 51 | <script src="./src/etc/develop.js"></script> |
48 | <!-- /BUILD --> | 52 | <!-- /BUILD --> |
49 | 53 | ||
50 | </head> | 54 | </head> |
51 | <body> | 55 | <body> |
52 | <style> | 56 | <style> |
53 | </style> | 57 | </style> |
54 | <botonera-horizontal></botonera-horizontal> | 58 | <botonera-horizontal></botonera-horizontal> |
55 | <div ng-view class="container contenedor"></div> | 59 | <div ng-view class="container contenedor"></div> |
56 | <div ng-controller="appWrapperDemoController" class="container"> | 60 | <div ng-controller="appWrapperDemoController" class="container"> |
57 | <div | 61 | <div |
58 | class="btn-group-toggle" | 62 | class="btn-group-toggle" |
59 | data-toggle="buttons" | 63 | data-toggle="buttons" |
60 | ng-click="mostrarTeclado = !mostrarTeclado"> | 64 | ng-click="mostrarTeclado = !mostrarTeclado"> |
61 | <label | 65 | <label |
62 | class="btn btn-secondary active boton-activar-teclado" | 66 | class="btn btn-secondary active boton-activar-teclado" |
63 | ng-class="{'teclado-activar': mostrarTeclado}"> | 67 | ng-class="{'teclado-activar': mostrarTeclado}"> |
64 | <input | 68 | <input |
65 | type="checkbox" | 69 | type="checkbox" |
66 | autocomplete="off" | 70 | autocomplete="off" |
67 | > | 71 | > |
68 | <i class="fa fa-keyboard-o fa-3x" aria-hidden="true"></i> | 72 | <i class="fa fa-keyboard-o fa-3x" aria-hidden="true"></i> |
69 | </label> | 73 | </label> |
70 | </div> | 74 | </div> |
71 | <foca-teclado | 75 | <foca-teclado |
72 | ng-show="mostrarTeclado && hasFocus" | 76 | ng-show="mostrarTeclado && hasFocus" |
73 | alfanumeric="true" | 77 | alfanumeric="true" |
74 | numeric="true" | 78 | numeric="true" |
75 | > | 79 | > |
76 | </foca-teclado> | 80 | </foca-teclado> |
77 | </div> | 81 | </div> |
78 | </body> | 82 | </body> |
79 | </html> | 83 | </html> |
80 | 84 |
package.json
1 | { | 1 | { |
2 | "name": "wrapper-demo", | 2 | "name": "wrapper-demo", |
3 | "version": "0.0.1", | 3 | "version": "0.0.1", |
4 | "description": "", | 4 | "description": "", |
5 | "main": "main.js", | 5 | "main": "main.js", |
6 | "scripts": { | 6 | "scripts": { |
7 | "initdev": "npm install gulp --global && npm install && npm install -g jshint", | 7 | "initdev": "npm install gulp --global && npm install && npm install -g jshint", |
8 | "gulp-pre-commit": "gulp pre-commit", | 8 | "gulp-pre-commit": "gulp pre-commit", |
9 | "compile": "gulp uglify && gulp sass", | 9 | "compile": "gulp uglify && gulp sass", |
10 | "electron": "electron .", | 10 | "electron": "electron .", |
11 | "electron-build": "gulp uglify && gulp html && gulp sass && electron ." | 11 | "electron-build": "gulp uglify && gulp html && gulp sass && electron ." |
12 | }, | 12 | }, |
13 | "pre-commit": [ | 13 | "pre-commit": [ |
14 | "gulp-pre-commit" | 14 | "gulp-pre-commit" |
15 | ], | 15 | ], |
16 | "repository": { | 16 | "repository": { |
17 | "type": "git", | 17 | "type": "git", |
18 | "url": "https://debo.suite.repo/Wrappers/wrapper-demo.git" | 18 | "url": "https://debo.suite.repo/Wrappers/wrapper-demo.git" |
19 | }, | 19 | }, |
20 | "author": "Foca Software", | 20 | "author": "Foca Software", |
21 | "license": "ISC", | 21 | "license": "ISC", |
22 | "dependencies": { | 22 | "dependencies": { |
23 | "angular": "^1.7.5", | 23 | "angular": "^1.7.5", |
24 | "angular-cookies": "^1.7.5", | 24 | "angular-cookies": "^1.7.5", |
25 | "angular-i18n": "^1.7.5", | 25 | "angular-i18n": "^1.7.5", |
26 | "angular-ladda": "^0.4.3", | ||
26 | "angular-on-screen-keyboard": "git+https://github.com/ericf97/angular-on-screen-keyboard.git", | 27 | "angular-on-screen-keyboard": "git+https://github.com/ericf97/angular-on-screen-keyboard.git", |
27 | "angular-route": "^1.7.5", | 28 | "angular-route": "^1.7.5", |
28 | "angular-sanitize": "^1.7.5", | 29 | "angular-sanitize": "^1.7.5", |
29 | "angular-ui-swiper": "^2.3.8", | 30 | "angular-ui-swiper": "^2.3.8", |
30 | "bootstrap": "^4.1.3", | 31 | "bootstrap": "^4.1.3", |
31 | "foca-abm-plazo-pago": "git+https://debo.suite.repo/modulos-npm/foca-abm-plazo-pago.git", | 32 | "foca-abm-plazo-pago": "git+https://debo.suite.repo/modulos-npm/foca-abm-plazo-pago.git", |
32 | "foca-abm-precios-condiciones": "git+https://debo.suite.repo/modulos-npm/foca-abm-precios-condiciones.git", | 33 | "foca-abm-precios-condiciones": "git+https://debo.suite.repo/modulos-npm/foca-abm-precios-condiciones.git", |
33 | "foca-abm-sectores": "git+https://debo.suite.repo/modulos-npm/foca-abm-sectores", | 34 | "foca-abm-sectores": "git+https://debo.suite.repo/modulos-npm/foca-abm-sectores", |
34 | "foca-botonera-principal": "git+https://debo.suite.repo/modulos-npm/foca-botonera-principal.git", | 35 | "foca-botonera-principal": "git+https://debo.suite.repo/modulos-npm/foca-botonera-principal.git", |
35 | "foca-busqueda-cliente": "git+https://debo.suite.repo/modulos-npm/foca-busqueda-cliente.git", | 36 | "foca-busqueda-cliente": "git+https://debo.suite.repo/modulos-npm/foca-busqueda-cliente.git", |
36 | "foca-crear-nota-pedido": "git+https://debo.suite.repo/modulos-npm/foca-crear-nota-pedido.git", | 37 | "foca-crear-nota-pedido": "git+https://debo.suite.repo/modulos-npm/foca-crear-nota-pedido.git", |
37 | "foca-directivas": "git+https://debo.suite.repo/modulos-npm/foca-directivas.git", | 38 | "foca-directivas": "git+https://debo.suite.repo/modulos-npm/foca-directivas.git", |
38 | "foca-login": "git+https://debo.suite.repo/modulos-npm/foca-login.git", | 39 | "foca-login": "git+https://debo.suite.repo/modulos-npm/foca-login.git", |
39 | "foca-modal": "git+https://debo.suite.repo/modulos-npm/foca-modal", | 40 | "foca-modal": "git+https://debo.suite.repo/modulos-npm/foca-modal", |
40 | "foca-modal-busqueda-productos": "git+https://debo.suite.repo/modulos-npm/foca-modal-busqueda-productos", | 41 | "foca-modal-busqueda-productos": "git+https://debo.suite.repo/modulos-npm/foca-modal-busqueda-productos", |
41 | "foca-modal-domicilio": "git+https://debo.suite.repo/modulos-npm/foca-modal-domicilio.git", | 42 | "foca-modal-domicilio": "git+https://debo.suite.repo/modulos-npm/foca-modal-domicilio.git", |
42 | "foca-modal-flete": "git+https://debo.suite.repo/modulos-npm/foca-modal-flete.git", | 43 | "foca-modal-flete": "git+https://debo.suite.repo/modulos-npm/foca-modal-flete.git", |
43 | "foca-modal-moneda": "git+https://debo.suite.repo/modulos-npm/foca-modal-moneda.git", | 44 | "foca-modal-moneda": "git+https://debo.suite.repo/modulos-npm/foca-modal-moneda.git", |
44 | "foca-modal-precio-condiciones": "git+https://debo.suite.repo/modulos-npm/foca-modal-precio-condiciones.git", | 45 | "foca-modal-precio-condiciones": "git+https://debo.suite.repo/modulos-npm/foca-modal-precio-condiciones.git", |
45 | "foca-modal-proveedor": "git+https://debo.suite.repo/modulos-npm/foca-modal-proveedor.git", | 46 | "foca-modal-proveedor": "git+https://debo.suite.repo/modulos-npm/foca-modal-proveedor.git", |
46 | "foca-modal-vendedores": "git+https://debo.suite.repo/modulos-npm/foca-modal-vendedores.git", | 47 | "foca-modal-vendedores": "git+https://debo.suite.repo/modulos-npm/foca-modal-vendedores.git", |
47 | "foca-teclado": "git+https://debo.suite.repo/modulos-npm/foca-teclado.git", | 48 | "foca-teclado": "git+https://debo.suite.repo/modulos-npm/foca-teclado.git", |
48 | "foca-turno-apertura": "git+https://debo.suite.repo/modulos-npm/foca-turno-apertura.git", | 49 | "foca-turno-apertura": "git+https://debo.suite.repo/modulos-npm/foca-turno-apertura.git", |
49 | "font-awesome": "^4.7.0", | 50 | "font-awesome": "^4.7.0", |
50 | "gulp-angular-templatecache": "^2.2.1", | 51 | "gulp-angular-templatecache": "^2.2.1", |
51 | "gulp-htmlmin": "^5.0.1", | 52 | "gulp-htmlmin": "^5.0.1", |
52 | "gulp-uglify": "^3.0.1", | 53 | "gulp-uglify": "^3.0.1", |
53 | "jquery": "^3.3.1", | 54 | "jquery": "^3.3.1", |
55 | "ladda": "1.0.6", | ||
54 | "node-sass": "^4.9.4", | 56 | "node-sass": "^4.9.4", |
55 | "uglify": "^0.1.5", | 57 | "uglify": "^0.1.5", |
56 | "ui-bootstrap4": "^3.0.5" | 58 | "ui-bootstrap4": "^3.0.5" |
57 | }, | 59 | }, |
58 | "devDependencies": { | 60 | "devDependencies": { |
59 | "electron": "^3.0.2", | 61 | "electron": "^3.0.2", |
60 | "gulp": "^3.9.1", | 62 | "gulp": "^3.9.1", |
61 | "gulp-clean": "^0.4.0", | 63 | "gulp-clean": "^0.4.0", |
62 | "gulp-concat": "^2.6.1", | 64 | "gulp-concat": "^2.6.1", |
63 | "gulp-connect": "^5.6.1", | 65 | "gulp-connect": "^5.6.1", |
64 | "gulp-jshint": "^2.1.0", | 66 | "gulp-jshint": "^2.1.0", |
65 | "gulp-rename": "^1.4.0", | 67 | "gulp-rename": "^1.4.0", |
66 | "gulp-replace": "^1.0.0", | 68 | "gulp-replace": "^1.0.0", |
67 | "gulp-sass": "^4.0.1", | 69 | "gulp-sass": "^4.0.1", |
68 | "gulp-uglify": "^1.0.4", | 70 | "gulp-uglify": "^1.0.4", |
69 | "gulp-watch": "^5.0.1", | 71 | "gulp-watch": "^5.0.1", |
70 | "jasmine-core": "^3.2.1", | 72 | "jasmine-core": "^3.2.1", |
71 | "jshint": "^2.9.6", | 73 | "jshint": "^2.9.6", |
72 | "pre-commit": "^1.2.2", | 74 | "pre-commit": "^1.2.2", |
73 | "pump": "^3.0.0" | 75 | "pump": "^3.0.0" |
74 | } | 76 | } |
75 | } | 77 | } |
76 | 78 |
src/js/app.js
1 | angular.module('appWrapperDemo', [ | 1 | angular.module('appWrapperDemo', [ |
2 | 'angular-ladda', | ||
2 | 'ngCookies', | 3 | 'ngCookies', |
3 | 'ngRoute', | 4 | 'ngRoute', |
4 | 'ui.bootstrap', | 5 | 'ui.bootstrap', |
5 | 'ui.swiper', | 6 | 'ui.swiper', |
6 | 'focaAbmPlazoPago', | 7 | 'focaAbmPlazoPago', |
7 | 'focaAbmPreciosCondiciones', | 8 | 'focaAbmPreciosCondiciones', |
8 | 'focaAbmSectores', | 9 | 'focaAbmSectores', |
9 | 'focaBotoneraPrincipal', | 10 | 'focaBotoneraPrincipal', |
10 | 'focaBusquedaCliente', | 11 | 'focaBusquedaCliente', |
11 | 'focaBusquedaProductos', | 12 | 'focaBusquedaProductos', |
12 | 'focaCrearNotaPedido', | 13 | 'focaCrearNotaPedido', |
13 | 'focaDirectivas', | 14 | 'focaDirectivas', |
14 | 'focaLogin', | 15 | 'focaLogin', |
15 | 'focaModal', | 16 | 'focaModal', |
16 | 'focaModalFlete', | 17 | 'focaModalFlete', |
17 | 'focaModalMoneda', | 18 | 'focaModalMoneda', |
18 | 'focaModalPrecioCondicion', | 19 | 'focaModalPrecioCondicion', |
19 | 'focaModalProveedor', | 20 | 'focaModalProveedor', |
20 | 'focaModalVendedores', | 21 | 'focaModalVendedores', |
21 | 'focaTeclado', | 22 | 'focaTeclado', |
22 | 'focaTurnoApertura', | 23 | 'focaTurnoApertura', |
23 | 'ngSanitize', | 24 | 'ngSanitize', |
24 | 'onScreenKeyboard', | 25 | 'onScreenKeyboard', |
25 | 'focaModalDomicilio' | 26 | 'focaModalDomicilio' |
26 | ]); | 27 | ]); |
27 | 28 |