Misago/misago/emberapp/app/controllers/flash-message.js

import Ember from 'ember';

export default Ember.Controller.extend({
  VISIBLE_FOR: 4500,
  HIDE_ANIMATION_LENGTH: 200,

  id: null,
  type: null,
  message: null,
  isVisible: false,

  isInfo: function() {
    return this.get('type') === 'info';
  }.property('type'),

  isSuccess: function() {
    return this.get('type') === 'success';
  }.property('type'),

  isWarning: function() {
    return this.get('type') === 'warning';
  }.property('type'),

  isError: function() {
    return this.get('type') === 'error';
  }.property('type'),

  actions: {
    setFlash: function(type, message) {
      var self = this;

      if (this.get('isVisible')) {
        this.set('isVisible', false);
        Ember.run.later(function () {
          self.send('showFlash', type, message);
        }, this.get('HIDE_ANIMATION_LENGTH'));
      } else {
        this.send('showFlash', type, message);
      }
    },

    showFlash: function(type, message) {
      var flashId = this.incrementProperty('id');
      this.set('type', type);
      this.set('message', message);
      this.set('isVisible', true);

      var self = this;
      Ember.run.later(function () {
        if (self.get('id') === flashId) {
          self.set('isVisible', false);
        }
      }, this.get('VISIBLE_FOR'));
    }
  }
});