Misago/misago/frontend/misago/services/alert.js

(function (Misago) {
  'use strict';

  var ALERT_BASE_DISPLAY_TIME = 5 * 1000;
  var ALERT_LENGTH_FACTOR = 70;
  var ALERT_MAX_DISPLAY_TIME = 9 * 1000;
  var ALERT_HIDE_ANIMATION_LENGTH = 300;

  var Alert = function(_) {
    var self = this;

    this.type = '';
    this.message = null;
    this.isVisible = false;

    var show = function(type, message) {
      self.type = type;
      self.message = message;
      self.isVisible = true;

      var displayTime = ALERT_BASE_DISPLAY_TIME;
      displayTime += message.length * ALERT_LENGTH_FACTOR;
      if (displayTime > ALERT_MAX_DISPLAY_TIME) {
        displayTime = ALERT_MAX_DISPLAY_TIME;
      }

      _.runloop.runOnce(function () {
        m.startComputation();
        self.isVisible = false;
        m.endComputation();
      }, 'flash-message-hide', displayTime);
    };

    var set = function(type, message) {
      _.runloop.stop('flash-message-hide');
      _.runloop.stop('flash-message-show');

      if (self.isVisible) {
        self.isVisible = false;
        _.runloop.runOnce(function () {
          m.startComputation();
          show(type, message);
          m.endComputation();
        }, 'flash-message-show', ALERT_HIDE_ANIMATION_LENGTH);
      } else {
        show(type, message);
      }
    };

    this.info = function(message) {
      set('info', message);
    };

    this.success = function(message) {
      set('success', message);
    };

    this.warning = function(message) {
      set('warning', message);
    };

    this.error = function(message) {
      set('error', message);
    };
  };

  Misago.addService('alert', {
    factory: function(_) {
      return new Alert(_);
    }
  });
}(Misago.prototype));