forked from lix-project/hydra
Samuel Dionne-Riel
d85b846357
And more importantly, crucially, fix the "appended" button so the round corners are on the right (heh) side.
72 lines
2.5 KiB
Text
72 lines
2.5 KiB
Text
[% PROCESS common.tt; USE Math %]
|
|
|
|
<form id="filter-jobs">
|
|
<div class="form-group input-group">
|
|
<input name="filter" type="search" class="form-control" placeholder="Search jobs by name..." [% HTML.attributes(value => filter) %]/>
|
|
<div class="input-group-append">
|
|
<button type="button" class="btn btn-info [% IF showInactive %]active[% END %]" id="active-toggle">
|
|
<span class="spinner-border spinner-border-sm" id="filter-loading" style="display:none"/>
|
|
Show inactive jobs
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<script>
|
|
function setFilter(filter) {
|
|
$('#filter-loading').show();
|
|
if ($('#active-toggle').hasClass('active')) filter += '&showInactive=1';
|
|
$('#tabs-jobs').load("[% c.uri_for('/jobset' project.name jobset.name "jobs-tab") %]", filter, function(response, status, xhr) {
|
|
if (status == "error") {
|
|
$('#[% tabName %]').html("<div class='alert alert-error'>Error loading tab: " + xhr.status + " " + xhr.statusText + "</div>");
|
|
}
|
|
});
|
|
};
|
|
|
|
$('#filter-jobs').submit(function() {
|
|
setFilter($('#filter-jobs').serialize());
|
|
return false;
|
|
});
|
|
|
|
$('#active-toggle').click(function() {
|
|
$(this).toggleClass('active');
|
|
$('#filter-jobs').submit();
|
|
});
|
|
</script>
|
|
|
|
[% IF jobs.size == 0 %]
|
|
|
|
<div class="alert alert-warning">There are no matching jobs.</div>
|
|
|
|
[% ELSE %]
|
|
|
|
[% IF nrJobs > jobs.size %]
|
|
<div class="alert alert-info">Showing the first [% jobs.size %] jobs. <a href="javascript:setFilter('filter=%')">Show all [% nrJobs %] jobs...</a></div>
|
|
[% END %]
|
|
|
|
[% evalIds = evals.keys.nsort.reverse %]
|
|
<table class="table table-striped table-condensed table-header-rotated">
|
|
<thead>
|
|
<tr>
|
|
<th style="width: 1em;">Job</th>
|
|
[% FOREACH eval IN evalIds %]
|
|
<th class="rotate-45">
|
|
<div><span>
|
|
<a href="[% c.uri_for('/eval' eval) %]">[% INCLUDE renderRelativeDate timestamp=evals.$eval.timestamp %]</a>
|
|
</span></div></th>
|
|
[% END %]
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
[% FOREACH j IN jobs-%]
|
|
<tr>
|
|
<th><span [% IF inactiveJobs.$j %]class="muted override-link"[% END %]>[% INCLUDE renderJobName project=project.name jobset=jobset.name job=j %]</span></th>
|
|
[% FOREACH eval IN evalIds %]
|
|
<td>[% r = evals.$eval.builds.$j; IF r.id %]<a href="[% c.uri_for('/build' r.id) %]">[% INCLUDE renderBuildStatusIcon size=16 build=r %]</a>[% END %]</td>
|
|
[% END %]
|
|
</tr>
|
|
[% END %]
|
|
</tbody>
|
|
</table>
|
|
|
|
[% END %]
|