From b800df51a8c838659b9e3dbc0675d8b246d9e8a1 Mon Sep 17 00:00:00 2001
From: Gal Margalit <gal.margalit@alcatel-lucent.com>
Date: Thu, 29 Oct 2015 14:33:51 +0000
Subject: [PATCH] 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
---
 .../templates/executions/detail.html          | 37 ++++++++++++++-----
 1 file changed, 28 insertions(+), 9 deletions(-)

diff --git a/mistraldashboard/executions/templates/executions/detail.html b/mistraldashboard/executions/templates/executions/detail.html
index be9db09..b258b9a 100644
--- a/mistraldashboard/executions/templates/executions/detail.html
+++ b/mistraldashboard/executions/templates/executions/detail.html
@@ -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 %}
\ No newline at end of file