travis-web/app/templates/components/dashboard-row.hbs
Lisa P 79b456e511 dashboard row styles
start row layouting

work on dropup

rearrange markup, make tofu toggle

bäm

use placeholder instead of variable, doh

add border

replace all the icons

adjust icons sizes

use icon classes instead of svg

more icons adjustments

more icon tweaks on caches

update coloring mixins

fix stateMap, update db coloring mixin

cleanup owner page

even more icon fun

popup tweaks

tweak api icon

change to new broadcast icon

change icon path

responsive tweaks

dashboard filter

hack around Safari's not quite standard flexbox behaviour

update row labels and icon spacing

rearrange links in sidebar

make last builds a component, tweak svg stroke-width

more icon tweaks

fiddle around with svg view props

rearrange links in branch-row

tweak request icon

add integration test

more tweaks
2016-03-09 11:05:51 +01:00

81 lines
3.9 KiB
Handlebars

<div class="dash-head">
<a href="#" class="dash-star is-starred" title="(un-) star this repo"><span class="icon-star">
<svg version="1.1" id="icon-star" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 15 15" style="enable-background:new 0 0 15 15;" xml:space="preserve" alt="star repository">
<path id="star" d="M7.159,1.035c0.188-0.38,0.495-0.38,0.683,0l1.596,3.234c0.188,0.38,0.685,0.741,1.105,0.802
l3.569,0.519c0.42,0.061,0.515,0.353,0.211,0.649l-2.583,2.517c-0.304,0.296-0.494,0.88-0.422,1.298l0.61,3.555
c0.072,0.418-0.177,0.599-0.552,0.401l-3.192-1.678c-0.375-0.197-0.99-0.197-1.365,0l-3.192,1.678
c-0.375,0.197-0.624,0.017-0.552-0.401l0.61-3.555c0.072-0.418-0.118-1.002-0.422-1.298L0.678,6.24
C0.374,5.944,0.469,5.652,0.889,5.591l3.569-0.519c0.42-0.061,0.917-0.422,1.105-0.802L7.159,1.035z"/>
</svg>
</span></a>
<span class="icon-lock">private repo</span>
</div>
<div class="dash-body">
<div class="dash-main">
<header class="fade-out dash-header">
<h2 class="row-label">{{#link-to "owner" repo.owner.login}}{{repo.owner.login}}{{/link-to}}</h2>
<h1 class="row-content">{{#link-to "repo" repo.owner.login repo.name}}{{repo.name}}{{/link-to}}</h1>
</header>
<section class="dash-default">
<h3 class="label">Default branch</h3>
<p class="row-content color">
{{request-icon event=repo.default_branch.last_build.event_type state=repo.default_branch.last_build.state}}
{{repo.default_branch.name}} is {{repo.default_branch.last_build.state}}
</p>
</section>
<section class="dash-last-build">
<div>
<h3 class="label">Last build</h3>
<p class="row-content color">
{{status-icon status=repo.default_branch.last_build.state}}
{{#link-to "build" repo.owner.login repo.name repo.default_branch.last_build.id}}
<span class="label-align">#{{repo.default_branch.last_build.number}} {{repo.default_branch.last_build.state}}</span>
{{/link-to}}
</p>
</div>
<div>
<h3 class="label">Last commit</h3>
<p class="row-content">
<span class="icon-github"></span>
<a href="{{urlGithubCommit}}" title="See the commit on Github">
<span class="label-align">
{{format-sha repo.default_branch.last_build.commit.sha}}
</span>
</a>
</p>
</div>
<div>
<h3 class="label">Last commit completed</h3>
<p class="row-content" title="{{repo.default_branch.last_build.finished_at}}">
<span class="icon-calendar"></span>
<span class="label-align">
{{#if repo.default_branch.last_build}}
{{format-time repo.default_branch.last_build.finished_at}}
{{else}}
running
{{/if}}</span>
</p>
</div>
</section>
<div class="dash-menu">
<div class="dropup {{if dropupIsOpen "is-open"}}">
<button type="button" class="dropup-tofu" {{action "openDropup"}}>open action menu</button>
<ul class="dropup-list">
<li><a href="#" title="Trigger a new build"><span class="icon-trigger"></span><span class="label-align">Trigger a build</span></a></li>
<li><a href="#" title="Deactivate builds for this repository"><span class="icon-deactivate"></span><span class="label-align">Deactivate repository</span></a></li>
<li><a href="#" title="See the settings for this repository"><span class="icon-settings"></span><span class="label-align">Settings</span></a></li>
</ul>
</div>
</div>
</div>
<aside class="dash-aside">
<ul class="lastbuilds">
{{lastbuild-tile repo=repo build=repo.default_branch.last_build}}
</ul>
</aside>
</div>