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

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

export default Component.extend({
  classNameBindings: [':wizard-notice', 'notice.type', 'dismissed', 'expired'],
  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 {
      warning: 'exclamation-circle',
      info: 'info-circle'
    }[type];
  },

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