components/product-overview.js

product-overview.js

// components/product-overview.js

import Ember from 'ember';

export default Ember.Component.extend({
  timer: Ember.inject.service(),

  // Periodically refresh product info
  init() {
    this.get('timer').start(() => {
      if (this.get('product')) {
        this.get('product').reload();
      }
    }, 30 * 1000);

    this._super(...arguments);
  },

  // Stop timer when component is destroyed
  willDestroyElement() {
    this._super(...arguments);
    this.get('timer').stop();
  },

  actions: {
    cancelReloadTask() {
      this.get('timer').stop();
    },

    restartReloadTask() {
      this.get('timer').start(() => ...);
    },
  },
});