make active repos dynamic again
This commit is contained in:
Lisa Passing
parent
5d41629672
commit
26ffa632f1
|
|
@ -19,19 +19,19 @@
|
||||||
.icon-star
|
.icon-star
|
||||||
background-image: inline-image('dashboard/star-off.svg')
|
background-image: inline-image('dashboard/star-off.svg')
|
||||||
|
|
||||||
.icon-error
|
.icon.errored
|
||||||
background-image: inline-image('dashboard/status-errored.svg')
|
background-image: inline-image('dashboard/status-errored.svg')
|
||||||
|
|
||||||
.icon-fail
|
.icon.failed
|
||||||
background-image: inline-image('dashboard/status-failed.svg')
|
background-image: inline-image('dashboard/status-failed.svg')
|
||||||
|
|
||||||
.icon-cancel
|
.icon.canceled
|
||||||
background-image: inline-image('dashboard/status-cancelled.svg')
|
background-image: inline-image('dashboard/status-cancelled.svg')
|
||||||
|
|
||||||
.icon-pass
|
.icon.passed
|
||||||
background-image: inline-image('dashboard/status-passed.svg')
|
background-image: inline-image('dashboard/status-passed.svg')
|
||||||
|
|
||||||
.icon-started
|
.icon.started
|
||||||
background-image: inline-image('dashboard/status-pending.svg')
|
background-image: inline-image('dashboard/status-pending.svg')
|
||||||
|
|
||||||
.icon-lock
|
.icon-lock
|
||||||
|
|
|
||||||
|
|
@ -3,6 +3,17 @@
|
||||||
* @todo: split into components: filter, search
|
* @todo: split into components: filter, search
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@mixin colorDbelements($color)
|
||||||
|
.db-status
|
||||||
|
background-color: $color
|
||||||
|
.db-repo
|
||||||
|
h2, h3, a
|
||||||
|
color: $color
|
||||||
|
.db-job
|
||||||
|
color: $color
|
||||||
|
a
|
||||||
|
color: $color
|
||||||
|
|
||||||
%br-4px
|
%br-4px
|
||||||
border-radius: 4px
|
border-radius: 4px
|
||||||
|
|
||||||
|
|
@ -52,6 +63,19 @@ $dropdown-border: #C3D9DB
|
||||||
bottom: 0
|
bottom: 0
|
||||||
margin: auto
|
margin: auto
|
||||||
|
|
||||||
|
&.started
|
||||||
|
@include colorDbelements($start-color)
|
||||||
|
&.failed
|
||||||
|
@include colorDbelements($fail-color)
|
||||||
|
&.errored
|
||||||
|
@include colorDbelements($error-color)
|
||||||
|
&.canceled
|
||||||
|
@include colorDbelements($cancel-color)
|
||||||
|
&.passed
|
||||||
|
@include colorDbelements($pass-color)
|
||||||
|
&.inactive
|
||||||
|
@include colorDbelements($cancel-color)
|
||||||
|
|
||||||
.db-repo
|
.db-repo
|
||||||
padding-left: 3em
|
padding-left: 3em
|
||||||
transform: translateY(0.4em)
|
transform: translateY(0.4em)
|
||||||
|
|
@ -73,7 +97,7 @@ $dropdown-border: #C3D9DB
|
||||||
left: 0
|
left: 0
|
||||||
height: 100%
|
height: 100%
|
||||||
width: 2.5em
|
width: 2.5em
|
||||||
background-color: $db-gray
|
// background-color: $db-gray
|
||||||
border-top-left-radius: 4px
|
border-top-left-radius: 4px
|
||||||
border-bottom-left-radius: 4px
|
border-bottom-left-radius: 4px
|
||||||
|
|
||||||
|
|
@ -221,30 +245,6 @@ $dropdown-border: #C3D9DB
|
||||||
opacity: .7
|
opacity: .7
|
||||||
|
|
||||||
|
|
||||||
@mixin colorDbelements($color)
|
|
||||||
.db-status
|
|
||||||
background-color: $color
|
|
||||||
.db-repo
|
|
||||||
h2, h3, a
|
|
||||||
color: $color
|
|
||||||
.db-job
|
|
||||||
color: $color
|
|
||||||
a
|
|
||||||
color: $color
|
|
||||||
|
|
||||||
.db--started
|
|
||||||
@include colorDbelements($start-color)
|
|
||||||
.db--fail
|
|
||||||
@include colorDbelements($fail-color)
|
|
||||||
.db--error
|
|
||||||
@include colorDbelements($error-color)
|
|
||||||
.db--cancel
|
|
||||||
@include colorDbelements($cancel-color)
|
|
||||||
.db--pass
|
|
||||||
@include colorDbelements($pass-color)
|
|
||||||
.db--inactive
|
|
||||||
@include colorDbelements($cancel-color)
|
|
||||||
|
|
||||||
// .current-org-avatar
|
// .current-org-avatar
|
||||||
// display : inline-block
|
// display : inline-block
|
||||||
// height : 20px
|
// height : 20px
|
||||||
|
|
|
||||||
|
|
@ -36,36 +36,10 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{{!-- <div class="tiles">
|
|
||||||
<div class="row">
|
|
||||||
{{#each repo in filteredRepositories}}
|
|
||||||
<div class="large-4 medium-6 columns">
|
|
||||||
<div {{bind-attr class=":tile repo.last_build.state"}}>
|
|
||||||
<div class="build-bar">
|
|
||||||
</div>
|
|
||||||
<div class="build-information">
|
|
||||||
<p class="org">{{repo.owner.login}}</p>
|
|
||||||
<p class="repo">{{#link-to "repo" repo.owner.login repo.name}}{{repo.name}}{{/link-to}}</p>
|
|
||||||
<div class="duration">{{format-duration repo.last_build.duration}}</div>
|
|
||||||
<div class="finished">{{format-time repo.last_build.finished_at}}</div>
|
|
||||||
<p class="build-status">
|
|
||||||
{{#link-to "build" repo.owner.login repo.name repo.last_build.id}}
|
|
||||||
#{{repo.last_build.number}} {{repo.last_build.state}}
|
|
||||||
{{/link-to}}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="star-feature">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{{/each}}
|
|
||||||
</div>
|
|
||||||
</div> --}}
|
|
||||||
|
|
||||||
<div class="dashboard">
|
<div class="dashboard">
|
||||||
<section class="dashboard-starred">
|
<section class="dashboard-starred">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="db db--pass column">
|
{{!-- <div class="db db--pass column">
|
||||||
<div class="db-status">
|
<div class="db-status">
|
||||||
<span class="icon icon-status icon-started"></span>
|
<span class="icon icon-status icon-started"></span>
|
||||||
<span class="icon icon-star"></span>
|
<span class="icon icon-star"></span>
|
||||||
|
|
@ -87,166 +61,50 @@
|
||||||
<li><a href="#" title="">Deactivate repository</a></li>
|
<li><a href="#" title="">Deactivate repository</a></li>
|
||||||
<li><a href="#" title="">Trigger a build</a></li>
|
<li><a href="#" title="">Trigger a build</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div> --}}
|
||||||
|
|
||||||
|
|
||||||
<div class="db db--error column">
|
|
||||||
<div class="db-lock"><span class="icon icon-lock"></span></div>
|
|
||||||
<div class="db-status">
|
|
||||||
<span class="icon icon-status icon-started"></span>
|
|
||||||
<span class="icon icon-star"></span>
|
|
||||||
</div>
|
|
||||||
<div class="db-repo column">
|
|
||||||
<h3>travis-pro</h3>
|
|
||||||
<h2>travis-rubies</h2>
|
|
||||||
</div>
|
|
||||||
<div class="db-controls column end">
|
|
||||||
<p class="db-job column small-6"><span class="icon icon-hash"></span>9874 started</p>
|
|
||||||
<p class="db-commit column small-6"><span class="icon icon-github"></span>394348a</p>
|
|
||||||
<p class="db-timeago column small-6"><span class="icon icon-cal"></span>in queue</p>
|
|
||||||
<p class="db-branch column small-6"><span class="icon icon-branch"></span>master</p>
|
|
||||||
</div>
|
|
||||||
<div class="db-burger">
|
|
||||||
<span class="icon icon-burger"></span>
|
|
||||||
</div>
|
|
||||||
<ul class="dropdown">
|
|
||||||
<li><a href="#" title="">Deactivate repository</a></li>
|
|
||||||
<li><a href="#" title="">Trigger a build</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="db db--error column">
|
|
||||||
<div class="db-lock"><span class="icon icon-lock"></span></div>
|
|
||||||
<div class="db-status">
|
|
||||||
<span class="icon icon-status icon-started"></span>
|
|
||||||
<span class="icon icon-star"></span>
|
|
||||||
</div>
|
|
||||||
<div class="db-repo column">
|
|
||||||
<h3>travis-pro</h3>
|
|
||||||
<h2>travis-rubies</h2>
|
|
||||||
</div>
|
|
||||||
<div class="db-controls column end">
|
|
||||||
<p class="db-job column small-6"><span class="icon icon-hash"></span>9874 started</p>
|
|
||||||
<p class="db-commit column small-6"><span class="icon icon-github"></span>394348a</p>
|
|
||||||
<p class="db-timeago column small-6"><span class="icon icon-cal"></span>in queue</p>
|
|
||||||
<p class="db-branch column small-6"><span class="icon icon-branch"></span>master</p>
|
|
||||||
</div>
|
|
||||||
<div class="db-burger">
|
|
||||||
<span class="icon icon-burger"></span>
|
|
||||||
</div>
|
|
||||||
<ul class="dropdown">
|
|
||||||
<li><a href="#" title="">Deactivate repository</a></li>
|
|
||||||
<li><a href="#" title="">Trigger a build</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{{!-- <div class="row">
|
|
||||||
<div class="dashboard--empty">
|
<div class="dashboard--empty">
|
||||||
<p><span class="icon icon-star"></span>Want to keep an eye on certain projects? Star repositories below to add them in this section.</p>
|
<p><span class="icon icon-star"></span>Want to keep an eye on certain projects? Star repositories below to add them in this section.</p>
|
||||||
</div>
|
</div>
|
||||||
</div> --}}
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
<section class="dashboard-active">
|
<section class="dashboard-active">
|
||||||
|
|
||||||
<div class="db db--started row">
|
{{#each repo in filteredRepositories}}
|
||||||
<div class="db-lock"><span class="icon icon-lock"></span></div>
|
<div {{bind-attr class=":db :row repo.last_build.state"}}>
|
||||||
<div class="db-status">
|
{{#if repo.private }}
|
||||||
<span class="icon icon-status icon-started"></span>
|
<div class="db-lock"><span class="icon icon-lock"></span></div>
|
||||||
<span class="icon icon-star"></span>
|
{{/if}}
|
||||||
|
<div class="db-status">
|
||||||
|
<span {{bind-attr class=":icon :icon-status repo.last_build.state"}}></span>
|
||||||
|
<span class="icon icon-star"></span>
|
||||||
|
</div>
|
||||||
|
<div class="db-repo column medium-3 small-12">
|
||||||
|
<h3>{{repo.owner.login}}</h3>
|
||||||
|
<h2>{{#link-to "repo" repo.owner.login repo.name}}{{repo.name}}{{/link-to}}</h2>
|
||||||
|
</div>
|
||||||
|
<div class="db-controls column medium-9 small-12 end">
|
||||||
|
<p class="db-job column medium-3 small-6"><span class="icon icon-hash"></span>
|
||||||
|
{{#link-to "build" repo.owner.login repo.name repo.last_build.id}}
|
||||||
|
{{repo.last_build.number}} {{repo.last_build.state}}
|
||||||
|
{{/link-to}}</p>
|
||||||
|
<p class="db-branch column medium-3 small-6"><span class="icon icon-branch"></span>master</p>
|
||||||
|
<p class="db-commit column medium-3 small-6"><span class="icon icon-github"></span>394348a</p>
|
||||||
|
<p class="db-timeago column medium-3 small-6"><span class="icon icon-cal"></span>{{format-time repo.last_build.finished_at}}</p>
|
||||||
|
</div>
|
||||||
|
<div class="db-burger">
|
||||||
|
<span class="icon icon-burger"></span>
|
||||||
|
</div>
|
||||||
|
<ul class="dropdown">
|
||||||
|
<li><a href="#" title="">Deactivate repository</a></li>
|
||||||
|
<li><a href="#" title="">Trigger a build</a></li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="db-repo column medium-3 small-12">
|
{{/each}}
|
||||||
<h3>travis-pro</h3>
|
|
||||||
<h2>travis-rubies</h2>
|
|
||||||
</div>
|
|
||||||
<div class="db-controls column medium-9 small-12 end">
|
|
||||||
<p class="db-job column medium-3 small-6"><span class="icon icon-hash"></span>9874 started</p>
|
|
||||||
<p class="db-branch column medium-3 small-6"><span class="icon icon-branch"></span>master</p>
|
|
||||||
<p class="db-commit column medium-3 small-6"><span class="icon icon-github"></span>394348a</p>
|
|
||||||
<p class="db-timeago column medium-3 small-6"><span class="icon icon-cal"></span>in queue</p>
|
|
||||||
</div>
|
|
||||||
<div class="db-burger">
|
|
||||||
<span class="icon icon-burger"></span>
|
|
||||||
</div>
|
|
||||||
<ul class="dropdown">
|
|
||||||
<li><a href="#" title="">Deactivate repository</a></li>
|
|
||||||
<li><a href="#" title="">Trigger a build</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="db db--fail row">
|
{{!-- <div class="db db--pass row">
|
||||||
<div class="db-lock"><span class="icon icon-lock"></span></div>
|
|
||||||
<div class="db-status">
|
|
||||||
<span class="icon icon-status icon-fail"></span>
|
|
||||||
<span class="icon icon-star"></span>
|
|
||||||
</div>
|
|
||||||
<div class="db-repo column medium-3 small-12">
|
|
||||||
<h3>travis-pro</h3>
|
|
||||||
<h2>travis-pro-api</h2>
|
|
||||||
</div>
|
|
||||||
<div class="db-controls column medium-9 small-12 end">
|
|
||||||
<p class="db-job column medium-3 small-6"><span class="icon icon-hash"></span>9874 failed</p>
|
|
||||||
<p class="db-branch column medium-3 small-6"><span class="icon icon-branch"></span>master</p>
|
|
||||||
<p class="db-commit column medium-3 small-6"><span class="icon icon-github"></span>394348a</p>
|
|
||||||
<p class="db-timeago column medium-3 small-6"><span class="icon icon-cal"></span>25 min ago</p>
|
|
||||||
</div>
|
|
||||||
<div class="db-burger">
|
|
||||||
<span class="icon icon-burger"></span>
|
|
||||||
</div>
|
|
||||||
<ul class="dropdown">
|
|
||||||
<li><a href="#" title="">Deactivate repository</a></li>
|
|
||||||
<li><a href="#" title="">Trigger a build</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="db db--error row">
|
|
||||||
<div class="db-lock"><span class="icon icon-lock"></span></div>
|
|
||||||
<div class="db-status">
|
|
||||||
<span class="icon icon-status icon-error"></span>
|
|
||||||
<span class="icon icon-star"></span>
|
|
||||||
</div>
|
|
||||||
<div class="db-repo column medium-3 small-12">
|
|
||||||
<h3>travis-pro</h3>
|
|
||||||
<h2>travis-pro-hub</h2>
|
|
||||||
</div>
|
|
||||||
<div class="db-controls column medium-9 small-12 end">
|
|
||||||
<p class="db-job column medium-3 small-6"><span class="icon icon-hash"></span>9874 errored</p>
|
|
||||||
<p class="db-branch column medium-3 small-6"><span class="icon icon-branch"></span>master</p>
|
|
||||||
<p class="db-commit column medium-3 small-6"><span class="icon icon-github"></span>394348a</p>
|
|
||||||
<p class="db-timeago column medium-3 small-6"><span class="icon icon-cal"></span>1 hour ago</p>
|
|
||||||
</div>
|
|
||||||
<div class="db-burger">
|
|
||||||
<span class="icon icon-burger"></span>
|
|
||||||
</div>
|
|
||||||
<ul class="dropdown">
|
|
||||||
<li><a href="#" title="">Deactivate repository</a></li>
|
|
||||||
<li><a href="#" title="">Trigger a build</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="db db--cancel row">
|
|
||||||
<div class="db-status">
|
|
||||||
<span class="icon icon-status icon-cancel"></span>
|
|
||||||
<span class="icon icon-star"></span>
|
|
||||||
</div>
|
|
||||||
<div class="db-repo column medium-3 small-12">
|
|
||||||
<h3>travis-pro</h3>
|
|
||||||
<h2>travis-gatekeeper</h2>
|
|
||||||
</div>
|
|
||||||
<div class="db-controls column medium-9 small-12 end">
|
|
||||||
<p class="db-job column medium-3 small-6"><span class="icon icon-hash"></span>9874 cancelled</p>
|
|
||||||
<p class="db-branch column medium-3 small-6"><span class="icon icon-branch"></span>master</p>
|
|
||||||
<p class="db-commit column medium-3 small-6"><span class="icon icon-github"></span>394348a</p>
|
|
||||||
<p class="db-timeago column medium-3 small-6"><span class="icon icon-cal"></span>3 hours ago</p>
|
|
||||||
</div>
|
|
||||||
<div class="db-burger">
|
|
||||||
<span class="icon icon-burger"></span>
|
|
||||||
</div>
|
|
||||||
<ul class="dropdown">
|
|
||||||
<li><a href="#" title="">Deactivate repository</a></li>
|
|
||||||
<li><a href="#" title="">Trigger a build</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="db db--pass row">
|
|
||||||
<div class="db-lock"><span class="icon icon-lock"></span></div>
|
<div class="db-lock"><span class="icon icon-lock"></span></div>
|
||||||
<div class="db-status">
|
<div class="db-status">
|
||||||
<span class="icon icon-status icon-pass"></span>
|
<span class="icon icon-status icon-pass"></span>
|
||||||
|
|
@ -269,7 +127,7 @@
|
||||||
<li><a href="#" title="">Deactivate repository</a></li>
|
<li><a href="#" title="">Deactivate repository</a></li>
|
||||||
<li><a href="#" title="">Trigger a build</a></li>
|
<li><a href="#" title="">Trigger a build</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div> --}}
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
<hr>
|
<hr>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user