Commit fe72c3fe authored by Alfredo Sumaran's avatar Alfredo Sumaran

Move StagePlanComponent template to component in JS file

parent 1fc9b7ae
...@@ -3,13 +3,24 @@ ...@@ -3,13 +3,24 @@
global.cycleAnalytics = global.cycleAnalytics || {}; global.cycleAnalytics = global.cycleAnalytics || {};
global.cycleAnalytics.StagePlanComponent = Vue.extend({ global.cycleAnalytics.StagePlanComponent = Vue.extend({
template: '#stage-plan-component',
components: { components: {
'item-commit-component': gl.cycleAnalytics.ItemCommitComponent, 'item-commit-component': gl.cycleAnalytics.ItemCommitComponent,
}, },
props: { props: {
items: Array, 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 = {})); })(window.gl || (window.gl = {}));
...@@ -94,14 +94,6 @@ ...@@ -94,14 +94,6 @@
%template{ "v-if" => "state.items.length && !isLoadingStage && !isEmptyStage" } %template{ "v-if" => "state.items.length && !isLoadingStage && !isEmptyStage" }
%component{ ":is" => "currentStage.component", ":items" => "state.items" } %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' } %script{ type: 'text/x-template', id: 'stage-code-component' }
%div %div
.events-description .events-description
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment