59 lines
2.7 KiB
HTML
59 lines
2.7 KiB
HTML
{% extends "base.xhtml" %}
|
||
{% from "macros/page-hero.xhtml" import page_hero %}
|
||
{% block content %}
|
||
{{ page_hero("Work queue", "Tasks", "Track Ansible and automation runs, filter by status or cluster, retry failures, and cancel in-flight work.") }}
|
||
<section class="card">
|
||
<h2>Filters</h2>
|
||
<form id="tasks-filter-form" class="toolbar-row tasks-filter-form">
|
||
<select id="tasks-filter-status">
|
||
<option value="">status: any</option>
|
||
<option value="pending">pending</option>
|
||
<option value="running">running</option>
|
||
<option value="success">success</option>
|
||
<option value="failed">failed</option>
|
||
<option value="retrying">retrying</option>
|
||
</select>
|
||
<input id="tasks-filter-type" type="text" placeholder="type" />
|
||
<input id="tasks-filter-cluster-id" type="number" min="1" placeholder="cluster id" />
|
||
<input id="tasks-filter-date-from" type="datetime-local" />
|
||
<input id="tasks-filter-date-to" type="datetime-local" />
|
||
<select id="tasks-sort-by">
|
||
<option value="created_at">sort: created_at</option>
|
||
<option value="updated_at">updated_at</option>
|
||
<option value="status">status</option>
|
||
<option value="type">type</option>
|
||
<option value="cluster_id">cluster_id</option>
|
||
<option value="id">id</option>
|
||
</select>
|
||
<select id="tasks-sort-order">
|
||
<option value="desc">desc</option>
|
||
<option value="asc">asc</option>
|
||
</select>
|
||
<select id="tasks-per-page" name="per_page">
|
||
<option value="25" selected="selected">25</option>
|
||
<option value="50">50</option>
|
||
<option value="100">100</option>
|
||
<option value="200">200</option>
|
||
<option value="500">500</option>
|
||
</select>
|
||
<button type="submit">Apply</button>
|
||
</form>
|
||
</section>
|
||
<section class="card">
|
||
<div class="dashboard-audit-toolbar" id="tasks-toolbar">
|
||
<p class="audit-total-info muted" id="tasks-total-info" style="margin:0">Total: —</p>
|
||
<div class="audit-pagination" id="tasks-pagination">
|
||
<div class="audit-pagination__nav" role="group" aria-label="Task pages">
|
||
<button id="tasks-page-first" type="button" class="btn-muted" aria-label="First page">«</button>
|
||
<button id="tasks-page-prev" type="button" class="btn-muted" aria-label="Previous page">‹</button>
|
||
<span id="tasks-page-label" class="audit-page-info muted" aria-live="polite">—</span>
|
||
<button id="tasks-page-next" type="button" class="btn-muted" aria-label="Next page">›</button>
|
||
<button id="tasks-page-last" type="button" class="btn-muted" aria-label="Last page">»</button>
|
||
</div>
|
||
<button id="tasks-refresh-btn" type="button" class="btn-muted">Refresh</button>
|
||
</div>
|
||
</div>
|
||
<div id="tasks-table-container"></div>
|
||
</section>
|
||
{% endblock %}
|