whitesource/my-dir/neustar-simple-alert/simpleAlert.js

whitesource node module

angular.module('simpleAlert', [])
  .factory('simpleAlertFactory', function($interval,$sce) {
    var timeoutVar;
    var internal = {
      messages: {},
      default: {
        id: undefined,
        type: 'warning', 
        message: '',
        defaultClasses: '', // use this to set site-wide customizations
        // custom
        classes: '',

        //OK is optional
        okLabel: '',
        callback: angular.noop,
        callbackParamsArray: [undefined],

        // cancel is optional
        cancelLabel: '',
        cancelCallback: angular.noop,
        cancelCallbackParamsArray: [undefined],
        title: undefined,
        timeout: 0,
        closeIcon: true,
        closeIconClasses: 'glyphicon glyphicon-remove-sign',
        clickToClose: false
      }
    };

    var show = function(opts) {
      var msg = angular.extend({}, internal.default, opts);
      internal.messages[msg.id] = msg;
    };

    var clearById = function(id) {
      $interval.cancel(timeoutVar);
      internal.messages[id].callback.apply(this, internal.messages[id].callbackParamsArray);
      internal.messages[id] = {};
      timeoutVar = $interval(function() {
        delete internal.messages[id];
      }, 0,1);
    };

    var removeById = function(id) {
      delete internal.messages[id];
    };

    var clearAll = function() {
      angular.forEach(internal.messages, function(value, key) {
        internal.messages[key] = {};
      });

      $interval(function() {
        angular.forEach(internal.messages, function(value, key) {
          delete internal.messages[key];
        });

      }, 0,1);


    };

    var cancelById = function(id) {
       $interval.cancel(timeoutVar);
      internal.messages[id].cancelCallback.apply(this, internal.messages[id].cancelCallbackParamsArray);
      internal.messages[id] = {};
      // delayed delete so everything has a chance to execute.
      timeoutVar = $interval(function() {
        delete internal.messages[id];
      }, 0,1);

    };

    // setDefault() has two signatures:
    // if passed a key value pair, then it will update that element
    // otherwise it will expect key to be a new default object, 
    // and extend the existing default object with that
    var setDefault = function(keyOrObject, newDefault) {
      if(newDefault){
      internal.default[keyOrObject] = newDefault;
      } else if(keyOrObject){
        angular.extend(internal.default, keyOrObject)
      }
    };
    
    return {
      setDefault: setDefault,
      show: show,
      cancelById: cancelById,
      clearById: clearById,
      removeById: removeById,
      clearAll: clearAll,
      messages: internal.messages
    };

  }).directive('simpleAlert', function($interval, simpleAlertFactory,$sce) {
    return {
      restrict: 'E',
      scope: {
        id: '@'
        //TODO: add timeout value if auto-timeout
      },
      template: '<div data-ng-click="clickToClose()" class="alert alert-{{msg.type}} alert-dismissable {{msg.defaultClasses}} {{msg.classes}}" ng-show="msg.message.length">' +
        '<button class="close" data-ng-click="clear()" ng-show="msg.closeIcon">' +
        '<span class="{{msg.closeIconClasses}}"></span>' +
        '</button>' +
        '<h3 ng-show="msg.title.length" ng-bind="msg.title"></h3>' +
        '<p ng-bind-html="makeHTML(msg.message)"></p>' +
        '<button ng-show="msg.cancelLabel.length" class="btn btn-default" data-ng-click="cancel()">{{msg.cancelLabel}}</button>' +
        '<button ng-show="msg.okLabel.length" class="btn btn-{{msg.type}}" data-ng-click="clear()">{{msg.okLabel}}</button>' +
        '</div>',
      link: function($scope) {
        var timeoutVar;
        $scope.msgObj = simpleAlertFactory.messages;

        // deep watch - can we avoid?  contains all named alert instances currently in play.
        $scope.$watch('msgObj', function(newVal, oldVal) {
          $interval.cancel(timeoutVar);
          // The id here is the key so newVal[id] is an alert config object
          if (newVal[$scope.id] && !angular.equals(newVal[$scope.id], oldVal[$scope.id])) {
            $scope.msg = newVal[$scope.id];

            // add a timeout if 'timeout exists on msgObj'
            if (newVal[$scope.id].timeout) {
              timeoutVar = $interval(function() {
                $scope.clear();
              }, +newVal[$scope.id].timeout,1);
            }
          }
        }, true);

        $scope.clickToClose = function() {
          if ($scope.msg.clickToClose) {
            $scope.clear();
          }
        };
        $scope.makeHTML = function(text){
          return $sce.trustAsHtml(text);
        }
        
        $scope.clear = function() {
          $interval.cancel(timeoutVar);
          //removes the  message  and trigger the success handler
          simpleAlertFactory.clearById($scope.id);

        };

        $scope.cancel = function() {
          //removes the  message and trigger the cancel handler
          simpleAlertFactory.cancelById($scope.id);
        };

        $scope.$on('$destroy', function() {
          $interval.cancel(timeoutVar);
          simpleAlertFactory.removeById($scope.id);
        });

      }
    };
  });