diff options
Diffstat (limited to 'app/assets/javascripts/cycle_analytics/components/stage_issue_component.js.es6')
-rw-r--r-- | app/assets/javascripts/cycle_analytics/components/stage_issue_component.js.es6 | 33 |
1 files changed, 28 insertions, 5 deletions
diff --git a/app/assets/javascripts/cycle_analytics/components/stage_issue_component.js.es6 b/app/assets/javascripts/cycle_analytics/components/stage_issue_component.js.es6 index 204f4d1b806..4552eddb1f6 100644 --- a/app/assets/javascripts/cycle_analytics/components/stage_issue_component.js.es6 +++ b/app/assets/javascripts/cycle_analytics/components/stage_issue_component.js.es6 @@ -3,9 +3,6 @@ global.cycleAnalytics = global.cycleAnalytics || {}; global.cycleAnalytics.StageIssueComponent = Vue.extend({ - components: { - 'item-issue-component': gl.cycleAnalytics.ItemIssueComponent, - }, props: { items: Array, stage: Object, @@ -16,8 +13,34 @@ {{ stage.description }} </div> <ul class="stage-event-list"> - <li class="stage-event-item" v-for="issue in items"> - <item-issue-component :issue="issue"></item-issue-component> + <li v-for="issue in items" class="stage-event-item"> + <div class="item-details"> + <img class="avatar" :src="issue.author.avatarUrl"> + <h5 class="item-title issue-title"> + <a class="issue-title" :href="issue.url"> + {{ issue.title }} + </a> + </h5> + <a :href="issue.url" class="issue-link"> + #{{ issue.iid }} + </a> + · + <span> + Opened + <a :href="issue.url" class="issue-date"> + {{ issue.createdAt }} + </a> + </span> + <span> + by + <a :href="issue.author.webUrl" class="issue-author-link"> + {{ issue.author.name }} + </a> + </span> + </div> + <div class="item-time"> + <total-time :time="issue.totalTime"></total-time> + </div> </li> </ul> </div> |