UI: Execution Overview screen refactored

* added new fields: creation time,
  time since creation, time since update,
  description, state info
* added iso filter to time fields
* refactored layout

screenshot: http://pasteboard.co/1JWCLz3B.png

Partially implements blueprint: mistral-dashboard-executions-screen

Change-Id: I4eb20fd57895450e7d488efd4b4a55dcd5aaae06
This commit is contained in:
Gal Margalit 2015-10-29 14:33:51 +00:00
parent 2d938b9677
commit b800df51a8

View File

@ -1,28 +1,32 @@
{% extends 'base.html' %}
{% load i18n %}
{% block title %}{% trans "Execution Overview" %}{% endblock %}
{% block title %}{% trans "Execution Details" %}{% endblock %}
{% block page_header %}
<h1>
{% trans "Execution Overview: " %}
{{ execution.id|default:_("None") }}
{% trans "Execution Details" %}
</h1>
{% endblock page_header %}
{% block main %}
{% load i18n sizeformat %}
<div class="detail">
<h4>{% trans "Information" %}</h4>
<h4>{% trans "Overview" %}</h4>
<hr class="header_rule">
<dl class="dl-horizontal">
<dt>{% trans "ID" %}</dt>
<dd>{{ execution.id|default:_("None") }}</dd>
<dt>{% trans "State" %}</dt>
<dd>{{ execution.state }}</dd>
{% if execution.description %}
<dt>{% trans "Description" %}</dt>
<dd>{{ execution.description }}</dd>
{% endif %}
<dt>{% trans "State" %}</dt>
<dd>{{ execution.state }}</dd>
{% if execution.state_info %}
<dt>{% trans "State Info" %}</dt>
<dd>{{ execution.state_info }}</dd>
{% endif %}
<dt>{% trans "Worflow Name" %}</dt>
<dd>
<a href="{{ execution.workflow_url }}"
@ -30,8 +34,22 @@
{{ execution.workflow_name }}
</a>
</dd>
<dt>{% trans "Updated At" %}</dt>
<dd>{{ execution.updated_at }}</dd>
<br/>
<dt>{% trans "Creation Date" %}</dt>
<dd>{{ execution.created_at|parse_isotime}}</dd>
<dt>{% trans "Time Since Created" %}</dt>
<dd>{{ execution.created_at|parse_isotime|timesince }}</dd>
<br/>
<dt>{% trans "Update Date" %}</dt>
<dd>{{ execution.updated_at|parse_isotime}}</dd>
<dt>{% trans "Time Since Updated" %}</dt>
<dd>{{ execution.updated_at|parse_isotime|timesince }}</dd>
</dl>
</div>
<div class="detail">
<hr class="header_rule">
<dl class="dl-horizontal">
<dt>{% trans "Params" %}</dt>
<dd>{{ execution.params }}</dd>
<dt>{% trans "Input" %}</dt>
@ -40,4 +58,5 @@
<dd>{{ execution.output }}</dd>
</dl>
</div>
{% endblock %}
{% endblock %}