{% extends "base.html" %}
{% block title %}Home Page - Title{% endblock %}
{% block javascript_init %}
        <script type="text/javascript" charset="utf-8">
        $(document).ready(function()
        {
                $('#successful_invocations_list').dataTable({"bJQueryUI" : true});
        });
        </script>
{% endblock %}
{% block title_header %}Successful Invocations{% endblock %}
{% block content %}
{% if invocations %}
    <div id="table_wrapper">
        <table id="successful_invocations_list">
            <thead>
                <tr>
                    <th>Invocations</th>
                    <th>Time Taken</th>
                </tr>
            </thead>
            <tbody>
                {% for invocation in invocations %}
                <tr class="successful">
                    <td><a href="{{ url_for ('.invocation', root_wf_id = root_wf_id, wf_id = wf_id, job_id = job_id, job_instance_id = job_instance_id, task_id = invocation.invocation_id) }}">{{ invocation.abs_task_id }}</a></td>
                    <td>{{ invocation.remote_duration_formatted }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
{% else %}
  <p>No successful invocations to list.</p>
{% endif %}
{% endblock %}