qcg/templates/qcg/task.html

   1 {% extends 'qcg/base.html' %}
   2 {% load qcg_utils staticfiles %}
   3
   4 {% block extra_js %}
   5     {% include 'filex/source.js.html' %}
   6
   7     <script>
   8         var filex = filex || {};
   9
  10         $(function () {
  11             'use strict';
  12
  13             $('.working-dir').on('click', function() {
  14                 filex.load($(this).data('url'));
  15             });
  16         });
  17     </script>
  18 {% endblock extra_js %}
  19
  20 {% block container %}
  21     <ol class="breadcrumb">
  22         <li><a href="{% url 'jobs' %}">Zadania</a></li>
  23         <li><a href="{{ task.job.get_absolute_url }}">{{ task.job.job_id }}</a></li>
  24         <li class="active">{{ task.task_id }}</li>
  25     </ol>
  26
  27     <h1 class="page-header">{% block title %}Task {{ task.task_id }}{% endblock %}</h1>
  28
  29     <div role="tabpanel">
  30         <!-- Nav tabs -->
  31         <ul class="nav nav-tabs" style="margin-bottom: 20px">
  32             <li role="presentation" class="active"><a href="#details" data-toggle="tab">Właściwości</a></li>
  33             <li role="presentation"><a href="#desc" data-toggle="tab">Opis</a></li>
  34             <li role="presentation"><a href="#results" data-toggle="tab">Wyniki</a></li>
  35         </ul>
  36
  37         <!-- Tab panes -->
  38         <div class="tab-content">
  39             <div role="tabpanel" class="tab-pane active" id="details">
  40                 <h3>Atrybuty</h3>
  41
  42                 <p>
  43                     {% display_attribute 'Status' task.get_status_display %}
  44                     {% display_attribute 'Opis statusu' task.status_description %}
  45                     {% display_attribute 'Typ' task.get_type_display %}
  46                     {% display_attribute 'Notatka' task.note %}
  47                     {% display_attribute 'Projekt' task.project %}
  48                     {% display_attribute 'Czas życia proxy' task.proxy_lifetime|timeuntil %}
  49                     {% display_attribute 'Data zlecenia' task.submission_time %}
  50                     {% display_attribute 'Data rozpoczęcia' task.start_time %}
  51                     {% display_attribute 'Data zakończenia' task.finish_time %}
  52                     {% display_attribute 'Usunięty katalog roboczy?' task.purged %}
  53                 </p>
  54
  55                 <h3>Alokacje</h3>
  56
  57                 {% if task.allocations.exists %}
  58                     <ul class="list-group">
  59                         {% for alloc in task.allocations.all %}
  60                             <li class="list-group-item">
  61                                 {% display_attribute 'Status' alloc.get_status_display %}
  62                                 {% display_attribute 'Komentarz' alloc.comment %}
  63                                 {% display_attribute 'Host' alloc.host_name %}
  64                                 {% display_attribute 'Opis statusu' alloc.status_description %}
  65                                 {% display_attribute 'Liczba procesów' alloc.processes_count %}
  66                                 {% display_attribute 'Liczba rdzeni' alloc.slots_count %}
  67                                 {% display_attribute 'Identyfikator grupy procesów' alloc.processes_group_id %}
  68                                 {% display_attribute 'Data zlecenia' task.submission_time %}
  69                                 {% display_attribute 'Przewidywana data rozpoczęcia' alloc.estimated_start_time %}
  70                                 {% display_attribute 'Data zakończenia' task.finish_time %}
  71                                 {% display_attribute 'Lokalna data zlecenia' task.local_submission_time %}
  72                                 {% display_attribute 'Lokalna data rozpoczęcia' task.local_start_time %}
  73                                 {% display_attribute 'Lokalna data zakończenia' task.local_finish_time %}
  74                                 {% display_attribute 'Efektywność' alloc.efficiency %}
  75                                 {% display_attribute 'Użycie pamięci' alloc.memory_usage %}
  76                                 {% display_attribute 'Katalog roboczy' alloc.working_directory %}
  77                                 {% display_attribute 'Usunięty katalog roboczy?' task.purged %}
  78
  79                                 {% if alloc.working_directory %}
  80                                     <button class="btn btn-default working-dir"
  81                                             data-toggle="modal" data-target="#gridftp" data-url="{{ alloc.working_directory|cut:'gsiftp://'  }}">
  82                                         Przeglądaj katalog roboczy
  83                                     </button>
  84                                 {% endif %}
  85                             </li>
  86                         {% endfor %}
  87                     </ul>
  88                 {% else %}
  89                     <div class="alert alert-info">Brak elementów</div>
  90                 {% endif %}
  91
  92             </div>
  93
  94             <div role="tabpanel" class="tab-pane" id="desc">
  95                 <pre>{{ task.description|format_xml }}</pre>
  96             </div>
  97
  98             <div role="tabpanel" class="tab-pane text-center" id="results">
  99                 <h3>Wizualizacja wyników</h3>
 100                 <img src="{% static 'qcg/results-mock-1.png' %}" alt="..." class="img-thumbnail" style="margin: 10px">
 101                 <img src="{% static 'qcg/results-mock-2.png' %}" alt="..." class="img-thumbnail" style="margin: 10px">
 102                 <img src="{% static 'qcg/results-mock-3.png' %}" alt="..." class="img-thumbnail" style="margin: 10px">
 103             </div>
 104         </div>
 105     </div>
 106
 107     <div id="gridftp" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">
 108         <div class="modal-dialog modal-lg">
 109             <div class="modal-content">
 110                 <div class="modal-header">
 111                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 112                     <h4 class="modal-title" id="modal-label">Katalog roboczy</h4>
 113                 </div>
 114                 <div class="modal-body">
 115                     {% include 'filex/source.html' %}
 116                 </div>
 117             </div>
 118         </div>
 119     </div>
 120
 121 {% endblock %}