Create a new notification

components_notification-item-my-new-notifications.js

import Component from '@ember/component';

 export default Component.extend({
  classNames: [
    'notification-center-item',
  ],
});

services_notification-center.js

// add `'myNewNotifications'` to `REGISTERED_NOTIFICATION_SERVICES`
let REGISTERED_NOTIFICATION_SERVICES = [
  'myNewNotifications',
];

services_notifications-my-new-notifications.js

import Service from '@ember/service';
import { A } from '@ember/array';
import { later as runLater } from '@ember/runloop';
import moment from 'moment';

 const UPDATE_INTERVAL = +moment.duration({ seconds: 10 });

 export default Service.extend({
  notificationItems: null,
  notificationCount: 0,

   init() {
    this._super(...arguments);
    this.set('notificationItems', A());
    this.addMessages();
  },

   addMessages() {
    this.get('notificationItems')
      .pushObject({
        id:        `my-new-notification--${this.get('notificationCount')}`,
        component: 'notification-item-my-new-notifications',
        published: new Date(),
        priority:  0,
        data: {
          message: `There were already ${this.get('notificationCount')} "my-new-notification"s when this was added.`,
        },
      });
    this.incrementProperty('notificationCount');
    runLater(this, this.addMessages, UPDATE_INTERVAL);
  },
});

templates_components_notification-item-my-new-notifications.hbs

<div class="notification-center-item__wrapper">
  <div class="notification-center-item__description">
    {{data.message}}
  </div>
</div>