added message when repository is inactive, and when no commits

This commit is contained in:
Brad Rydzewski 2014-07-10 22:29:45 -07:00
parent 491b0e9eee
commit 799e80c97a
4 changed files with 104 additions and 26 deletions

View file

@ -391,6 +391,19 @@ nav div.options .pure-button i {
.cards .card[data-status="Error"] em {
border-top: 5px solid #e97041;
}
.cards .card[data-status="Killed"]:after,
.cards .card[data-status="Failure"]:after,
.cards .card[data-status="Error"]:after {
font-family: 'FontAwesome';
font-size: 16px;
position: absolute;
right: 12px;
top: -8px;
content: "\f111";
color: #e97041;
min-width: 16px;
text-align: center;
}
.cards .card .l-box {
background: #FFF;
border: 1px solid #DDD;
@ -720,19 +733,6 @@ nav div.options .pure-button i {
#homepage section .card[data-status="Error"] .l-box:hover {
border: 1px solid #262626;
}
#homepage section .card[data-status="Killed"]:after,
#homepage section .card[data-status="Failure"]:after,
#homepage section .card[data-status="Error"]:after {
font-family: 'FontAwesome';
font-size: 16px;
position: absolute;
right: 12px;
top: -8px;
content: "\f111";
color: #e97041;
min-width: 16px;
text-align: center;
}
#repospage {
width: 100%;
}
@ -1115,6 +1115,39 @@ nav div.options .pure-button i {
#repopage section .card:last-child .l-box:after {
content: '';
}
#repopage section.nobuilds,
#repopage section.inactive {
text-align: center;
padding-bottom: 50px;
}
#repopage section.nobuilds h1,
#repopage section.inactive h1 {
font-size: 26px;
color: #262626;
}
#repopage section.nobuilds p,
#repopage section.inactive p {
font-size: 16px;
color: #666;
}
#repopage section.nobuilds i,
#repopage section.inactive i {
font-size: 32px;
margin-top: 20px;
margin-bottom: 20px;
}
#repopage section.nobuilds i.fa-file-code-o,
#repopage section.inactive i.fa-file-code-o {
font-size: 42px;
margin-top: 30px;
}
#repopage section.nobuilds .pure-button-primary,
#repopage section.inactive .pure-button-primary {
font-size: 14px;
text-transform: uppercase;
background: #4ab1ce;
padding: 10px 30px;
}
@-webkit-keyframes progress {
to {
background-position: 30px 0;

View file

@ -306,6 +306,18 @@ nav {
em {
border-top:5px solid @cneg;
}
&:after {
font-family:'FontAwesome';
font-size:16px;
position:absolute;
right:12px;
top:-8px;
content:"\f111";
color: @cneg;
min-width:16px;
text-align:center;
}
}
.l-box {
@ -659,18 +671,6 @@ nav {
border:1px solid @c0;
}
}
&:after {
font-family:'FontAwesome';
font-size:16px;
position:absolute;
right:12px;
top:-8px;
content:"\f111";
color: @cneg;
min-width:16px;
text-align:center;
}
}
}
}
@ -1034,6 +1034,39 @@ nav {
.card:last-child .l-box:after {
content:'';
}
&.nobuilds,
&.inactive {
text-align:center;
padding-bottom:50px;
h1 {
font-size: 26px;
color: #262626;
}
p {
font-size: 16px;
color: #666;
}
i {
font-size: 32px;
margin-top: 20px;
margin-bottom: 20px;
&.fa-file-code-o {
font-size: 42px;
margin-top: 30px;
}
}
.pure-button-primary {
font-size: 14px;
text-transform: uppercase;
background: #4ab1ce;
padding: 10px 30px;
}
}
&.nobuilds {
}
}
}

File diff suppressed because one or more lines are too long

View file

@ -12,6 +12,18 @@
<a href="/{{ repo | fullPath}}">{{ repo.name }}</a>
</nav>
<section ng-if="repo.active == false" class="inactive">
<h1>This will be your commit stream</h1>
<p>Activate this repository to start testing your commits</p>
<div><i class="fa fa-long-arrow-down"></i></div>
<button ng-click="activate()" class="pure-button pure-button-primary">Activate Now</button>
</section>
<section ng-if="repo.active == true && commits != undefined && commits.length == 0" class="nobuilds">
<h1>This will be your commit stream</h1>
<p>Setup a .drone.yml file to configure the build</p>
<div><i class="fa fa-file-code-o"></i></div>
</section>
<section ng-repeat="group in commits | unique: 'branch'">
<div class="pure-g cards">