/* global Vue, VueResource, gl */
/* eslint-disable no-bitwise, no-plusplus*/

/*= require vue_common_component/commit */

//= require vue-resource

//= require ./object_assign.js.es6
//= require ./store.js.es6
//= require ./pipeline_url.js.es6
//= require ./pipeline_head.js.es6
//= require ./stage.js.es6
//= require ./stages.js.es6
//= require ./pipeline_actions.js.es6
//= require ./branch_commit.js.es6
//= require ./time_ago.js.es6
//= require ./pipelines.js.es6

(() => {
  const url = window.location.href;
  if (~url.indexOf('scope') && !~url.indexOf('scope=pipelines')) return null;

  const project = document.querySelector('.pipelines');

  Vue.use(VueResource);

  return new Vue({
    el: '.vue-pipelines-index',
    data: {
      scope: project.dataset.url,
      store: new gl.PipelineStore(),
    },
    components: {
      'vue-pipelines': gl.VuePipelines,
    },
    template: `
      <div>
        <vue-pipelines
          :scope='scope'
          :store='store'
        >
        </vue-pipelines>
      </div>
    `,
  });
})();