From 04074190765bf88afad347e0f954d5203a203843 Mon Sep 17 00:00:00 2001
From: Jose Pinto <ejosepintog@gmail.com>
Date: Tue, 22 Jan 2019 14:38:25 -0300
Subject: [PATCH] boton guardar con ladda y verde al guardar

---
 src/js/app.js                   |  2 +-
 src/js/service.js               |  9 +++++++++
 src/views/botonera-lateral.html | 25 +++++++++++++++++--------
 3 files changed, 27 insertions(+), 9 deletions(-)

diff --git a/src/js/app.js b/src/js/app.js
index 35504df..2a71ac2 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -1,4 +1,4 @@
-angular.module('focaBotoneraLateral', [])
+angular.module('focaBotoneraLateral', ['angular-ladda'])
     .component('focaBotoneraLateral', {
         templateUrl: 'src/views/botonera-lateral.html',
         controller: 'focaBotoneraLateralController'
diff --git a/src/js/service.js b/src/js/service.js
index c71188b..52fdb45 100644
--- a/src/js/service.js
+++ b/src/js/service.js
@@ -6,6 +6,7 @@ angular.module('focaBotoneraLateral')
             cancelar: false,
             pausar: false,
             guardar: false,
+            guardando: false,
             funcionGuardar: undefined,
             pathCancelar: undefined,
             custom: []
@@ -35,4 +36,12 @@ angular.module('focaBotoneraLateral')
                 funcion: funcion
             });
         };
+        this.startGuardar = function() {
+            this.botones.guardando = true;
+            
+        };
+        this.endGuardar = function(guardado) {
+            this.botones.guardando = false;
+            if(guardado) angular.element('#guardar').addClass('guardado');
+        };
     });
diff --git a/src/views/botonera-lateral.html b/src/views/botonera-lateral.html
index a944bfe..4a5dd65 100644
--- a/src/views/botonera-lateral.html
+++ b/src/views/botonera-lateral.html
@@ -4,14 +4,23 @@
             <div class="px-2 mt-auto">
                 <div class="container">
                     <div class="row">
-                        <button
-                            ng-click="botones.funcionGuardar()"
-                            ng-show="botones.guardar"
-                            type="button"
-                            title="Guardar"
-                            class="btn btn-block border border-dark">
-                            <strong>GUARDAR</strong>
-                        </button>
+                        <div
+                            ladda="botones.guardando"
+                            data-spinner-size="30"
+                            data-spinner-color="#000000"
+                            class="mb-2 border border-dark rounded"
+                            >
+                            <button
+                                id="guardar"
+                                ng-click="botones.funcionGuardar()"
+                                ng-show="botones.guardar"
+                                ng-disabled="botones.guardando"
+                                type="button"
+                                title="Guardar"
+                                class="btn btn-block">
+                                <strong>GUARDAR</strong>
+                            </button>
+                        </div>
                         <button
                             ng-show="botones.pausar"
                             type="button"
-- 
1.9.1