Promised Click Ng

Promised Click Ng

<div class="button-example" ng-app="button-test" ng-strict-di ng-controller="testController as ctrl">
  <rg-button rg-promised-click="ctrl.onClick()">Simple use</rg-button>
  <rg-button rg-promised-click="ctrl.onClick()" promised-mode="loader">Simple use loader mode</rg-button>
  <rg-button rg-promised-click test-directive>Via controller</rg-button>
  <rg-button rg-promised-click="ctrl.onClick()">Ring button</rg-button>
</div>

import angular from 'angular';
import PromisedClickNG from '@jetbrains/ring-ui/components/promised-click-ng/promised-click-ng';
import ButtonNG from '@jetbrains/ring-ui/components/button-ng/button-ng';

var buttonTestModule = angular.module('button-test', [PromisedClickNG, ButtonNG]);

buttonTestModule.controller('testController', function($scope, $timeout) {
  this.onClick = function () {
    return $timeout(angular.noop, 5000);
  };
});

buttonTestModule.directive('testDirective', ['$timeout', function($timeout) {
  return {
    require: 'rgPromisedClick',
    link: function (scope, iElement, iAttrs, rgPromisedClick) {
      rgPromisedClick.onClick(function () {
        return $timeout(angular.noop, 1000);
      });
    }
  }
}]);