All files / app/assets/javascripts/popovers index.js

100% Statements 28/28
87.5% Branches 7/8
100% Functions 8/8
100% Lines 25/25

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52            1x   1x 24x 4x 4x 4x   4x 4x 4x     24x     14x   1x 14x 14x 14x 14x         1x 4x 12x   14x         4x     2x   1x 4x 4x    
import { toArray } from 'lodash';
import Vue from 'vue';
import PopoversComponent from './components/popovers.vue';
 
let app;
 
const APP_ELEMENT_ID = 'gl-popovers-app';
 
const getPopoversApp = () => {
  if (!app) {
    const container = document.createElement('div');
    container.setAttribute('id', APP_ELEMENT_ID);
    document.body.appendChild(container);
 
    const Popovers = Vue.extend(PopoversComponent);
    app = new Popovers({ name: 'PopoversRoot' });
    app.$mount(`#${APP_ELEMENT_ID}`);
  }
 
  return app;
};
 
const isPopover = (node, selector) => node.matches && node.matches(selector);
 
const handlePopoverEvent = (rootTarget, e, selector) => {
  for (let { target } = e; target && target !== rootTarget; target = target.parentNode) {
    Eif (isPopover(target, selector)) {
      getPopoversApp().addPopovers([target]);
      break;
    }
  }
};
 
export const initPopovers = () => {
  ['mouseenter', 'focus', 'click'].forEach((event) => {
    document.addEventListener(
      event,
      (e) => handlePopoverEvent(document, e, '[data-toggle="popover"]'),
      true,
    );
  });
 
  return getPopoversApp();
};
 
export const dispose = (elements) => toArray(elements).forEach(getPopoversApp().dispose);
 
export const destroy = () => {
  getPopoversApp().$destroy();
  app = null;
};