From 0f2c961dda33dddc8e78bd03fa0c4156a4e6dc84 Mon Sep 17 00:00:00 2001
From: Rumit Parakhiya <rumitparakhiya@users.noreply.github.com>
Date: Tue, 27 Feb 2018 17:10:01 +0530
Subject: [PATCH 1/2] Add busy indicator class to container

It will now add a class to container when loader is running. The class can be overridden with option `busyClass` defaulting to `cg-busy-active`
---
 angular-busy.js | 46 ++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 44 insertions(+), 2 deletions(-)

diff --git a/angular-busy.js b/angular-busy.js
index ac35e41..e6caced 100755
--- a/angular-busy.js
+++ b/angular-busy.js
@@ -143,7 +143,8 @@ angular.module('cgBusy').directive('cgBusy',['$compile','$templateCache','cgBusy
                     minDuration:0,
                     backdrop: true,
                     message:'Please Wait...',
-                    wrapperClass: 'cg-busy cg-busy-animation'
+                    wrapperClass: 'cg-busy cg-busy-animation',
+                    busyClass: 'cg-busy-active'
                 };
 
                 angular.extend(defaults,cgBusyDefaults);
@@ -194,7 +195,16 @@ angular.module('cgBusy').directive('cgBusy',['$compile','$templateCache','cgBusy
                     }
 
                     templateScope.$cgBusyIsActive = function() {
-                        return tracker.active();
+                        var isActive = tracker.active();
+
+                        if (isActive) {
+                            element.addClass(options.busyClass);
+                        }
+                        else {
+                            element.removeClass(options.busyClass);
+                        }
+
+                        return isActive;
                     };
 
 
@@ -242,3 +252,35 @@ angular.module('cgBusy').directive('cgBusy',['$compile','$templateCache','cgBusy
     }
 ]);
 
+
+angular.module('cgBusy').run(['$templateCache', function($templateCache) {
+  'use strict';
+
+  $templateCache.put('angular-busy.html',
+    "<div class=\"cg-busy-default-wrapper\">\n" +
+    "\n" +
+    "   <div class=\"cg-busy-default-sign\">\n" +
+    "\n" +
+    "      <div class=\"cg-busy-default-spinner\">\n" +
+    "         <div class=\"bar1\"></div>\n" +
+    "         <div class=\"bar2\"></div>\n" +
+    "         <div class=\"bar3\"></div>\n" +
+    "         <div class=\"bar4\"></div>\n" +
+    "         <div class=\"bar5\"></div>\n" +
+    "         <div class=\"bar6\"></div>\n" +
+    "         <div class=\"bar7\"></div>\n" +
+    "         <div class=\"bar8\"></div>\n" +
+    "         <div class=\"bar9\"></div>\n" +
+    "         <div class=\"bar10\"></div>\n" +
+    "         <div class=\"bar11\"></div>\n" +
+    "         <div class=\"bar12\"></div>\n" +
+    "      </div>\n" +
+    "\n" +
+    "      <div class=\"cg-busy-default-text\">{{$message}}</div>\n" +
+    "\n" +
+    "   </div>\n" +
+    "\n" +
+    "</div>"
+  );
+
+}]);

From 4e08f4acc16bb54180b199aac812f336d68b1348 Mon Sep 17 00:00:00 2001
From: Rumit Parakhiya <rumitparakhiya@users.noreply.github.com>
Date: Tue, 27 Feb 2018 17:18:04 +0530
Subject: [PATCH 2/2] Removing embedded template

---
 angular-busy.js | 32 --------------------------------
 1 file changed, 32 deletions(-)

diff --git a/angular-busy.js b/angular-busy.js
index e6caced..77ba23f 100755
--- a/angular-busy.js
+++ b/angular-busy.js
@@ -252,35 +252,3 @@ angular.module('cgBusy').directive('cgBusy',['$compile','$templateCache','cgBusy
     }
 ]);
 
-
-angular.module('cgBusy').run(['$templateCache', function($templateCache) {
-  'use strict';
-
-  $templateCache.put('angular-busy.html',
-    "<div class=\"cg-busy-default-wrapper\">\n" +
-    "\n" +
-    "   <div class=\"cg-busy-default-sign\">\n" +
-    "\n" +
-    "      <div class=\"cg-busy-default-spinner\">\n" +
-    "         <div class=\"bar1\"></div>\n" +
-    "         <div class=\"bar2\"></div>\n" +
-    "         <div class=\"bar3\"></div>\n" +
-    "         <div class=\"bar4\"></div>\n" +
-    "         <div class=\"bar5\"></div>\n" +
-    "         <div class=\"bar6\"></div>\n" +
-    "         <div class=\"bar7\"></div>\n" +
-    "         <div class=\"bar8\"></div>\n" +
-    "         <div class=\"bar9\"></div>\n" +
-    "         <div class=\"bar10\"></div>\n" +
-    "         <div class=\"bar11\"></div>\n" +
-    "         <div class=\"bar12\"></div>\n" +
-    "      </div>\n" +
-    "\n" +
-    "      <div class=\"cg-busy-default-text\">{{$message}}</div>\n" +
-    "\n" +
-    "   </div>\n" +
-    "\n" +
-    "</div>"
-  );
-
-}]);