working on updated style

This commit is contained in:
Brad Rydzewski 2015-05-20 19:23:55 -07:00
parent 46989c05f0
commit 8419424c38
8 changed files with 1337 additions and 644 deletions

View file

@ -20,7 +20,7 @@
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
bordercolor="#2f2f2f"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
@ -69,7 +69,7 @@
transform="translate(-21.720779,-25.639593)">
<path
sodipodi:type="arc"
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
style="fill:#2f2f2f;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
id="path2998"
sodipodi:cx="172.10474"
sodipodi:cy="458.39249"
@ -78,13 +78,13 @@
d="m 177.53431,458.39249 c 0,2.78946 -2.43091,5.05076 -5.42957,5.05076 -2.99867,0 -5.42957,-2.2613 -5.42957,-5.05076 0,-2.78946 2.4309,-5.05077 5.42957,-5.05077 2.99866,0 5.42957,2.26131 5.42957,5.05077 z"
transform="matrix(1.0129716,0,0,1.0889445,-131.11643,-452.42373)" />
<path
style="fill:#ffffff;fill-opacity:1;stroke-width:0;stroke-miterlimit:4"
style="fill:#2f2f2f;fill-opacity:1;stroke-width:0;stroke-miterlimit:4"
d="m 43.220779,25.640247 c 9.60163,0.0752 20.51786,6.8438 21.5,19.6 l -13,0 c 0,0 -1.67472,-7.04733 -8.5,-7 -6.82528,0.0473 -8.5,7 -8.5,7 l -13,0 c 0.63161,-12.53073 11.36576,-19.67935 21.5,-19.6 z"
id="rect3810"
inkscape:connector-curvature="0"
sodipodi:nodetypes="scczccs" />
<path
style="fill:#ffffff;fill-opacity:1;stroke-width:0;stroke-miterlimit:4"
style="fill:#2f2f2f;fill-opacity:1;stroke-width:0;stroke-miterlimit:4"
d="m 43.310069,61.990247 c -7.159395,0.01905 -13.847588,-5.383347 -16.58929,-13.75 l 8,0 c 0,0 1.72575,6.96782 8.55103,6.92049 6.82528,-0.0473 8.44897,-6.92049 8.44897,-6.92049 l 8,0 c -1.783351,8.850973 -9.251314,13.730946 -16.41071,13.75 z"
id="rect3810-1"
inkscape:connector-curvature="0"

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

View file

