Move StagePlanComponent template to component in JS file

app/assets/javascripts/cycle_analytics/components/stage_plan_component.js.es6

@@ -3,13 +3,24 @@
   global.cycleAnalytics = global.cycleAnalytics || {};
 
   global.cycleAnalytics.StagePlanComponent = Vue.extend({
-    template: '#stage-plan-component',
     components: {
       'item-commit-component': gl.cycleAnalytics.ItemCommitComponent,
     },
     props: {
       items: Array,
-    }
+    },
+    template: `
+      <div>
+        <div class="events-description">
+          Time before an issue starts implementation
+        </div>
+        <ul class="event-list">
+          <li class="event-item" v-for="commit in items">
+            <item-commit-component :commit="commit"></item-commit-component>
+          </li>
+        </ul>
+      </div>
+    `,
   });
 
 })(window.gl || (window.gl = {}));

app/views/projects/cycle_analytics/show.html.haml

@@ -94,14 +94,6 @@
           %template{ "v-if" => "state.items.length && !isLoadingStage && !isEmptyStage" }
             %component{ ":is" => "currentStage.component", ":items" => "state.items" }
 
-%script{ type: 'text/x-template', id: 'stage-plan-component' }
-  %div
-    .events-description
-      Time before an issue starts implementation
-    %ul.event-list
-      %li.event-item{ "v-for" => "commit in items" }
-        %item-commit-component{ ":commit" => "commit" }
-
 %script{ type: 'text/x-template', id: 'stage-code-component' }
   %div
     .events-description