expe_results.html 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
  1. {% extends 'base.html' %}
  2. {% load static %}
  3. {% load apptags %}
  4. {% block title %}
  5. Expe {{ expe_name }}
  6. {% endblock %}
  7. {% block content %}
  8. {% if not expe %}
  9. <h3>Results files of experiments</h3>
  10. <br />
  11. {% endif %}
  12. <div class="results-expe">
  13. {% if expe %}
  14. <div class="alert alert-info" role="alert">
  15. <h4 class="alert-heading"><strong>Experience:</strong> {{expe}}</h4>
  16. <hr>
  17. <p><strong>Question:</strong> {{infos.question}} </p>
  18. <p class="mb-0"><strong>Indication:</strong> {{infos.indication}} </p>
  19. </div>
  20. <br/>
  21. {% if folders %}
  22. <!-- List of items which has identifier when user pass experiment -->
  23. <h3>By experiment identifier</h3>
  24. <ul class="list-group">
  25. {% with folders|get_value_from_dict:'expeId' as id_folder %}
  26. {% for id_name, id in id_folder.items %}
  27. <li class="list-group-item">
  28. <div class="row">
  29. <div class="col-md-10">{{id_name}} </div>
  30. <div class="col-md-1 download-list" data-download-path="expeId/{{expe}}/{{id_name}}"><i class="fas fa-download"></i></div>
  31. <div class="col-md-1 date-folder-list"><i class="fas fa-arrow-circle-right"></i></div>
  32. </div>
  33. <ul class="list-group files-list" style="display: none">
  34. <hr />
  35. {% for day_name, day in id.items %}
  36. <li class="list-group-item">
  37. <div class="row">
  38. <div class="col-md-10">{{day_name}} </div>
  39. <div class="col-md-1 download-list" data-download-path="expeId/{{expe}}/{{id_name}}/{{day_name}}"><i class="fas fa-download"></i></div>
  40. <div class="col-md-1 date-folder-list"><i class="fas fa-arrow-circle-right"></i></div>
  41. </div>
  42. <ul class="list-group files-list" style="display: none">
  43. <hr />
  44. {% for user_name, user in day.items %}
  45. <li class="list-group-item">
  46. <div class="row">
  47. <div class="col-md-10"><strong>User: </strong>{{user_name}} </div>
  48. <div class="col-md-1 download-list" data-download-path="expeId/{{expe}}/{{id_name}}/{{day_name}}/{{user_name}}"><i class="fas fa-download"></i></div>
  49. <div class="col-md-1 date-folder-list"><i class="fas fa-arrow-circle-right"></i></div>
  50. </div>
  51. <ul class="list-group files-list" style="display: none">
  52. <hr />
  53. {% for file in user %}
  54. <li class="list-group-item">
  55. <div class="row">
  56. <div class="col-md-11">{{file}}</div>
  57. <div class="col-md-1 download-list" data-download-path="expeId/{{expe}}/{{id_name}}/{{day_name}}/{{user_name}}/{{file}}"><i class="fas fa-download"></i></div>
  58. </div>
  59. </li>
  60. {% endfor %}
  61. </ul>
  62. </li>
  63. {% endfor %}
  64. </ul>
  65. </li>
  66. {% endfor %}
  67. </ul>
  68. </li>
  69. {% endfor %}
  70. {% endwith %}
  71. </ul>
  72. <!-- List of items which does not have identifier when user pass experiment -->
  73. <h3>By date</h3>
  74. <ul class="list-group">
  75. {% with folders|get_value_from_dict:'date' as date_folder %}
  76. {% for day_name, day in date_folder.items %}
  77. <li class="list-group-item">
  78. <div class="row">
  79. <div class="col-md-10">{{day_name}} </div>
  80. <div class="col-md-1 download-list" data-download-path="date/{{expe}}/{{day_name}}"><i class="fas fa-download"></i></div>
  81. <div class="col-md-1 date-folder-list"><i class="fas fa-arrow-circle-right"></i></div>
  82. </div>
  83. <ul class="list-group files-list" style="display: none">
  84. <hr />
  85. {% for user_name, user in day.items %}
  86. <li class="list-group-item">
  87. <div class="row">
  88. <div class="col-md-10"><strong>User: </strong>{{user_name}} </div>
  89. <div class="col-md-1 download-list" data-download-path="date/{{expe}}/{{day_name}}/{{user_name}}"><i class="fas fa-download"></i></div>
  90. <div class="col-md-1 date-folder-list"><i class="fas fa-arrow-circle-right"></i></div>
  91. </div>
  92. <ul class="list-group files-list" style="display: none">
  93. <hr />
  94. {% for file in user %}
  95. <li class="list-group-item">
  96. <div class="row">
  97. <div class="col-md-11">{{file}}</div>
  98. <div class="col-md-1 download-list" data-download-path="date/{{expe}}/{{day_name}}/{{user_name}}/{{file}}"><i class="fas fa-download"></i></div>
  99. </div>
  100. </li>
  101. {% endfor %}
  102. </ul>
  103. </li>
  104. {% endfor %}
  105. </ul>
  106. </li>
  107. {% endfor %}
  108. {% endwith %}
  109. </ul>
  110. {% csrf_token %}
  111. {% else %}
  112. <div class="alert alert-warning" role="alert">
  113. <i>Expe folder is empty</i>
  114. </div>
  115. {% endif %}
  116. {% else %}
  117. {% for f in folders %}
  118. <ul class="list-group">
  119. <a href="{% url 'expe:results_expe' expe=f %}">
  120. <li class="list-group-item">{{f}}</li>
  121. </a>
  122. </ul>
  123. {% endfor %}
  124. {% endif %}
  125. </div>
  126. {% endblock %}
  127. {% block javascripts %}
  128. <script type="text/javascript">
  129. // Utils informations
  130. var expe_name = "{{expe}}"
  131. </script>
  132. <script src="{% static "js/results.js" %}"></script>
  133. <script src="{% static "js/FileSaver.js" %}"></script>
  134. {% endblock %}