@ -2,6 +2,15 @@
(function () {
function trunc() {
return function(str) {
if (str && str.length > 10) {
return str.substr(0, 10);
}
return str;
}
}
/**
* author is a helper function that return the builds
* commit or pull request author.
@ -53,6 +62,7 @@
angular
.module('drone')
.filter('trunc', trunc)
.filter('author', author)
.filter('message', message)
.filter('sha', sha)

View file

@ -1,14 +1,26 @@
<header>
<a href="/" class="logo"></a>
<div class="title"></div>
<div class="user">
<span>{{ user.login }}</span>
<img ng-src="{{ user.gravatar_id | gravatar }}" />
</div>
<a class="logo float-left" href="/"></a>
<a class="menu-item settings float-right" href="/profile"></a>
<a class="menu-item users float-right" href="/users" ng-if="user.admin"></a>
<a class="menu-item help float-right" href="http://readme.drone.io" target="_blank"></a>
<a class="menu-item user-name float-right" href="/profile">{{ "+"+user.login }}</a>
</header>
<nav>
<h1>{{ repo.owner }}<span>{{ repo.name }}</span><span>{{ build.sequence}}</span></h1>
</nav>
<header show-nav distance="160" class="dockable transition-fade flex-parent"></header>
<section class="central-container">
<div class="flex-item pane restrict-center contains-cardset">
<div class="breadcrumb flex-item truncate">
<a ng-href="/{{ repo.full_name }}" class="backarrow"></a>
<a ng-href="/{{ repo.full_name }}" class="level">{{ repo.owner }} / {{ repo.name }}</a>
<span class="spacer"></span>
<a ng-href="/{{ repo.full_name }}" class="level">{{ build.sequence }}</span>
<span class="spacer"></span>
<span class="level">{{ task.sequence }}</span>
</div>
</div>
</section>
<main>
<section class="commit-section">
@ -57,7 +69,7 @@
</tbody>
</table>
</section>
<section>
<pre id="term" ng-if="task && task.state !== 'pending'"></pre>
</section>

View file

@ -1,36 +1,44 @@
<h1>{{ repo.full_name }}</h1>
<header>
<a class="logo float-left" href="/"></a>
<a class="menu-item settings float-right" href="/profile"></a>
<a class="menu-item users float-right" href="/users" ng-if="user.admin"></a>
<a class="menu-item help float-right" href="http://readme.drone.io" target="_blank"></a>
<a class="menu-item user-name float-right" href="/profile">{{ "+"+user.login }}</a>
</header>
<a href="/">Back</a>
<a ng-href="/{{ repo.full_name }}/edit">Settings</a>
<header show-nav distance="160" class="dockable transition-fade flex-parent"></header>
<section class="central-container">
<div class="flex-item pane restrict-center contains-cardset">
<div class="breadcrumb flex-item truncate">
<a href="/" class="backarrow"></a>
<a href="#" class="level">{{ repo.owner }} / {{ repo.name }}</a>
</div>
</div>
<button ng-click="watch(repo)" ng-if="!repo.starred">Watch</button>
<button ng-click="unwatch(repo)" ng-if="repo.starred">Unwatch</button>
<nav>
<a ng-href="/{{ repo.full_name }}/edit" class="nav-item settings float-right"></a>
<button ng-click="watch(repo)" ng-if="!repo.starred" class="nav-item star float-right"></button>
<button ng-click="unwatch(repo)" ng-if="repo.starred" class="nav-item unstar float-right"></button>
</nav>
<table border="1">
<thead>
<tr>
<th>Number</th>
<th>Status</th>
<th>Started</th>
<th>Duration</th>
<th>Type</th>
<th>Ref</th>
<th>Commit</th>
<th>Author</th>
<th>Message</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="build in builds | orderBy:'-sequence'">
<td><a ng-href="/{{ repo.full_name }}/{{ build.sequence }}">{{ build.sequence }}</a></td>
<td>{{ build.state }}</td>
<td>{{ build.started_at | fromNow }}</td>
<td>{{ build.duration | toDuration }}</td>
<td>{{ build.pull_request ? "pull request" : "push" }}</td>
<td>{{ build.ref }}</td>
<td>{{ build.sha }}</td>
<td>{{ build.author }}</td>
<td>{{ build.message }}</td>
</tr>
</tbody>
</table>
<ul class="cardset list">
<li ng-repeat="build in builds | orderBy:'-sequence'">
<div ng-class="[ 'card', build.state ]">
<div class="dataset">
<a ng-href="/{{ repo.full_name }}/{{ build.sequence }}"></a>
<div class="info-1">
<p class="number">{{ build.sequence }}</p>
</div>
<div class="info-2">
<p class="branch-sha truncate">{{ build.branch }} ({{build.sha | trunc }})</p>
<p class="author-time truncate">{{ build.author }} &middot {{ build.started_at | fromNow }}</p>
</div>
<div class="info-3">
<p class="commit-message truncate">{{ build.message }}</p>
</div>
</div>
</div>
</li>
</ul>
</section>

View file

@ -1,4 +1,19 @@
<h1>Dashboard</h1>
<header>
<a class="logo float-left" href="/"></a>
<a class="menu-item settings float-right" href="/profile"></a>
<a class="menu-item users float-right" href="/users" ng-if="user.admin"></a>
<a class="menu-item help float-right" href="http://readme.drone.io" target="_blank"></a>
<a class="menu-item user-name float-right" href="/profile">{{ "+"+user.login }}</a>
</header>
<header show-nav distance="160" class="dockable transition-fade flex-parent"></header>
<section class="central-container">
<div class="flex-item pane restrict-center contains-cardset">
<div class="breadcrumb flex-item truncate">
<a href="#" class="level">Dashboard</a>
</div>
</div>
</section>
<a href="/new">New</a>
<a href="/profile">Settings</a>

View file

@ -1,6 +1,21 @@
<h1>{{ user.login }}</h1>
<header>
<a class="logo float-left" href="/"></a>
<a class="menu-item settings float-right" href="/profile"></a>
<a class="menu-item users float-right" href="/users" ng-if="user.admin"></a>
<a class="menu-item help float-right" href="http://readme.drone.io" target="_blank"></a>
<a class="menu-item user-name float-right" href="/profile">{{ "+"+user.login }}</a>
</header>
<header show-nav distance="160" class="dockable transition-fade flex-parent"></header>
<section class="central-container">
<div class="flex-item pane restrict-center contains-cardset">
<div class="breadcrumb flex-item truncate">
<a href="/" class="backarrow"></a>
<a href="#" class="level">Profile</a>
</div>
</div>
</section>
<a href="/">Back</a>
<dl>
<dt>Login</dt>
@ -54,4 +69,4 @@
</td>
</tr>
</tbody>
</table>
</table>

View file

@ -1,6 +1,20 @@
<h1>Users</h1>
<header>
<a class="logo float-left" href="/"></a>
<a class="menu-item settings float-right" href="/profile"></a>
<a class="menu-item users float-right" href="/users" ng-if="user.admin"></a>
<a class="menu-item help float-right" href="http://readme.drone.io" target="_blank"></a>
<a class="menu-item user-name float-right" href="/profile">{{ "+"+user.login }}</a>
</header>
<a href="/">Back</a>
<header show-nav distance="160" class="dockable transition-fade flex-parent"></header>
<section class="central-container">
<div class="flex-item pane restrict-center contains-cardset">
<div class="breadcrumb flex-item truncate">
<a href="/" class="backarrow"></a>
<a href="#" class="level">User Management</a>
</div>
</div>
</section>
<table border="1">
<thead>
@ -34,4 +48,4 @@
<form>
<input type="text" ng-model="login" />
<button ng-click="add(login)">Add</button>
</form>
</form>

File diff suppressed because it is too large Load diff