gravityblast / component.js Goto Github PK

// component.js
(function (Components) {
  Components.register({name: 'the-name', onMount: sellerResponded, unMount: removePolling});
  ...
})(Components);

// components.js

Components = {
  ...
  register: function(component) {
    this.components[component.name] = component;
  },
  ...
}

// components.js

Components = {
  components: {},
  initializedComponents: {}, // Keeps track of initializedComponents per page

  init: function () {
    var elements = $('[data-js-component]');
    // On each init, we unmount the initialized components
    this.unMountInitializedComponents(this.initializedComponents);
    ...
  },

  ...

  initializeComponent: function ($element, component) {
    ....
    component.onMount($element, options);
    // Adding it to the initialized collection
    this.initializedComponents[component.name] = component
  },

  unMountInitializedComponents: function (components) {
    for (component in components) {
     // a component does not need to define an unMount method. For example a Tabs component, doesn't need to be unmounted.
      if (components[component].unMount) {
        components[component].unMount();
      }
    }

    this.initializedComponents = {}; // We are resetting the initializedComponents
  }
}