discourse-custom-wizard/assets/javascripts/discourse/components/wizard-notice.js.es6

import Component from "@ember/component";
import discourseComputed from "discourse-common/utils/decorators";
import { not, notEmpty } from "@ember/object/computed";
import I18n from "I18n";

export default Component.extend({
  classNameBindings: [':wizard-notice', 'notice.type', 'dismissed', 'expired', 'resolved'],
  showFull: false,
  resolved: notEmpty('notice.expired_at'),
  dismissed: notEmpty('notice.dismissed_at'),
  canDismiss: not('dismissed'),

  @discourseComputed('notice.type')
  title(type) {
    return I18n.t(`admin.wizard.notice.title.${type}`);
  },

  @discourseComputed('notice.type')
  icon(type) {
    return {
      plugin_status_warning: 'exclamation-circle',
      plugin_status_connection_error: 'bolt',
      subscription_messages_connection_error: 'bolt',
      info: 'info-circle'
    }[type];
  },

  actions: {
    dismiss() {
      this.set('dismissing', true);
      this.notice.dismiss().then(() => {
        this.set('dismissing', false);
      });
    }
  }
});