ngbootbox/ngBootbox.js

AngularJS wrapper for bootbox.js

if (typeof define === "function" && define.amd) {
  // AMD. Register as an anonymous module.
  define(["bootbox"], function (bootbox) {
    window.bootbox = bootbox;
  });
}

angular.module('ngBootbox', [])
  /* @ngInject */
  .provider('$ngBootboxConfig', function () {
    var defaultLocale = '';

    return {
      setDefaultLocale: function (name) {
        defaultLocale = name;
        window.bootbox.setLocale(name);
      },
      addLocale: function (name, values) {
        window.bootbox.addLocale(name, values);
      },
      removeLocale: function (name) {
        window.bootbox.removeLocale(name);
      },
      $get: function () {
        return ({
          getDefaultLocale: function () {
            return defaultLocale;
          }
        });
      }
    };
  })

  /* @ngInject */
  .directive('ngBootboxAlert', ["$ngBootbox", function ($ngBootbox) {
    return {
      restrict: 'A',
      scope: false,
      link: function (scope, element, attr) {
        var msg = attr.ngBootboxAlert || "Yo!";
        element.bind('click', function () {
          $ngBootbox.alert(msg);
        });
      }
    };
  }])
  /* @ngInject */
  .directive('ngBootboxConfirm', ["$ngBootbox", function ($ngBootbox) {
    return {
      restrict: 'A',
      scope: {
        actionOK: '&ngBootboxConfirmAction',
        actionCancel: '&ngBootboxConfirmActionCancel'
      },
      link: function (scope, element, attr) {
        var msg = attr.ngBootboxConfirm || "Are you sure?";
        element.bind('click', function () {
          $ngBootbox.confirm(msg).then(function () {
            scope.actionOK();
          }, function () {
            scope.actionCancel();
          });
        });
      }
    };
  }])
  /* @ngInject */
  .directive('ngBootboxPrompt', ["$ngBootbox", function ($ngBootbox) {
    return {
      restrict: 'A',
      scope: {
        actionOK: '&ngBootboxPromptAction',
        actionCancel: '&ngBootboxPromptActionCancel',
        value: '@ngBootboxPromptDefaultValue',
        selectAllOnFocus: '@ngBootboxPromptSelectAllOnFocus'
      },
      link: function (scope, element, attr) {
        var msg = attr.ngBootboxPrompt || "Are you sure?";
        var value = attr.ngBootboxPromptDefaultValue || "";
        var selectAllOnFocus = scope.$eval(attr.ngBootboxPromptSelectAllOnFocus) || false;
        element.bind('click', function () {
          $ngBootbox.prompt(msg, value, selectAllOnFocus).then(function (result) {
            scope.actionOK({ result: result });
          }, function () {
            scope.actionCancel();
          });
        });
      }
    };
  }])
  /* @ngInject */
  .directive('ngBootboxCustomDialog', ["$ngBootbox", function ($ngBootbox) {
    return {
      restrict: 'A',
      scope: {
        title: '@ngBootboxTitle',
        buttons: '=ngBootboxButtons',
        className: '@ngBootboxClassName',
        data: '=ngBootboxData',
        options: '=ngBootboxOptions'
      },
      link: function (scope, element, attr) {
        var options = {},
          templateUrl = attr.ngBootboxCustomDialogTemplate;

        if (scope.options) {
          options = scope.options;
        }
        if (scope.title) options.title = scope.title;
        if (scope.buttons) options.buttons = scope.buttons;
        if (scope.className) options.className = scope.className;
        if (scope.data) options.data = scope.data;
        if (templateUrl) {
          options.templateUrl = templateUrl;
        } else {
          options.message = attr.ngBootboxCustomDialog;
        }

        element.bind('click', function () {
          $ngBootbox.customDialog(options);
        });
      }
    };
  }])
  /* @ngInject */
  .factory('$ngBootbox', ["$q", "$templateCache", "$compile", "$rootScope", "$http", "$window", function ($q, $templateCache, $compile, $rootScope, $http, $window) {
    return {
      alert: function (msg) {
        var deferred = $q.defer();
        function _callback() {
          deferred.resolve();
        }
        if (typeof (msg) === "object")
        {
          $window.bootbox.alert(
            angular.merge(msg, { callback: _callback })
          );
        }
        else
        {
          $window.bootbox.alert(msg, _callback);
        }
        return deferred.promise;
      },
      confirm: function (msg) {
        var deferred = $q.defer();
        function _callback(result) {
          if (result) {
            deferred.resolve();
          }
          else {
            deferred.reject();
          }
        }
        if (typeof (msg) === "object")
        {
          $window.bootbox.confirm(angular.merge(msg, { callback: _callback }));
        }
        else
        {
          $window.bootbox.confirm(msg, _callback);
        }
        
        return deferred.promise;
      },
      prompt: function (msg, value, selectAllOnFocus) {
        var deferred = $q.defer();
        $window.bootbox.prompt({
          title: msg,
          value: value || '',
          selectAllOnFocus: selectAllOnFocus || false,
          callback: function (result) {
            if (result !== null) {
              deferred.resolve(result);
            }
            else {
              deferred.reject();
            }
          }
        });
        return deferred.promise;
      },
      customDialog: function (options) {
        if (options.templateUrl) {
          getTemplate(options.templateUrl)
            .then(function (template) {
              options.scope = options.scope || $rootScope;
              options.message = $compile(template)(options.scope);
              $window.bootbox.dialog(options);
            }, function () { //Show default dialog if no template could be found
              $window.bootbox.dialog(options);
            });
        }
        else {
          $window.bootbox.dialog(options);
        }
      },
      setDefaults: function (options) {
        $window.bootbox.setDefaults(options);
      },
      hideAll: function () {
        $window.bootbox.hideAll();
      },
      setLocale: function (name) {
        $window.bootbox.setLocale(name);
      },
      addLocale: function (name, values) {
        $window.bootbox.addLocale(name, values);
      },
      removeLocale: function (name) {
        $window.bootbox.removeLocale(name);
      }
    };

    function getTemplate(templateId) {
      var def = $q.defer();

      var template = $templateCache.get(templateId);
      if (typeof template === "undefined") {
        $http.get(templateId)
          .then(function (response) {
            var data = response.data;
            $templateCache.put(templateId, data);
            def.resolve(data);
          });
      } else {
        def.resolve(template);
      }
      return def.promise;
    }
  }]);