htsworkflow/frontend/templates/experiments/flowcell_lane_detail.html

   1 {% extends "base_site.html" %}
   2 {% load humanize i18n %}
   3 {% block extrahead %}
   4     <!-- App Stuff -->
   5     <link type="text/css" rel="stylesheet" href="/static/css/app.css" />
   6     <script type="text/javascript" src="/static/js/jquery.min.js"></script>
   7
   8     {% block additional_javascript %}
   9     {% endblock %}
  10 {% endblock %}
  11
  12 {% block content %}
  13 <div id="lane_detail" class="htswdetail" typeof="libns:IlluminaLane" resource="{{lane.get_absolute_url}}">
  14   <div rel="libns:flowcell" resource="{{flowcell.get_absolute_url}}">
  15   {% include "experiments/flowcell_header.html" %}
  16   </div>
  17   <div class="flowcell_lane_detail">
  18   <h2>About this lane</h2>
  19   <b>Lane</b>:
  20     <span property="libns:lane_number">{{lane.lane_number}}</span><br/>
  21   <b>pM</b>:
  22     <span property="libns:pM" datatype="xsd:decimal">{{ lane.pM }}</span><br/>
  23   {% if lane.cluster_estimate %}
  24   <b>Cluster Estimate</b>:
  25     <span property="libns:cluster_estimate" datatype="xsd:decimal"
  26           content="{{lane.cluster_estimate}}">{{ lane.cluster_estimate|intcomma }}</span><br/>{% endif %}
  27   {% if lane.status %}
  28   <b>Lane Status</b>:
  29     <span property="libns:status">{{ lane.status }}</span><br/>{% endif %}
  30   {% if lane.comment %}
  31   <b>Comments</b>:
  32     <span property="libns:comment">{{ lane.comment }}</span><br/>{% endif %}
  33   </div>
  34   <hr/>
  35   {% include "sample_header.html" %}
  36   <hr/>
  37   <div class="htsw_flowcell_ivc">
  38   {% for run in flowcell.datarun_set.all %}
  39      <h2>Run {{ run.runfolder_name }}</h2>
  40      <table>
  41        <thead>
  42          <tr>
  43            <td>Lane</td>
  44            <td>IVC All</td>
  45            <td>IVC Call</td>
  46            <td>IVC Percent Base</td>
  47            <td>IVC Percent Base All</td>
  48            <td>IVC Percent Base Called</td>
  49          </tr>
  50        </thead>
  51        <tbody>
  52           {% for run, lane_number, lane_file_set in filtered_dataruns %}
  53           {% if lane_file_set.ivc_all %}
  54           <tr>
  55             <td>{{lane_number}}</td>
  56             <td>
  57               <a href="{{ lane_file_set.ivc_all.get_absolute_url }}">
  58               <img height="84" width="126" alt="Lane {{lane_id }} IVC All"
  59                    src="{{ lane_file_set.ivc_all.get_absolute_url }}"/></a>
  60             </td>
  61             <td>
  62               <a href="{{ lane_file_set.ivc_call.get_absolute_url }}">
  63               <img height="84" width="126" alt="Lane {{lane_id }} IVC Call"
  64                    src="{{ lane_file_set.ivc_call.get_absolute_url }}"/>
  65               </a>
  66             </td>
  67             <td>
  68               <a href="{{ lane_file_set.ivc_percent_base.get_absolute_url }}">
  69               <img height="84" width="126" alt="Lane {{lane_id }} IVC % Base"
  70                    src="{{ lane_file_set.ivc_percent_base.get_absolute_url }}"/>
  71               </a>
  72             </td>
  73             <td>
  74               <a href="{{ lane_file_set.ivc_percent_all.get_absolute_url }}">
  75               <img height="84" width="126" alt="Lane {{lane_id }} IVC % Base All"
  76                    src="{{ lane_file_set.ivc_percent_all.get_absolute_url }}"/>
  77               </a>
  78             </td>
  79             <td>
  80               <a href="{{ lane_file_set.ivc_percent_call.get_absolute_url }}">
  81               <img height="84" width="126"
  82                    alt="Lane {{lane_id }} IVC % Base Called"
  83                    src="{{ lane_file_set.ivc_percent_call.get_absolute_url }}"/>
  84               </a>
  85             </td>
  86           </tr>
  87           {% else %}
  88             <tr><td colspan="6">No data</td></tr>
  89           {% endif %}
  90           {% endfor %}
  91        </tbody>
  92      </table>
  93   {% endfor %}
  94   </div>
  95 </div>
  96
  97 {% endblock %}