htsworkflow/frontend/templates/samples/library_index.html

   1 {% extends "base_site.html" %}
   2 {% load admin_list i18n %}
   3 {% load staticfiles %}
   4 {% block extrahead %}
   5     <!-- App Stuff -->
   6     <link type="text/css" rel="stylesheet" href="{% static "css/app.css" %}"/>
   7
   8     {% block additional_javascript %}
   9     <script type="text/javascript" src="{% static "js/jquery.min.js" %}"></script>
  10     <script type="text/javascript" src="{% static "js/htsw.js" %}"></script>
  11     <script type="text/javascript">
  12       $(document).ready(function() {
  13         $(window).resize(function() {
  14            var window_height = $(window).height();
  15            var position = $("#changelist table").position();
  16            height = window_height - position.top;
  17            $("#changelist table.filtered").height(height);
  18            $("#changelist-filter").height(height);
  19         });
  20         $(window).resize();
  21       });
  22     </script>
  23     {% endblock %}
  24 {% endblock %}
  25 {% block bodyclass %}change-list{% endblock %}
  26 {% block coltype %}flex{% endblock %}
  27
  28 {% block content %}
  29 <div id="library_header_link">
  30 {% if todo_only %}<a href="..">All</a>{% else %}<a href="not_run/">Not run</a>
  31 {% endif %}
  32 </div>
  33 <div id="library-index-div" >
  34   <div class="module{% if cl.has_filters %} filtered{% endif %}" id="changelist">
  35     {% block search %}{% search_form cl %}{% endblock %}
  36
  37     {% block pagination %}{% pagination cl %}{% endblock %}
  38
  39     {% block filters %}
  40     {% if cl.has_filters %}
  41     <div id="changelist-filter">
  42       <h2 >{% trans 'Filter' %}</h2>
  43       {% for spec in cl.filter_specs %}
  44          {% admin_list_filter cl spec %}
  45          {% endfor %}
  46     </div>
  47     {% endif %}
  48     {% endblock %}
  49   {% block summary_stats %}
  50   <table class="{% if cl.has_filters %} filtered{% endif %}">
  51     <thead >
  52       <tr >
  53         <td >Parent</td>
  54         <td >Library ID</td>
  55         <td >Species</td>
  56         <td >Library Name</td>
  57         <td colspan="3" >Single</td>
  58         <td colspan="3" >Paired</td>
  59         <td >HD</td>
  60       </tr>
  61       <tr >
  62         <td colspan="4"></td>
  63         <td>&lt;40</td>
  64         <td>&lt;100</td>
  65         <td>100+</td>
  66         <td>&lt;40</td>
  67         <td>&lt;100</td>
  68         <td>100+</td>
  69         <td></td>
  70       </tr>
  71     </thead>
  72     <tbody >
  73       {% for lib in library_list %}
  74       <tr typeof="libns:Library" about="{{lib.library.get_absolute_url}}">
  75         <td ><a href="{{lib.library.get_absolute_url}}">{{ lib.amplified_from }}</a></td>
  76         <td ><a href="{{lib.library.get_absolute_url}}"><span property="libns:library_id">{{ lib.library_id }}</span></a></td>
  77         <td rel="libns:species">
  78           <a typeof="libns:Species"
  79              href="{{lib.library.library_species.get_absolute_url}}">
  80             <span property="libns:species_name">{{ lib.species_name }}</span>
  81           </a>
  82         </td>
  83         <td >
  84           <a href="{{ lib.library.get_absolute_url }}">
  85             <span property="libns:name">{{ lib.library_name }}</span>
  86           </a>
  87         </td>
  88         <td  bgcolor="#00BFFF">{{ lib.lanes_run.0.0 }}</td>
  89         <td  bgcolor="#00BFFF">{{ lib.lanes_run.0.1 }}</td>
  90         <td  bgcolor="#00BFFF">{{ lib.lanes_run.0.2 }}</td>
  91         <td  bgcolor="#66CDAA">{{ lib.lanes_run.1.0 }}</td>
  92         <td  bgcolor="#66CDAA">{{ lib.lanes_run.1.1 }}</td>
  93         <td  bgcolor="#66CDAA">{{ lib.lanes_run.1.2 }}</td>
  94         {% if lib.is_archived %}
  95           <td ><img src="{% static "img/hdd_unmount.png" %}" alt="Archived" /></td>
  96         {% else %}
  97           <td ></td>
  98         {% endif %}
  99       </tr>
 100       {% endfor %}
 101     </tbody>
 102   </table>
 103   </div>
 104   {% endblock %}
 105 </div>
 106 {% endblock %}