remove fragment warning - formatting

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

@@ -11,13 +11,13 @@
 //= require ./pipelines.vue.js.es6
 
 (() => {
-  const project = document.querySelector('.table-holder');
+  const project = document.querySelector('.pipelines');
 
   Vue.use(VueResource);
   // Vue.config.silent = true;
 
   return new Vue({
-    el: '#vue-pipelines-index',
+    el: '.vue-pipelines-index',
     data: {
       scope: project.dataset.projectId,
       store: new gl.PipelineStore(),
@@ -26,7 +26,9 @@
       'vue-pipelines': gl.VuePipeLines,
     },
     template: `
+      <div>
         <vue-pipelines :scope='scope' :store='store'></vue-pipelines>
+      </div>
     `,
   });
 })();

app/assets/javascripts/vue_pipelines_index/pipelines.vue.js.es6

@@ -36,6 +36,8 @@
       },
     },
     template: `
+      <div class="table-holder">
+        <table class="table ci-table">
           <thead>
             <tr>
               <th>Status</th>
@@ -119,7 +121,10 @@
                       href="pipelines#{{stage.title}}"
 
                   this way I can pass it as a prop to
-                ex: <vue-stages :stages='stages'>
+                    ex:
+                      <td class="stage-cell" v-for='stage in pipelines.stages'>
+                        <vue-stage :stage='stage'>
+                      </td>
                 -->
                 <vue-stages></vue-stages>
               </td>
@@ -130,6 +135,8 @@
               </td>
             </tr>
           </tbody>
+        </table>
+      </div>
     `,
   });
 })(window.gl || (window.gl = {}));

app/views/projects/pipelines/index.html.haml

@@ -36,14 +36,12 @@
         = link_to ci_lint_path, class: 'btn btn-default' do
           %span CI Lint
 
-  %div.content-list.pipelines
+  %div.content-list.pipelines{"data-project-id": "#{@project.id}"}
     - stages = @pipelines.stages
     - if @pipelines.blank?
       %div
         .nothing-here-block No pipelines to show
     - else
-      .table-holder{"data-project-id": "#{@project.id}"}
-        %table.table.ci-table
-          %tbody#vue-pipelines-index
+      .vue-pipelines-index
 
 = page_specific_javascript_tag('vue_pipelines_index/index.js')
\ No newline at end of file