app/assets/javascripts/vue_pipelines_index/index.js.es6


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

/* eslint-disable no-param-reassign */
/* global Vue, VueResource, gl */
window.Vue = require('vue');
window.Vue.use(require('vue-resource'));
require('../lib/utils/common_utils');
require('../vue_shared/vue_resource_interceptor');
require('./pipelines');

$(() => new Vue({
  el: document.querySelector('.vue-pipelines-index'),

  data() {
    const project = document.querySelector('.pipelines');
    const svgs = document.querySelector('.pipeline-svgs').dataset;

    // Transform svgs DOMStringMap to a plain Object.
    const svgsObject = gl.utils.DOMStringMapToObject(svgs);

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