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

import Ember from 'ember';
import ENV from '../config/environment';

var HIDE_ANIMATION_LENGTH = 200;

export default Ember.Controller.extend({
  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'),

  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);
      }
    }, ENV.APP.FLASH_MIN_DISPLAY_TIME);
  },

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

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