openstack/mistral-dashboard
Code Issues Proposed changes

UI: Execution Overview screen refactored

Browse Source 
* 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
1 changed files with 28 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
mistraldashboard/executions/templates/executions/detail.html
View File

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