Commit 20efd43f authored by Alfredo Sumaran's avatar Alfredo Sumaran

Set stage descriptions dynamically

parent f9cfc87c
...@@ -8,11 +8,12 @@ ...@@ -8,11 +8,12 @@
}, },
props: { props: {
items: Array, items: Array,
stage: Object,
}, },
template: ` template: `
<div> <div>
<div class="events-description"> <div class="events-description">
Time spent coding {{ stage.shortDescription }}
</div> </div>
<ul class="stage-event-list"> <ul class="stage-event-list">
<li class="stage-event-item" v-for="mergeRequest in items"> <li class="stage-event-item" v-for="mergeRequest in items">
......
...@@ -8,11 +8,12 @@ ...@@ -8,11 +8,12 @@
}, },
props: { props: {
items: Array, items: Array,
stage: Object,
}, },
template: ` template: `
<div> <div>
<div class="events-description"> <div class="events-description">
Time before an issue get scheluded {{ stage.shortDescription }}
</div> </div>
<ul class="stage-event-list"> <ul class="stage-event-list">
<li class="stage-event-item" v-for="issue in items"> <li class="stage-event-item" v-for="issue in items">
......
...@@ -8,11 +8,12 @@ ...@@ -8,11 +8,12 @@
}, },
props: { props: {
items: Array, items: Array,
stage: Object,
}, },
template: ` template: `
<div> <div>
<div class="events-description"> <div class="events-description">
Time before an issue starts implementation {{ stage.shortDescription }}
</div> </div>
<ul class="stage-event-list"> <ul class="stage-event-list">
<li class="stage-event-item" v-for="commit in items"> <li class="stage-event-item" v-for="commit in items">
......
...@@ -8,11 +8,12 @@ ...@@ -8,11 +8,12 @@
}, },
props: { props: {
items: Array, items: Array,
stage: Object,
}, },
template: ` template: `
<div> <div>
<div class="events-description"> <div class="events-description">
The total time taken from idea to production {{ stage.shortDescription }}
</div> </div>
<ul> <ul>
<li v-for="issue in items"> <li v-for="issue in items">
......
...@@ -8,11 +8,12 @@ ...@@ -8,11 +8,12 @@
}, },
props: { props: {
items: Array, items: Array,
stage: Object,
}, },
template: ` template: `
<div> <div>
<div class="events-description"> <div class="events-description">
The time taken to build and test the application {{ stage.shortDescription }}
</div> </div>
<ul class="stage-event-list"> <ul class="stage-event-list">
<li class="stage-event-item" v-for="build in items"> <li class="stage-event-item" v-for="build in items">
......
...@@ -13,42 +13,49 @@ ...@@ -13,42 +13,49 @@
active: false, active: false,
component: 'stage-issue-component', component: 'stage-issue-component',
legendTitle: 'Related Issues', legendTitle: 'Related Issues',
shortDescription: 'Time before an issue get scheduled',
}, },
{ {
name:'Plan', name:'Plan',
active: false, active: false,
component: 'stage-plan-component', component: 'stage-plan-component',
legendTitle: 'Related Commits', legendTitle: 'Related Commits',
shortDescription: 'Time before an issue starts implementation',
}, },
{ {
name:'Code', name:'Code',
active: false, active: false,
component: 'stage-code-component', component: 'stage-code-component',
legendTitle: 'Related Merge Requests', legendTitle: 'Related Merge Requests',
shortDescription: 'Time spent coding',
}, },
{ {
name:'Test', name:'Test',
active: false, active: false,
component: 'stage-test-component', component: 'stage-test-component',
legendTitle: 'Relative Builds Trigger by Commits', legendTitle: 'Relative Builds Trigger by Commits',
shortDescription: 'The time taken to build and test the application',
}, },
{ {
name:'Review', name:'Review',
active: false, active: false,
component: 'stage-review-component', component: 'stage-review-component',
legendTitle: 'Relative Merged Requests', legendTitle: 'Relative Merged Requests',
shortDescription: 'The time taken to review the code',
}, },
{ {
name:'Staging', name:'Staging',
active: false, active: false,
component: 'stage-staging-component', component: 'stage-staging-component',
legendTitle: 'Relative Deployed Builds', legendTitle: 'Relative Deployed Builds',
shortDescription: 'The time taken in staging',
}, },
{ {
name:'Production', name:'Production',
active: false, active: false,
component: 'stage-production-component', component: 'stage-production-component',
legendTitle: 'Related Issues', legendTitle: 'Related Issues',
shortDescription: 'The total time taken from idea to production',
} }
], ],
}, },
......
...@@ -92,4 +92,4 @@ ...@@ -92,4 +92,4 @@
%template{ "v-if" => "isEmptyStage" } %template{ "v-if" => "isEmptyStage" }
%p No results %p No results
%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", ":stage" => "currentStage", ":items" => "state.items" }
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