Skip to content

Commit

Permalink
solved issue BU-ISCIII#303 No horizontal scroll when displaying sampl…
Browse files Browse the repository at this point in the history 
…e information
  • Loading branch information
@luissian
luissian committed Sep 29, 2024
1 parent f8108cc commit 43bcd4e
Showing 1 changed file with 44 additions and 40 deletions.
84 changes: 44 additions & 40 deletions wetlab/templates/wetlab/display_sample.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -131,51 +131,55 @@ <h3 class="text-center">Sample information for {{sample_information.sample_name}
<div class="container">
<div class="row mt-4">
{% for molecule_values, molecule_param_heading , molecule_param_values in sample_information.molecule_definition_data %}
<div class="row mt-4">
<div class="col">
<div class="card">
<div class="card-header text-center"><h3>Molecule extraction information</h3tyle=></div>
<div class="card-body">
<table class="table table-hover">
<thead>
<tr>
{% for values in sample_information.molecule_definition_heading %}
<th>{{ values }} </th>
{%endfor%}
</tr>
</thead>
<tbody>
<tr>
{% for mol_values in molecule_values %}
<td>{{ mol_values }} </td>
{%endfor%}
</tr>
</tbody>
</table>
<div class="card-header text-center"><h3>Extraction information</h3></div>
<div class="card-body">
<table class="table table-hover">
<thead>
<tr>
{% for values in sample_information.molecule_definition_heading %}
<th>{{ values }} </th>
{%endfor%}
</tr>
</thead>
<tbody>
<tr>
{% for mol_values in molecule_values %}
<td>{{ mol_values }} </td>
{%endfor%}
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
{% if molecule_param_heading is not None %}
<div class="col">
<div class="card ">
<div class="card-header text-align-center"><h4>Quality Parameter Molecule Information</h4></div>
<div class="card-body">
<div class="row horizontal-scroll">
<table class="table table-hover">
<thead>
<tr>
{% for mol_par_head in molecule_param_heading %}
<th>{{ mol_par_head }} </th>
{%endfor%}
</tr>
</thead>
<tbody>
<tr>
{% for value in molecule_param_values %}
<td>{{ value }} </td>
{%endfor%}
</tr>
</tbody>
</table>
<div class="row mt-4">
<div class="col">
<div class="card ">
<div class="card-header text-align-center"><h4>Protocol Extraction Information</h4></div>
<div class="card-body">
<div class="row horizontal-scroll">
<table class="table table-hover">
<thead>
<tr>
{% for mol_par_head in molecule_param_heading %}
<th>{{ mol_par_head }} </th>
{%endfor%}
</tr>
</thead>
<tbody>
<tr>
{% for value in molecule_param_values %}
<td>{{ value }} </td>
{%endfor%}
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
Expand All @@ -186,7 +190,7 @@ <h3 class="text-center">Sample information for {{sample_information.sample_name}
{% csrf_token %}
<input type="hidden" name="action" value="repeat_extraction">
<input type="hidden" name="sample_id" value="{{sample_information.sample_id}}">
<input class="btn btn-outline-primary float-end my-3" type="submit" value="Repeat Molecule Extraction">
<input class="btn btn-outline-primary float-end my-3" type="submit" value="Repeat Extraction">
</form>
</div>
</div>
Expand Down

0 comments on commit 43bcd4e

Please sign in to comment.