Commit 0c7440928ce5568dfb14ca34ead6c4cd5dc5f091
1 parent
5d8dba22f4
Exists in
master
Agregado boton pagar
Showing
3 changed files
with
36 additions
and
7 deletions
Show diff stats
package.json
... | ... | @@ -4,6 +4,8 @@ |
4 | 4 | "description": "Componente de botonera lateral", |
5 | 5 | "main": "index.js", |
6 | 6 | "scripts": { |
7 | + "refresh": "gulp uglify && cp tmp/foca-botonera-lateral.js ../wrapper-demo/node_modules/foca-botonera-lateral/dist/foca-botonera-lateral.min.js", | |
8 | + "frefresh": "gulp uglify && cp tmp/foca-botonera-lateral.js ../wrapper-facturador/node_modules/foca-botonera-lateral/dist/foca-botonera-lateral.min.js", | |
7 | 9 | "test": "echo \"Error: no test specified\" && exit 1", |
8 | 10 | "compile": "gulp uglify", |
9 | 11 | "gulp-pre-commit": "gulp pre-commit", |
... | ... | @@ -55,5 +57,8 @@ |
55 | 57 | "jshint": "2.9.6", |
56 | 58 | "pre-commit": "1.2.2", |
57 | 59 | "pump": "3.0.0" |
60 | + }, | |
61 | + "dependencies": { | |
62 | + "node-sass": "^4.12.0" | |
58 | 63 | } |
59 | 64 | } |
src/js/service.js
... | ... | @@ -8,6 +8,7 @@ angular.module('focaBotoneraLateral') |
8 | 8 | cancelar: false, |
9 | 9 | pausar: false, |
10 | 10 | guardar: false, |
11 | + pagar: false, | |
11 | 12 | guardando: false, |
12 | 13 | funcionGuardar: undefined, |
13 | 14 | pathCancelar: undefined, |
... | ... | @@ -44,6 +45,12 @@ angular.module('focaBotoneraLateral') |
44 | 45 | this.botones.guardar = value; |
45 | 46 | if (value) this.botones.funcionGuardar = funcion; |
46 | 47 | }; |
48 | + this.showPagar = function(value, funcion) { | |
49 | + angular.element('#pagar').removeClass('guardado'); | |
50 | + this.botones.custom = []; | |
51 | + this.botones.pagar = value; | |
52 | + if (value) this.botones.funcionGuardar = funcion; | |
53 | + }; | |
47 | 54 | this.addCustomButton = function(title, funcion) { |
48 | 55 | this.botones.custom.push({ |
49 | 56 | title: title, |
src/views/botonera-lateral.html
... | ... | @@ -8,12 +8,29 @@ |
8 | 8 | ladda="botones.guardando" |
9 | 9 | data-spinner-size="30" |
10 | 10 | data-spinner-color="#000000" |
11 | - class="mb-2 border rounded" | |
11 | + class="border rounded" | |
12 | + ng-show="botones.pagar" | |
13 | + > | |
14 | + <button | |
15 | + id="pagar" | |
16 | + ng-click="botones.funcionGuardar()" | |
17 | + ng-disabled="botones.guardando" | |
18 | + type="button" | |
19 | + title="Pagar" | |
20 | + class="btn btn-block"> | |
21 | + <strong>PAGAR</strong> | |
22 | + </button> | |
23 | + </div> | |
24 | + <div | |
25 | + ladda="botones.guardando" | |
26 | + data-spinner-size="30" | |
27 | + data-spinner-color="#000000" | |
28 | + class="border rounded" | |
29 | + ng-show="botones.guardar" | |
12 | 30 | > |
13 | 31 | <button |
14 | 32 | id="guardar" |
15 | 33 | ng-click="botones.funcionGuardar()" |
16 | - ng-show="botones.guardar" | |
17 | 34 | ng-disabled="botones.guardando" |
18 | 35 | type="button" |
19 | 36 | title="Guardar" |
... | ... | @@ -26,7 +43,7 @@ |
26 | 43 | ng-show="botones.pausar" |
27 | 44 | type="button" |
28 | 45 | title="Pausar" |
29 | - class="btn btn-block border"> | |
46 | + class="btn btn-block mt-2 border"> | |
30 | 47 | <strong>PAUSAR</strong> |
31 | 48 | </button> |
32 | 49 | <button |
... | ... | @@ -34,7 +51,7 @@ |
34 | 51 | ng-show="botones.cancelar" |
35 | 52 | type="button" |
36 | 53 | title="Cancelar" |
37 | - class="btn btn-block border border-dark"> | |
54 | + class="btn btn-block mt-2 border border-dark"> | |
38 | 55 | <strong>CANCELAR</strong> |
39 | 56 | </button> |
40 | 57 | <button |
... | ... | @@ -42,7 +59,7 @@ |
42 | 59 | ng-show="botones.salir" |
43 | 60 | type="button" |
44 | 61 | title="Salir" |
45 | - class="btn btn-block border"> | |
62 | + class="btn btn-block mt-2 border"> | |
46 | 63 | <strong>SALIR</strong> |
47 | 64 | </button> |
48 | 65 | <button |
... | ... | @@ -50,7 +67,7 @@ |
50 | 67 | ng-click="boton.funcion()" |
51 | 68 | type="button" |
52 | 69 | title="{{boton.title}}" |
53 | - class="btn btn-block border"> | |
70 | + class="btn btn-block mt-2 border"> | |
54 | 71 | <strong |
55 | 72 | class="text-uppercase" |
56 | 73 | ng-bind="boton.title"> |
... | ... | @@ -69,7 +86,7 @@ |
69 | 86 | <div class="container"> |
70 | 87 | <div class="row"> |
71 | 88 | <div |
72 | - class="btn-group-toggle btn btn-block border" | |
89 | + class="btn-group-toggle btn btn-block mt-2 border" | |
73 | 90 | data-toggle="buttons" |
74 | 91 | ng-click="cambioUsoTeclado()" |
75 | 92 | title="Activar/desactivar teclado"> |