make component for build header
This commit is contained in:
Lisa P
parent
f117c939dd
commit
613e1dac80
19
app/components/build-header.coffee
Normal file
19
app/components/build-header.coffee
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
`import Ember from 'ember'`
|
||||
`import { gravatarImage } from 'travis/utils/urls'`
|
||||
`import GithubUrlPropertievs from 'travis/mixins/github-url-properties'`
|
||||
|
||||
BuildHeaderComponent = Ember.Component.extend
|
||||
|
||||
tagName: 'section'
|
||||
classNames: ['build-header']
|
||||
classNameBindings: ['item.state']
|
||||
|
||||
urlCommitterGravatarImage: (->
|
||||
gravatarImage(@get('commit.committerEmail'), 40)
|
||||
).property('commit.committerEmail')
|
||||
|
||||
urlAuthorGravatarImage: (->
|
||||
gravatarImage(@get('commit.authorEmail'), 40)
|
||||
).property('commit.authorEmail')
|
||||
|
||||
`export default BuildHeaderComponent`
|
||||
|
|
@ -21,14 +21,6 @@ Controller = Ember.Controller.extend GithubUrlPropertievs,
|
|||
@get('build.isLoading')
|
||||
).property('build.isLoading')
|
||||
|
||||
urlCommitterGravatarImage: (->
|
||||
gravatarImage(@get('commit.committerEmail'), 40)
|
||||
).property('commit.committerEmail')
|
||||
|
||||
urlAuthorGravatarImage: (->
|
||||
gravatarImage(@get('commit.authorEmail'), 40)
|
||||
).property('commit.authorEmail')
|
||||
|
||||
buildStateDidChange: (->
|
||||
if @get('sendFaviconStateChanges')
|
||||
@send('faviconStateDidChange', @get('build.state'))
|
||||
|
|
|
|||
|
|
@ -2,70 +2,7 @@
|
|||
{{loading-indicator}}
|
||||
{{else}}
|
||||
|
||||
<section class="build-header {{build.state}}">
|
||||
<div class="build-commit">
|
||||
<h2 class="build-title {{build.state}}">
|
||||
{{status-icon status=build.state}}
|
||||
{{#if build.pullRequest}}
|
||||
<small class="commit-branch" title={{build.pullRequestTitle}}>Pull Request #{{build.pullRequestNumber}}</small>
|
||||
{{build.pullRequestTitle}}
|
||||
{{else}}
|
||||
<small class="commit-branch" title={{build.commit.branch}}>{{build.commit.branch}}</small>
|
||||
{{format-message build.commit.subject repo=build.repo}}
|
||||
{{/if}}
|
||||
</h2>
|
||||
<div class="commit-info">
|
||||
<p class="commit-description">
|
||||
{{#if build.pullRequest}}
|
||||
{{format-message build.commit.subject repo=build.repo}}<br>
|
||||
{{/if}}
|
||||
<span class="monospace">{{format-message build.commit.body repo=build.repo pre=true}}</span>
|
||||
</p>
|
||||
<ul class="list-icon">
|
||||
<li>
|
||||
<a class="commit-commit" href={{urlGithubCommit}}>
|
||||
Commit {{format-sha commit.sha}}</a>
|
||||
</li>
|
||||
<li>
|
||||
{{#if build.pullRequest}}
|
||||
<a class="commit-compare" title="See the commit on GitHub" href={{build.commit.compareUrl}}>#{{build.pullRequestNumber}}: {{build.pullRequestTitle}}</a>
|
||||
{{else}}
|
||||
{{#if build.commit.compareUrl}}
|
||||
<a class="commit-compare" title="See the diff on GitHub" href={{build.commit.compareUrl}}>
|
||||
Compare {{short-compare-shas build.commit.compareUrl}}</a>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
</li>
|
||||
</ul>
|
||||
<p class="commit-author">
|
||||
{{#if commit.authorName}}
|
||||
<img src={{urlAuthorGravatarImage}}>{{commit.authorName}} authored{{#if commit.authorIsCommitter}} and committed{{/if}}
|
||||
{{/if}}
|
||||
{{#unless commit.authorIsCommitter}}
|
||||
{{#if commit.committerName}}
|
||||
<img src={{urlCommitterGravatarImage}}>{{commit.committerName}} committed
|
||||
{{/if}}
|
||||
{{/unless}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="build-info">
|
||||
<h3 class="build-status {{build.state}}">
|
||||
{{#link-to "build" repo build}}
|
||||
{{status-icon status=build.state}} #{{build.number}} {{humanize-state build.state}}{{/link-to}}
|
||||
</h3>
|
||||
<ul class="list-icon">
|
||||
<li><span title="{{format-duration build.duration}}" class="commit-clock">{{#if build.isFinished}}ran{{else}}running{{/if}} for {{format-duration build.duration}}</span></li>
|
||||
{{!-- <li><span>Elapsed time</span></li> --}}
|
||||
<li><span title="{{pretty-date build.finishedAt}}" class="commit-calendar">{{format-time build.finishedAt}}</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="build-tools">
|
||||
{{repo-actions build=build repo=build.repo user=auth.currentUser}}
|
||||
</div>
|
||||
</section>
|
||||
{{build-header item=build user=auth.currentUser commit=commit}}
|
||||
|
||||
{{#unless build.isMatrix}}
|
||||
{{view 'annotations' annotations=build.jobs.firstObject.annotations}}
|
||||
|
|
|
|||
62
app/templates/components/build-header.hbs
Normal file
62
app/templates/components/build-header.hbs
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
<div class="build-commit">
|
||||
<h2 class="build-title {{item.state}}">
|
||||
{{status-icon status=item.state}}
|
||||
{{#if item.pullRequest}}
|
||||
<small class="commit-branch" title={{item.pullRequestTitle}}>Pull Request #{{item.pullRequestNumber}}</small>
|
||||
{{item.pullRequestTitle}}
|
||||
{{else}}
|
||||
<small class="commit-branch" title={{item.commit.branch}}>{{item.commit.branch}}</small>
|
||||
{{format-message item.commit.subject repo=item.repo}}
|
||||
{{/if}}
|
||||
</h2>
|
||||
<div class="commit-info">
|
||||
<p class="commit-description">
|
||||
{{#if item.pullRequest}}
|
||||
{{format-message item.commit.subject repo=item.repo}}<br>
|
||||
{{/if}}
|
||||
<span class="monospace">{{format-message item.commit.body repo=item.repo pre=true}}</span>
|
||||
</p>
|
||||
<ul class="list-icon">
|
||||
<li>
|
||||
<a class="commit-commit" href={{urlGithubCommit}}>
|
||||
Commit {{format-sha commit.sha}}</a>
|
||||
</li>
|
||||
<li>
|
||||
{{#if item.pullRequest}}
|
||||
<a class="commit-compare" title="See the commit on GitHub" href={{item.commit.compareUrl}}>#{{item.pullRequestNumber}}: {{item.pullRequestTitle}}</a>
|
||||
{{else}}
|
||||
{{#if item.commit.compareUrl}}
|
||||
<a class="commit-compare" title="See the diff on GitHub" href={{item.commit.compareUrl}}>
|
||||
Compare {{short-compare-shas item.commit.compareUrl}}</a>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
</li>
|
||||
</ul>
|
||||
<p class="commit-author">
|
||||
{{#if commit.authorName}}
|
||||
<img src={{urlAuthorGravatarImage}}>{{commit.authorName}} authored{{#if commit.authorIsCommitter}} and committed{{/if}}
|
||||
{{/if}}
|
||||
{{#unless commit.authorIsCommitter}}
|
||||
{{#if commit.committerName}}
|
||||
<img src={{urlCommitterGravatarImage}}>{{commit.committerName}} committed
|
||||
{{/if}}
|
||||
{{/unless}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="build-info">
|
||||
<h3 class="build-status {{item.state}}">
|
||||
{{#link-to "build" repo item}}
|
||||
{{status-icon status=item.state}} #{{item.number}} {{humanize-state item.state}}{{/link-to}}
|
||||
</h3>
|
||||
<ul class="list-icon">
|
||||
<li><span title="{{format-duration item.duration}}" class="commit-clock">{{#if item.isFinished}}ran{{else}}running{{/if}} for {{format-duration item.duration}}</span></li>
|
||||
{{!-- <li><span>Elapsed time</span></li> --}}
|
||||
<li><span title="{{pretty-date item.finishedAt}}" class="commit-calendar">{{format-time item.finishedAt}}</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="build-tools">
|
||||
{{repo-actions build=item repo=item.repo user=user}}
|
||||
</div>
|
||||
Loading…
Reference in New Issue
Block a user