X-Git-Url: http://mmka.chem.univ.gda.pl/gitweb/?a=blobdiff_plain;f=qcg%2Ftemplates%2Fqcg%2Ftask.html;h=e9b85ad2fda3885f350b0bdcde824dbbef6f6a21;hb=d117a4ff9ac0e7fb8c01ed1c8cb2a3311c97a1f9;hp=c1278e3971584a7a8311260b5c82d1ad108dcaa1;hpb=3475cba350b72ab2cf4115455d54384a231c81b4;p=qcg-portal.git

diff --git a/qcg/templates/qcg/task.html b/qcg/templates/qcg/task.html
index c1278e3..e9b85ad 100644
--- a/qcg/templates/qcg/task.html
+++ b/qcg/templates/qcg/task.html
@@ -1,5 +1,21 @@
 {% extends 'qcg/base.html' %}
-{% load qcg_utils %}
+{% load qcg_utils staticfiles %}
+
+{% block extra_js %}
+    {% include 'filex/source.js.html' %}
+
+    <script>
+        var filex = filex || {};
+
+        $(function () {
+            'use strict';
+
+            $('.working-dir').on('click', function() {
+                filex.load($(this).data('url'));
+            });
+        });
+    </script>
+{% endblock extra_js %}
 
 {% block container %}
     <ol class="breadcrumb">
@@ -15,6 +31,7 @@
         <ul class="nav nav-tabs" style="margin-bottom: 20px">
             <li role="presentation" class="active"><a href="#details" data-toggle="tab">Właściwości</a></li>
             <li role="presentation"><a href="#desc" data-toggle="tab">Opis</a></li>
+            <li role="presentation"><a href="#results" data-toggle="tab">Wyniki</a></li>
         </ul>
 
         <!-- Tab panes -->
@@ -41,6 +58,7 @@
                     <ul class="list-group">
                         {% for alloc in task.allocations.all %}
                             <li class="list-group-item">
+                                {% display_attribute 'Status' alloc.get_status_display %}
                                 {% display_attribute 'Komentarz' alloc.comment %}
                                 {% display_attribute 'Host' alloc.host_name %}
                                 {% display_attribute 'Opis statusu' alloc.status_description %}
@@ -55,19 +73,50 @@
                                 {% display_attribute 'Lokalna data zakończenia' task.local_finish_time %}
                                 {% display_attribute 'Efektywność' alloc.efficiency %}
                                 {% display_attribute 'Użycie pamięci' alloc.memory_usage %}
+                                {% display_attribute 'Katalog roboczy' alloc.working_directory %}
                                 {% display_attribute 'Usunięty katalog roboczy?' task.purged %}
+
+                                {% if alloc.working_directory %}
+                                    <button class="btn btn-default working-dir"
+                                            data-toggle="modal" data-target="#gridftp" data-url="{{ alloc.working_directory|cut:'gsiftp://'  }}">
+                                        Przeglądaj katalog roboczy
+                                    </button>
+                                {% endif %}
                             </li>
                         {% endfor %}
                     </ul>
                 {% else %}
-                    <div class="panel-body">
-                        <div class="alert alert-info">Brak elementów</div>
-                    </div>
+                    <div class="alert alert-info">Brak elementów</div>
                 {% endif %}
 
             </div>
+
             <div role="tabpanel" class="tab-pane" id="desc">
-                <pre>{{ task.description }}</pre>
+                <pre>{{ task.description|format_xml }}</pre>
+            </div>
+
+            <div role="tabpanel" class="tab-pane text-center" id="results">
+                <h3>Wizualizacja wyników</h3>
+                <img src="{% static 'qcg/results-mock-1.png' %}" alt="..." class="img-thumbnail" style="margin: 10px">
+                <img src="{% static 'qcg/results-mock-2.png' %}" alt="..." class="img-thumbnail" style="margin: 10px">
+                <img src="{% static 'qcg/results-mock-3.png' %}" alt="..." class="img-thumbnail" style="margin: 10px">
+            </div>
+        </div>
+    </div>
+
+    <div id="gridftp" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">
+        <div class="modal-dialog modal-lg">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                    <h4 class="modal-title" id="modal-label">Katalog roboczy</h4>
+                </div>
+                <div class="modal-body">
+                    {% include 'filex/source.html' %}
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
+                </div>
             </div>
         </div>
     </div>