Skip to content
Snippets Groups Projects
Commit 93f32d0f authored by Stefano Alberto Russo's avatar Stefano Alberto Russo
Browse files

Improved task template.

parent dee5a857
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
services/webapp/code/rosetta/core_app/templates/components/task.html
+ 110
− 88
View file @ 93f32d0f
{% if data.task %}
<div style="width:350px; float:left; border: #e0e0e0 solid 1px; margin:10px; background:#f8f8f8; margin-bottom:20px">
<div style="margin-top:5px; padding:10px; text-align:center; border-bottom: #f8f8f8 solid 1px; ">
<b>Summary</b>
</div>
{% else %}
<div style="width:350px; float:left; border: #e0e0e0 solid 1px; margin:10px; background:#f8f8f8; margin-bottom:20px">
<div style="margin-top:5px; padding:10px; text-align:center; border-bottom: #e0e0e0 solid 1px; ">
<a href="?uuid={{ task.uuid }}"><b>{{ task.name }}</b></a>
</div>
{% endif %}
<!-- <div style="background:{{task.color}}; height:24px;"></div> -->
<!-- <div style="background:{{ task.container.color }}; height:14px;"></div> -->
<!-- <div style="margin-bottom:15px; margin-top:0px">
<div style="background:{{task.container.color}}; height:14px; width:149px; float:left"></div>
<div style="background:{{task.computing.color}}; height:14px; width:149px; float:left"></div>
</div> -->
<div style="padding:10px;">
<!-- <b>Container:</b> {{ task.container.name }} <span style="font-size:14px; background-color:{{task.container.color}}">&nbsp;&nbsp;&nbsp;&nbsp;</span> <br/>
<b>Computing:</b> {{ task.computing.name }} <span style="font-size:14px; background-color:{{task.computing.color}}">&nbsp;&nbsp;&nbsp;&nbsp;</span><br/> -->
<b>Container:</b>
<a href="/containers/?uuid={{ task.container.uuid }}" style="color:{{task.container.color}}">{{ task.container.name }}</a>
{% if task.container.type == 'docker' %}<img src="/static/img/docker-logo.svg" style="height:18px; width:18px; margin-bottom:4px" />{% endif %}
{% if task.container.type == 'singularity' %}<img src="/static/img/singularity-logo.svg" style="height:18px; width:18px; margin-bottom:4px" />{% endif %}
<br/>
<b>Computing:</b> <a href="/computings/?uuid={{ task.computing.uuid }}">{{ task.computing.name }}</a>
<!-- <a href="/computings/?uuid={{ task.computing.uuid }}" no_style="color:{{task.computing.color}}"><i class="fa fa-external-link" ></i></a><br/> -->
<div style="margin-top:2px">
{% if task.status == "running" %}
<b>Status:</b> <font color="green">running</font>
{% else %}
<b>Status:</b> {{ task.status }}
{% endif %}
</div>
</div>
<div style="margin-bottom:10px; text-align:center; padding:5px">
<!-- Stop / Delete / Cancel -->
{% if task.status == "stopped" or task.status == "created" %}
<a href="?uuid={{task.uuid}}&action=delete&fromlist=True" class="btn btn-action">Delete</a>
{% else %}
<a href="?uuid={{task.uuid}}&action=stop&fromlist=True" class="btn btn-action">Stop</a>
{% endif %}
<!-- Connect -->
{% if task.port %}
{% if task.status == "running" %}
<a href="?uuid={{task.uuid}}&action=connect" class="btn btn-connect">Connect</a>
{% else %}
<a href="" class="btn btn-disabled">Connect</a>
{% endif %}
{% endif %}
<!-- View log -->
{% if task.status == "created" %}
<a href="" class="btn btn-disabled">Logs</a>
{% else %}
<a href="/task_log/?uuid={{task.uuid}}&action=viewlog" class="btn btn-action">Logs</a>
{% endif %}
</div>
</div>
{% if data.task %} {% if data.task %}
<table class="dashboard"> <table class="dashboard" style="margin:10px">
<!-- <tr> <!-- <tr>
<td colspan="2"> <td colspan="2">
...@@ -16,9 +97,13 @@ ...@@ -16,9 +97,13 @@
--> -->
<tr> <tr>
<td colspan="2" align="center" style="padding:15px"><b>Details</b></td>
</tr>
<!-- <tr>
<td><b>Name</b></td> <td><b>Name</b></td>
<td>{{ task.name }}</td> <td>{{ task.name }}</td>
</tr> </tr> -->
<tr> <tr>
<td><b>ID</b></td> <td><b>ID</b></td>
...@@ -26,33 +111,27 @@ ...@@ -26,33 +111,27 @@
</tr> </tr>
<tr> <tr>
<td><b>Container</b></td> <td><b>Image</b></td>
<td><a href="/containers/?uuid={{ task.container.uuid }}">{{ task.container.image }}</a></td> <td><a href="/containers/?uuid={{ task.container.uuid }}">{{ task.container.image }}</a></td>
</tr> </tr>
<tr> <!-- <tr>
<td><b>Status</b></td> <td><b>Status</b></td>
<td>{{ task.status }}</td> <td>{{ task.status }}</td>
</tr> </tr> -->
<tr> <tr>
<td><b>Created at</b></td> <td><b>Created at</b></td>
<td>{{ task.created }}</td> <td>{{ task.created }}</td>
</tr> </tr>
<tr>
<td><b>Running on</b></td>
<td>{{ task.computing }}</td>
</tr>
<tr> <tr>
<td><b>Extra binds</b></td> <td><b>Extra binds</b></td>
<td>{{ task.extra_binds }}</td> <td>{{ task.extra_binds }}</td>
</tr> </tr>
<tr> <tr>
<td><b>IP</b></td> <td><b>Host</b></td>
<td>{{ task.ip }}</td> <td>{{ task.ip }}</td>
</tr> </tr>
...@@ -62,29 +141,26 @@ ...@@ -62,29 +141,26 @@
</tr> </tr>
<tr> <tr>
<td><b>Task tunnel port</b></td> <td><b>Tunnel port</b></td>
<td>{{ task.tunnel_port }}</td> <td>{{ task.tunnel_port }}</td>
</tr> </tr>
{% if task.auth_pass %} {% if task.auth_pass %}
<tr> <tr>
<td><b>Task Auth pass</b></td> <td><b>Auth pass</b></td>
<td>******</td> <td>******</td>
</tr> </tr>
{% endif %} {% endif %}
<!-- <tr>
<tr>
<td><b>Operations</b></td> <td><b>Operations</b></td>
<td> <td>
{% if task.status == "running" %} {% if task.status == "running" %}
<a href="?uuid={{task.uuid}}&action=stop&details={{details}}">Stop</a> | <a href="?uuid={{task.uuid}}&action=stop&details={{details}}">Stop</a> |
{% else %} {% else %}-->
<!-- <a href=?uuid={{task.uuid}}&action=start>Start</a> | --> <!-- <a href=?uuid={{task.uuid}}&action=start>Start</a> | -->
<font color="#c0c0c0">Stop</font> | <!-- <font color="#c0c0c0">Stop</font> |
{% endif %} {% endif %}
<a href="?uuid={{task.uuid}}&action=delete&details=False">Delete</a> <a href="?uuid={{task.uuid}}&action=delete&details=False">Delete</a>
...@@ -102,83 +178,29 @@ ...@@ -102,83 +178,29 @@
| <a href="/task_log/?uuid={{task.uuid}}&action=viewlog">View Log</a> | <a href="/task_log/?uuid={{task.uuid}}&action=viewlog">View Log</a>
{% endif %} {% endif %}
</td> </td>
</tr> </tr>
-->
</table> </table>
{% else %}
<div style="width:350px; float:left; border: #e0e0e0 solid 1px; margin:10px; background:#f8f8f8; margin-bottom:20px">
<!-- <div style="background:{{task.color}}; height:24px;"></div> -->
<div style="margin-top:5px; padding:10px; text-align:center; border-bottom: #e0e0e0 solid 1px; ">
<a href="?uuid={{ task.uuid }}"><b>{{ task.name }}</b></a>
</div>
<!-- <div style="background:{{ task.container.color }}; height:14px;"></div> -->
<!-- <div style="margin-bottom:15px; margin-top:0px">
<div style="background:{{task.container.color}}; height:14px; width:149px; float:left"></div>
<div style="background:{{task.computing.color}}; height:14px; width:149px; float:left"></div>
</div> -->
<div style="padding:10px;">
<!-- <b>Container:</b> {{ task.container.name }} <span style="font-size:14px; background-color:{{task.container.color}}">&nbsp;&nbsp;&nbsp;&nbsp;</span> <br/>
<b>Computing:</b> {{ task.computing.name }} <span style="font-size:14px; background-color:{{task.computing.color}}">&nbsp;&nbsp;&nbsp;&nbsp;</span><br/> -->
<b>Container:</b>
<a href="/containers/?uuid={{ task.container.uuid }}" style="color:{{task.container.color}}">{{ task.container.name }}</a>
{% if task.container.type == 'docker' %}<img src="/static/img/docker-logo.svg" style="height:18px; width:18px; margin-bottom:4px" />{% endif %}
{% if task.container.type == 'singularity' %}<img src="/static/img/singularity-logo.svg" style="height:18px; width:18px; margin-bottom:4px" />{% endif %}
<br/>
<b>Computing:</b> <a href="/computings/?uuid={{ task.computing.uuid }}">{{ task.computing.name }}</a>
<!-- <a href="/computings/?uuid={{ task.computing.uuid }}" no_style="color:{{task.computing.color}}"><i class="fa fa-external-link" ></i></a><br/> -->
<div style="margin-top:2px">
{% if task.status == "running" %}
<b>Status:</b> <font color="green">running</font>
{% else %}
<b>Status:</b> {{ task.status }}
{% endif %}
</div>
</div>
<div style="margin-bottom:10px; text-align:center; padding:5px">
<!-- Stop / Delete / Cancel -->
{% if task.status == "stopped" or task.status == "created" %}
<a href="?uuid={{task.uuid}}&action=delete&fromlist=True" class="btn btn-action">Delete</a>
{% else %}
<a href="?uuid={{task.uuid}}&action=stop&fromlist=True" class="btn btn-action">Stop</a>
{% endif %}
<!-- Connect -->
{% if task.port %}
{% if task.status == "running" %}
<a href="?uuid={{task.uuid}}&action=connect" class="btn btn-connect">Connect</a>
{% else %}
<a href="" class="btn btn-disabled">Connect</a>
{% endif %}
{% endif %}
<!-- View log -->
{% if task.status == "created" %}
<a href="" class="btn btn-disabled">Logs</a>
{% else %}
<a href="/task_log/?uuid={{task.uuid}}&action=viewlog" class="btn btn-action">Logs</a>
{% endif %}
</div>
</div>
{% endif %} {% endif %}
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment