import Ember from 'ember';
export function initialize(/* appInstance */) {
  // appInstance.inject('route', 'foo', 'service:foo');
  Ember.$.fn.tooltip.Constructor.DEFAULTS.template = 
      '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><pre class="tooltip-inner"></pre></div>';

  Ember.Component.reopen({
    didInsertElement() {
      let me = this;
      me._super(...arguments);
      me.initTooltip();
    },
    didUpdate() {
      const me = this;
      me._super(...arguments);
      me.initTooltip();
    },
    initTooltip() {
      const me = this;
      if (!('ontouchstart' in document.documentElement)) {
          if ('tooltip' === me.get('data-rel') 
              && me.get('title')) {
              me.$().tooltip();
          }
          // may cause error
          try {
            me.$('[data-rel=tooltip]').tooltip();
          }
          catch(e) {
            Ember.Logger.warn('Init tooltip error caused', e);
          }
      }
    }
  });
}

export default {
  name: 'tooltip',
  initialize
};