recordsansible/ara
Code Issues Proposed changes

Interface improvements and revamp

Browse Source 
- We've switched CSS framework from bootstrap to patternfly
- pathtruncate filter now accepts an integer parameter to
  specify the desired length. It's sometimes desireable to
  truncate more or less depending on where the path is shown.
- Overall improvements to navigation and each and every item

Change-Id: Ibac9b26a1a68a06e585251733f6d122860d5ea77
This commit is contained in:
David Moreau-Simard
2016-06-16 09:57:25 -04:00
parent 438a20e491
commit 72a75e72b1
40 changed files with 887 additions and 545 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
ara/templates/home.html
View File

@@ -1,26 +1,45 @@
{% extends "layout.html" %}
{% block content %}
<div class="row text-center">
<h3>
<a href="https://github.com/openstack/ara" target="_blank">ARA</a> is
an attempt to make Ansible runs easier to visualize, understand and
troubleshoot.<br>
</h3>
<h4>
It provides an
<a href="https://www.ansible.com/" target="_blank">Ansible</a> callback
to record playbook run data in a database and a web interface built
with <a href="http://flask.pocoo.org/" target="_blank">Flask</a>
to browse that data.
</h4>
<br>
Start browsing recorded data with the top navigation bar.
</div>
<br>
<div class="row text-center">
<div class="col-md-12">
<h1>Documentation</h1>
Documentation is available on <a href="https://ara.readthedocs.io/en/latest/" target="_blank">readthedocs.io</a>.
<!-- Main container -->
<div class="container-fluid container-pf-nav-pf-vertical container-pf-nav-pf-vertical-with-secondary">
<div class="row text-center">
<h1>ARA - Ansible Run Analysis</h1>
<h2><a href="https://github.com/openstack/ara">ARA</a> records <a href="https://www.ansible.com/">Ansible</a> Playbook runs seemlessly to make them easier to visualize, understand and troubleshoot.</h2>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-10 col-md-offset-1">
<h2><strong>Latest playbook runs</strong></h2>
<table class="list table table-striped table-bordered table-hover table-condensed">
<thead>
<tr>
<th>Playbook</th>
<th>Executed</th>
<th>Hosts</th>
<th><span class="ok label status-label">OK</span></th>
<th><span class="changed label status-label">CHANGED</span></th>
<th><span class="failed label status-label">FAILED</span></th>
<th><span class="skipped label status-label">SKIPPED</span></th>
<th><span class="unreachable label status-label">UNREACHABLE</span></th>
</tr>
</thead>
<tbody>
{% for playbook in playbooks %}
<tr>
<td>{{ macros.make_link('playbook.show_playbook', playbook.path|pathtruncate,
playbook=playbook.id) }}</td>
<td>{{ playbook.time_start |datefmt }}</td>
<td>{{ playbook.hosts|list|length }}</td>
<td>{{ stats[playbook.id].ok }}</td>
<td>{{ stats[playbook.id].changed }}</td>
<td>{{ stats[playbook.id].failed }}</td>
<td>{{ stats[playbook.id].skipped }}</td>
<td>{{ stats[playbook.id].unreachable }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
{% endblock %}
{% endblock %}