Attempt at javascript.

This commit is contained in:
lwark
2025-06-02 10:23:28 -05:00
parent a2e1c52f22
commit 26292e275c
14 changed files with 415 additions and 138 deletions

View File

@@ -0,0 +1,20 @@
<nav class="context-menu" id="context-menu">
<h4 id="menu-header"></h4>
<ul class="context-menu__items">
<li class="context-menu__item">
<a href="#" class="context-menu__link" data-action="InsertSample">
<i class="fa fa-eye"></i> Insert Sample
</a>
</li>
<li class="context-menu__item">
<a href="#" class="context-menu__link" data-action="InsertControl">
<i class="fa fa-edit"></i> Insert EN
</a>
</li>
<li class="context-menu__item">
<a href="#" class="context-menu__link" data-action="RemoveSample">
<i class="fa fa-times"></i> Remove Sample
</a>
</li>
</ul>
</nav>

View File

@@ -0,0 +1,15 @@
<div class="plate" id="plate-container" style="grid-template-columns: repeat({{ plate_columns }}, {{ vw }}vw);grid-template-rows: repeat({{ plate_rows }}, {{ vw }}vw);">
{% for sample in samples %}
<div class="well" draggable="true" id="{{ sample['well_id'] }}" style="background-color: {{ sample['background_color'] }};">
<p style="font-size: 0.7em; text-align: center; word-wrap: break-word;">{{ sample['sample_id'] }}</p>
<!-- <div class="tooltip" style="font-size: 0.5em; text-align: center; word-wrap: break-word;">{{ sample['sample_id'] }}-->
<!-- <span class="tooltiptext">{{ sample['tooltip'] }}</span>-->
<!-- </div>--
grid-column-start: {{sample['column']}};
grid-column-end: {{sample['column']}};
grid-row-start: {{sample['row']}};
grid-row-end: {{sample['row']}};-->
</div>
{% endfor %}
</div>

View File

@@ -0,0 +1,4 @@
Sample name: {{ fields['submitter_id'] }}<br>
{% if fields['organism'] %}Organism: {{ fields['organism'] }}<br>{% endif %}
{% if fields['concentration'] %}Concentration: {{ fields['concentration'] }}<br>{% endif %}
Well: {{ fields['well'] }}<!--{{ fields['column'] }}-->