106 lines
4.7 KiB
HTML
106 lines
4.7 KiB
HTML
{% extends "details.html" %}
|
|
|
|
<html>
|
|
<head>
|
|
{% block head %}
|
|
{{ super() }}
|
|
<title>Submission Details for {{ sub['plate_number'] }}</title>
|
|
{% endblock %}
|
|
</head>
|
|
<body>
|
|
{% block body %}
|
|
<h2><u>Submission Details for {{ sub['plate_number'] }}</u></h2> {% if sub['barcode'] %}<img align='right' height="30px" width="120px" src="data:image/jpeg;base64,{{ sub['barcode'] | safe }}">{% endif %}
|
|
{{ super() }}
|
|
<p>{% for key, value in sub.items() if key not in sub['excluded'] %}
|
|
<b>{{ key | replace("_", " ") | title | replace("Pcr", "PCR") }}: </b>{% if key=='cost' %}{% if sub['cost'] %} {{ "${:,.2f}".format(value) }}{% endif %}{% else %}{{ value }}{% endif %}<br>
|
|
{% endfor %}
|
|
{% if sub['custom'] %}{% for key, value in sub['custom'].items() %}
|
|
<b>{{ key | replace("_", " ") | title }}: </b>{{ value }}<br>
|
|
{% endfor %}{% endif %}</p>
|
|
|
|
<h3><u>Reagents:</u></h3>
|
|
<p>{% for item in sub['reagents'] %}
|
|
<b>{{ item['role'] }}</b>: <a class="data-link" id="{{ item['lot'] }}">{{ item['lot'] }} (EXP: {{ item['expiry'] }})</a><br>
|
|
{% endfor %}</p>
|
|
|
|
{% if sub['equipment'] %}
|
|
<h3><u>Equipment:</u></h3>
|
|
<p>{% for item in sub['equipment'] %}
|
|
<b>{{ item['role'] }}:</b> {{ item['name'] }} ({{ item['asset_number'] }}): {{ item['processes'][0]|replace('\n\t', '<br> ') }}<br>
|
|
{% endfor %}</p>
|
|
{% endif %}
|
|
{% if sub['tips'] %}
|
|
<h3><u>Tips:</u></h3>
|
|
<p>{% for item in sub['tips'] %}
|
|
<b>{{ item['role'] }}:</b> {{ item['name'] }} ({{ item['lot'] }})<br>
|
|
{% endfor %}</p>
|
|
{% endif %}
|
|
{% if sub['samples'] %}
|
|
<h3><u>Samples:</u></h3>
|
|
<p>{% for item in sub['samples'] %}
|
|
<b>{{ item['well'] }}:</b><a class="data-link" id="{{ item['submitter_id'] }}_alpha">{% if item['organism'] %} {{ item['name'] }} - ({{ item['organism']|replace('\n\t', '<br> ') }}){% else %} {{ item['name']|replace('\n\t', '<br> ') }}{% endif %}</a><br>
|
|
{% endfor %}</p>
|
|
{% endif %}
|
|
|
|
{% if sub['ext_info'] %}
|
|
{% for entry in sub['ext_info'] %}
|
|
<h3><u>Extraction Status:</u></h3>
|
|
<p>{% for key, value in entry.items() %}
|
|
{% if "column" in key %}
|
|
<b>{{ key|replace('_', ' ')|title() }}:</b> {{ value }}uL<br>
|
|
{% else %}
|
|
<b>{{ key|replace('_', ' ')|title() }}:</b> {{ value }}<br>
|
|
{% endif %}
|
|
{% endfor %}</p>
|
|
{% endfor %}
|
|
{% endif %}
|
|
|
|
{% if sub['comment'] %}
|
|
<h3><u>Comments:</u></h3>
|
|
<p>{% for entry in sub['comment'] %}
|
|
<b>{{ entry['name'] }}:</b><br> {{ entry['text'] }}<br>- {{ entry['time'] }}<br>
|
|
{% endfor %}</p>
|
|
{% endif %}
|
|
{% if sub['platemap'] %}
|
|
<h3><u>Plate map:</u></h3>
|
|
{{ sub['platemap'] }}
|
|
{% endif %}
|
|
{% if sub['export_map'] %}
|
|
<h3><u>Plate map:</u></h3>
|
|
<img height="600px" width="1300px" src="data:image/jpeg;base64,{{ sub['export_map'] | safe }}">
|
|
{% endif %}
|
|
{% endblock %}
|
|
{% block signing_button %}
|
|
{% if signing_permission %}
|
|
<button type="button" id="sign_btn">Sign Off</button>
|
|
{% endif %}
|
|
{% endblock %}
|
|
|
|
<br>
|
|
<br>
|
|
<br>
|
|
</body>
|
|
<script>
|
|
{% block script %}
|
|
{{ super() }}
|
|
{% for sample in sub['samples'] %}
|
|
document.getElementById("{{ sample['submitter_id'] }}").addEventListener("click", function(){
|
|
backend.sample_details("{{ sample['submitter_id'] }}");
|
|
});
|
|
document.getElementById("{{ sample['submitter_id'] }}_alpha").addEventListener("click", function(){
|
|
backend.sample_details("{{ sample['submitter_id'] }}");
|
|
});
|
|
{% endfor %}
|
|
{% for reagent in sub['reagents'] %}
|
|
document.getElementById("{{ reagent['lot'] }}").addEventListener("click", function(){
|
|
backend.reagent_details("{{ reagent['lot'] }}", "{{ sub['extraction_kit'] }}");
|
|
});
|
|
{% endfor %}
|
|
document.getElementById("sign_btn").addEventListener("click", function(){
|
|
backend.sign_off("{{ sub['plate_number'] }}");
|
|
});
|
|
|
|
{% endblock %}
|
|
</script>
|
|
</html>
|