change architecture - add store - make api call by default

1 files changed, 9 insertions, 6 deletions

diff --git a/app/views/projects/pipelines/index.html.haml b/app/views/projects/pipelines/index.html.haml
index 30625e399b0..7cb77f2034b 100644
--- a/app/views/projects/pipelines/index.html.haml
+++ b/app/views/projects/pipelines/index.html.haml
@@ -47,17 +47,20 @@
           %tbody.app
 
 :javascript
-  Vue.component('vue-pipelines', gl.VuePipeLines);
-  Vue.component('vue-runner-status', gl.VueRunnerStatus);
+  Vue.use(VueResource);
 
-  new Vue({
+  var vm = new Vue({
     el: ".app",
     data:{
-      pipelines: JSON.parse('#{@pipelines.to_json}'),
-      count: JSON.parse('#{@pipeline_count.to_json}'),
+      scope: "#{@project.id}",
+      store: new gl.PipelineStore(),
+    },
+    components: {
+      'vue-commit-link': gl.VueCommitLink,
+      'vue-pipelines': gl.VuePipeLines,
     },
     template: ""
       + "<div>"
-      + "<vue-pipelines :pipelines='pipelines' :count='count'></vue-pipelines>"
+      + "<vue-pipelines :scope='scope' :store='store'></vue-pipelines>"
       + "</div>",
   })