All files / app/assets/javascripts/pipelines pipeline_details_header.js

0% Statements 0/8
0% Branches 0/2
0% Functions 0/2
0% Lines 0/8

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                                                                       
import Vue from 'vue';
import VueApollo from 'vue-apollo';
import pipelineHeader from './components/header_component.vue';
 
Vue.use(VueApollo);
 
export const createPipelineHeaderApp = (elSelector, apolloProvider, graphqlResourceEtag) => {
  const el = document.querySelector(elSelector);
 
  if (!el) {
    return;
  }
 
  const { fullPath, pipelineId, pipelineIid, pipelinesPath } = el.dataset;
  // eslint-disable-next-line no-new
  new Vue({
    el,
    components: {
      pipelineHeader,
    },
    apolloProvider,
    provide: {
      paths: {
        fullProject: fullPath,
        graphqlResourceEtag,
        pipelinesPath,
      },
      pipelineId,
      pipelineIid,
    },
    render(createElement) {
      return createElement('pipeline-header', {});
    },
  });
};