v1.1.0

Author: LukaszWatroba

dist/v-button.css

@@ -1,6 +1,6 @@
 /**
  * vButton - AngularJS pressable button with a busy indicator
- * @version v1.0.0
+ * @version v1.1.0
  * @link http://lukaszwatroba.github.io/v-button
  * @author Łukasz Wątroba <l@lukaszwatroba.com>
  * @license MIT License, http://www.opensource.org/licenses/MIT
@@ -58,7 +58,8 @@
 [v-pressable] {
   overflow: hidden;
   position: relative;
-  transition: all 0.25s; }
+  -webkit-transition: all 0.25s;
+          transition: all 0.25s; }
   [v-pressable].is-pressed {
     -webkit-transform: scale(0.95);
         -ms-transform: scale(0.95);

dist/v-button.js

@@ -1,6 +1,6 @@
 /**
  * vButton - AngularJS pressable button with a busy indicator
- * @version v1.0.0
+ * @version v1.1.0
  * @link http://lukaszwatroba.github.io/v-button
  * @author Łukasz Wątroba <l@lukaszwatroba.com>
  * @license MIT License, http://www.opensource.org/licenses/MIT
@@ -44,9 +44,10 @@ function vBusyDirective ($document, buttonConfig) {
     restrict: 'A',
     scope: {
       isBusy: '=vBusy',
-      busyLabel: '@vBusyLabel'
+      busyLabel: '@vBusyLabel',
+      busyText: '@vBusyText'
     },
-    compile: function (tElement) {
+    compile: function (tElement, tAttrs) {
       var labelElement = angular.element(tElement.find('span'));
 
       if (!labelElement[0]) {
@@ -56,17 +57,26 @@ function vBusyDirective ($document, buttonConfig) {
 
       return function postLink (scope, iElement) {
         var idleLabelHtml = labelElement.html(),
-            busyLabelHtml = scope.busyLabel || buttonConfig.busyLabel;
+            busyLabelHtml = scope.busyLabel || buttonConfig.busyLabel,
+            busyTextHtml = scope.busyText;
 
         scope.$watch('isBusy', function (value) {
           if (value) {
             iElement.addClass(buttonConfig.states.busy);
             labelElement.html(busyLabelHtml);
           } else {
             iElement.removeClass(buttonConfig.states.busy);
-            labelElement.html(idleLabelHtml);
+            labelElement.html(busyTextHtml || idleLabelHtml);
           }
         });
+
+        tAttrs.$observe('vBusyLabel', function(value) {
+          busyLabelHtml = value;
+        });
+
+        tAttrs.$observe('vBusyText', function(value) {
+          busyTextHtml = value;
+        });
       };
     }
   };
@@ -75,7 +85,6 @@ vBusyDirective.$inject = ['$document', 'buttonConfig'];
 
 
 
-
 // vPressable directive
 angular.module('vButton.directives')
   .directive('vPressable', vPressableDirective);

dist/v-button.min.css

@@ -57,7 +57,7 @@ <h5 class="u-marginBl">AngularJS pressable button with a busy indicator.</h5>
             <button class="Button Button--default" v-pressable>Pressable Button</button>
           </li>
           <li class="ButtonGroup-item u-marginAs">
-            <button class="Button Button--default" ng-click="isLoading = !isLoading" v-busy="isLoading" v-busy-label="Please wait" v-pressable>Busy Button</button>
+            <button class="Button Button--default" ng-click="isLoading = !isLoading" v-busy="isLoading" v-busy-text="" v-busy-label="Please wait" v-pressable>Busy Button</button>
           </li>
         </ul>
       </div>

dist/v-button.min.js

@@ -1,7 +1,7 @@
 {
   "name": "v-button",
   "description": "vButton - AngularJS pressable button with a busy indicator",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "author": "Łukasz Wątroba <l@lukaszwatroba.com>",
   "license": "MIT",
   "keywords": [

index.html

@@ -36,18 +36,15 @@ function vBusyDirective ($document, buttonConfig) {
           }
         });
 
-        tAttrs.$observe('vBusyLabel', function(value)
-        {
-            busyLabelHtml = value;
+        tAttrs.$observe('vBusyLabel', function(value) {
+          busyLabelHtml = value;
         });
 
-        tAttrs.$observe('vBusyText', function(value)
-        {
-            busyTextHtml = value;
+        tAttrs.$observe('vBusyText', function(value) {
+          busyTextHtml = value;
         });
       };
     }
   };
 }
 vBusyDirective.$inject = ['$document', 'buttonConfig'];
-