start implementing new build history
This commit is contained in:
parent
a6674a93e1
commit
5adda57d80
|
@ -12,7 +12,7 @@
|
||||||
|
|
||||||
.repo-header
|
.repo-header
|
||||||
header
|
header
|
||||||
margin: 1rem 0 2.3rem
|
margin: 1rem 0 3rem
|
||||||
> *
|
> *
|
||||||
vertical-align: middle
|
vertical-align: middle
|
||||||
|
|
||||||
|
@ -93,17 +93,6 @@
|
||||||
white-space: pre-wrap
|
white-space: pre-wrap
|
||||||
color: $grey2
|
color: $grey2
|
||||||
|
|
||||||
.repo-main-author
|
|
||||||
img
|
|
||||||
width: 22px
|
|
||||||
height: 22px
|
|
||||||
margin-right: .4em
|
|
||||||
vertical-align: top
|
|
||||||
border-radius: 50%
|
|
||||||
@media #{$medium-up}
|
|
||||||
position: absolute
|
|
||||||
bottom: 0
|
|
||||||
|
|
||||||
.repo-main-info
|
.repo-main-info
|
||||||
@include resetul
|
@include resetul
|
||||||
padding-right: 2em
|
padding-right: 2em
|
||||||
|
@ -116,11 +105,6 @@
|
||||||
&:hover
|
&:hover
|
||||||
text-decoration: underline
|
text-decoration: underline
|
||||||
|
|
||||||
.icon
|
|
||||||
margin-right: .3em
|
|
||||||
height: 1.3em
|
|
||||||
vertical-align: middle
|
|
||||||
|
|
||||||
.repo-main-tools
|
.repo-main-tools
|
||||||
position: absolute
|
position: absolute
|
||||||
top: 0
|
top: 0
|
||||||
|
|
|
@ -3,6 +3,9 @@
|
||||||
position: relative
|
position: relative
|
||||||
padding: .8rem .8rem .8rem 3rem
|
padding: .8rem .8rem .8rem 3rem
|
||||||
background-color: $cream-light
|
background-color: $cream-light
|
||||||
|
p
|
||||||
|
margin: 0
|
||||||
|
white-space: nowrap
|
||||||
|
|
||||||
@media #{$medium-up}
|
@media #{$medium-up}
|
||||||
height: 145px
|
height: 145px
|
||||||
|
@ -10,12 +13,42 @@
|
||||||
.tile-main
|
.tile-main
|
||||||
height: 100%
|
height: 100%
|
||||||
|
|
||||||
|
|
||||||
|
.tile--small
|
||||||
|
margin-bottom: 1em
|
||||||
|
@media #{$medium-up}
|
||||||
|
height: 70px
|
||||||
|
overflow: hidden
|
||||||
|
|
||||||
// todo refactor
|
// todo refactor
|
||||||
.tile-main
|
.tile-main
|
||||||
|
h2,
|
||||||
|
small
|
||||||
|
margin: 0
|
||||||
|
font-weight: 400
|
||||||
|
font-size: 15px
|
||||||
|
color: $grey3
|
||||||
|
line-height: 1
|
||||||
|
small
|
||||||
|
margin-right: .3em
|
||||||
|
font-weight: 600
|
||||||
|
|
||||||
@media #{$xlarge-up}
|
@media #{$xlarge-up}
|
||||||
@include grid-column(9)
|
@include grid-column(9)
|
||||||
|
|
||||||
.tile-additional
|
.tile-additional
|
||||||
|
position: relative
|
||||||
|
p, li
|
||||||
|
padding: .1em 0
|
||||||
|
.icon
|
||||||
|
margin-right: .3em
|
||||||
|
height: 1.3em
|
||||||
|
vertical-align: middle
|
||||||
|
a
|
||||||
|
color: $grey1
|
||||||
|
&:hover
|
||||||
|
color: $grey1
|
||||||
|
text-decoration: underline
|
||||||
@media #{$small-only}
|
@media #{$small-only}
|
||||||
margin-top: 1em
|
margin-top: 1em
|
||||||
@media #{$xlarge-up}
|
@media #{$xlarge-up}
|
||||||
|
@ -35,13 +68,35 @@
|
||||||
display: block
|
display: block
|
||||||
width: 1.1em
|
width: 1.1em
|
||||||
height: 1.2em
|
height: 1.2em
|
||||||
margin: .5em auto 1.1em
|
margin: .8em auto 1.1em
|
||||||
.request-kind
|
.request-kind
|
||||||
display: block
|
display: block
|
||||||
width: 1.4em
|
width: 1.4em
|
||||||
height: 1.1em
|
height: 1.1em
|
||||||
margin: .5em auto 1.1em
|
margin: .5em auto 1.1em
|
||||||
|
|
||||||
|
.tile-author
|
||||||
|
img
|
||||||
|
width: 22px
|
||||||
|
height: 22px
|
||||||
|
margin-right: .4em
|
||||||
|
vertical-align: top
|
||||||
|
border-radius: 50%
|
||||||
|
@media #{$medium-up}
|
||||||
|
position: absolute
|
||||||
|
bottom: 0
|
||||||
|
|
||||||
.tile-additional
|
|
||||||
position: relative
|
// repo header
|
||||||
|
.tile--repo
|
||||||
|
|
||||||
|
// build history etc
|
||||||
|
.tile--build
|
||||||
|
.tile-main
|
||||||
|
@media #{$medium-up}
|
||||||
|
border-right: solid 1px $grey1
|
||||||
|
@media #{$xlarge-up}
|
||||||
|
@include grid-column(8)
|
||||||
|
.tile-additional
|
||||||
|
@media #{$xlarge-up}
|
||||||
|
@include grid-column(4)
|
||||||
|
|
|
@ -15,7 +15,7 @@
|
||||||
<div class="repo-main-description">
|
<div class="repo-main-description">
|
||||||
<pre class="body">{{format-message build.commit.body repoBinding=build.repo pre=true}}</pre>
|
<pre class="body">{{format-message build.commit.body repoBinding=build.repo pre=true}}</pre>
|
||||||
</div>
|
</div>
|
||||||
<div class="repo-main-author">
|
<div class="tile-author">
|
||||||
{{#if commit.authorName}}
|
{{#if commit.authorName}}
|
||||||
<img {{bind-attr src="urlAuthorGravatarImage"}}>{{commit.authorName}} authored{{#if commit.authorIsCommitter}} and committed{{/if}}
|
<img {{bind-attr src="urlAuthorGravatarImage"}}>{{commit.authorName}} authored{{#if commit.authorIsCommitter}} and committed{{/if}}
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
|
|
@ -1,72 +1,62 @@
|
||||||
{{#if content.isLoaded}}
|
{{#if content.isLoaded}}
|
||||||
<table id="builds" class="list">
|
{{!-- <table id="builds" class="list"> --}}
|
||||||
<thead>
|
{{#each build in controller itemController="buildsItem"}}
|
||||||
<tr>
|
<div {{bind-attr class="build.color :tile :tile--small :tile--build :row"}}>
|
||||||
<th>Build</th>
|
<div class="tile-status">
|
||||||
<th>Message</th>
|
<span class="icon icon-status passed"></span>
|
||||||
<th>
|
<span class="icon request-kind push"></span>
|
||||||
Commit
|
</div>
|
||||||
</th>
|
<div class="column tile-main medium-6">
|
||||||
<th class="committer">
|
<h2>
|
||||||
Committer
|
{{#if isPullRequestsList}}
|
||||||
</th>
|
<small>PR #{{build.pullRequestNumber}}</small>
|
||||||
{{#if isPullRequestsList}}
|
{{else}}
|
||||||
<th>
|
<a {{bind-attr href="build.urlGithubPullRequest"}}>
|
||||||
PR
|
<small>insert branch</small>
|
||||||
</th>
|
</a>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
<th>Duration</th>
|
{{{format-message build.commit.message short="true" repoBinding=build.repo}}}
|
||||||
<th>Finished</th>
|
</h2>
|
||||||
</tr>
|
<p class="tile-author"><img src="//placehold.it/25x25" alt=""> {{build.commit.committerName}} commited</p>
|
||||||
</thead>
|
</div>
|
||||||
|
<div class="column tile-additional medium-6 end">
|
||||||
<tbody>
|
<div class="column small-6">
|
||||||
{{#each build in controller itemController="buildsItem"}}
|
<p class="build-id">
|
||||||
<tr {{bind-attr class="build.color"}}>
|
|
||||||
<td class="number">
|
|
||||||
<span class="status"></span>
|
|
||||||
{{#if build.id}}
|
{{#if build.id}}
|
||||||
{{#link-to "build" build.repo build}}
|
{{#link-to "build" build.repo build}}
|
||||||
{{build.number}}
|
<span class="icon icon-hash"></span>
|
||||||
|
{{build.number}} {{build.status}}
|
||||||
{{/link-to}}
|
{{/link-to}}
|
||||||
{{/if}}
|
{{/if}}
|
||||||
</td>
|
</p>
|
||||||
<td class="message">
|
<p class="">
|
||||||
{{{format-message build.commit.message short="true" repoBinding=build.repo}}}
|
|
||||||
</td>
|
|
||||||
<td class="commit">
|
|
||||||
<a {{bind-attr href="build.urlGithubCommit"}}>
|
<a {{bind-attr href="build.urlGithubCommit"}}>
|
||||||
|
<span class="icon icon-github"></span>
|
||||||
{{format-commit build.commit}}
|
{{format-commit build.commit}}
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</p>
|
||||||
<td class="committer">
|
</div>
|
||||||
{{build.commit.committerName}}
|
<div class="column small-6">
|
||||||
</td>
|
<p class="" {{bind-attr title="build.duration"}}>
|
||||||
{{#if isPullRequestsList}}
|
<span class="icon icon-clock"></span>
|
||||||
<td>
|
|
||||||
<a {{bind-attr href="build.urlGithubPullRequest"}}>
|
|
||||||
#{{build.pullRequestNumber}}
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
{{/if}}
|
|
||||||
<td class="duration" {{bind-attr title="build.duration"}}>
|
|
||||||
{{format-duration build.duration}}
|
{{format-duration build.duration}}
|
||||||
</td>
|
</p>
|
||||||
<td class="finished_at timeago" {{bind-attr title="build.formattedFinishedAt"}}>
|
<p class="" {{bind-attr title="build.formattedFinishedAt"}}>
|
||||||
|
<span class="icon icon-cal"></span>
|
||||||
{{format-time build.finishedAt}}
|
{{format-time build.finishedAt}}
|
||||||
</td>
|
</p>
|
||||||
</tr>
|
</div>
|
||||||
{{/each}}
|
</div>
|
||||||
</tbody>
|
</div>
|
||||||
</table>
|
{{/each}}
|
||||||
{{#if displayShowMoreButton}}
|
{{#if displayShowMoreButton}}
|
||||||
<p>
|
<p>
|
||||||
{{view 'show-more-button'}}
|
{{view 'show-more-button'}}
|
||||||
{{#if isLoading}}
|
{{#if isLoading}}
|
||||||
<span class="loading"></span>
|
<span class="sync-spinner sync-spinner--grey"><i></i><i></i><i></i></span>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
</p>
|
</p>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{else}}
|
{{else}}
|
||||||
<div class="loading"><span>Loading</span></div>
|
<span class="sync-spinner sync-spinner--grey"><i></i><i></i><i></i></span>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user