Skip to content

Commit

Permalink
Resize images and fix filepath
Browse files Browse the repository at this point in the history
  • Loading branch information
@Snicker7
Snicker7 committed Sep 28, 2022
1 parent 2f70855 commit df896b0
Show file tree
Hide file tree
Showing 2 changed files with 40 additions and 46 deletions.
72 changes: 36 additions & 36 deletions templates/report.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,7 @@ <h5>CRISPResso2 run information</h5>
<div class='card-body'>
<div class='tab-content'>
<div class="tab-pane fade show active" id="log_aln" role="tabpanel">
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_1a')}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_1a', width='40%')}}
</div>
{{ render_partial('shared/partials/log_params.html', report_data=report_data) }}
</div>
Expand All @@ -100,14 +100,14 @@ <h5>Allele assignments</h5>
<div class='card-body'>
<div class="tab-content" id="tabContent">
<div class="tab-pane fade show active" id="aln_pie" role="tabpanel" aria-labelledby="aln_pie-tab">
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_1b')}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_1b', width='40%')}}
</div>
<div class="tab-pane fade" id="aln_bar" role="tabpanel" aria-labelledby="aln_bar-tab">
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_1c')}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_1c', width='40%')}}
</div>
{% if report_data['figures']['locs']['plot_1d'] %}
<div class="tab-pane fade" id="aln_dsODN" role="tabpanel" aria-labelledby="aln_dsODN-tab">
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_1d')}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_1d', width='40%')}}
</div>
{% endif %}
</div>
Expand All @@ -121,7 +121,7 @@ <h5>Allele assignments</h5>
<h5>Global frameshift analysis</h5>
</div>
<div class='card-body'>
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_5a')}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_5a', width='40%')}}
</div>
</div>
{% endif %}
Expand All @@ -132,7 +132,7 @@ <h5>Global frameshift analysis</h5>
<h5>Global frameshift mutagenesis profiles</h5>
</div>
<div class='card-body'>
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_6a')}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_6a', width='40%')}}
</div>
</div>
{% endif %}
Expand All @@ -143,7 +143,7 @@ <h5>Global frameshift mutagenesis profiles</h5>
<h5>Global splicing analysis</h5>
</div>
<div class='card-body'>
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_8a')}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_8a', width='40%')}}
</div>
</div>
{% endif %}
Expand All @@ -160,7 +160,7 @@ <h5>HDR summary report (all reads aligned to {{report_data.amplicons[0]}})</h5>
{% endif %}
</div>
<div class='card-body'>
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_4g', amplicon_name=report_data.amplicons[0])}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_4g', width='40%', amplicon_name=report_data.amplicons[0])}}
</div>
</div>
{% endif %}
Expand All @@ -177,7 +177,7 @@ <h5>Prime editing report (all reads aligned to {{report_data.amplicons[0]}})</h5
{% endif %}
</div>
<div class='card-body'>
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_11a', amplicon_name=report_data.amplicons[0])}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_11a', width='40%', amplicon_name=report_data.amplicons[0])}}
</div>
</div>
{% endif %}
Expand All @@ -194,7 +194,7 @@ <h5>Prime editing summary plots at analysis positions (aligned to {{report_data.
<div class='card-body'>
{% for fig_name in report_data['figures']['sgRNA_based_names'][report_data.amplicons[0]]['11b'] %}
<div class='mb-4'>
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name=fig_name, amplicon_name=report_data.amplicons[0])}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name=fig_name, width='40%', amplicon_name=report_data.amplicons[0])}}
</div>
{% endfor %}
</div>
Expand All @@ -208,7 +208,7 @@ <h5>Prime editing summary plots at analysis positions (aligned to {{report_data.
<h5>Scaffold insertions</h5>
</div>
<div class='card-body'>
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_11c')}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_11c', width='40%')}}
</div>
</div>
{% endif %}
Expand Down Expand Up @@ -288,7 +288,7 @@ <h5>Nucleotide composition for {{amplicon_name}}</h5>

{% if report_data['figures']['sgRNA_based_names'][amplicon_name] and report_data['figures']['sgRNA_based_names'][amplicon_name]['2b']%}
{% for fig_name in report_data['figures']['sgRNA_based_names'][amplicon_name]['2b'] %}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name=fig_name, amplicon_name=amplicon_name)}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name=fig_name, width='80%', amplicon_name=amplicon_name)}}
{% endfor %}
{% endif %}
</div>
Expand Down Expand Up @@ -318,13 +318,13 @@ <h5>Modification lengths for {{amplicon_name}}</h5>
<div class="tab-content" id="pills-tabContent">
{% if report_data['figures']['locs'][amplicon_name]['plot_3a'] %}
<div class="tab-pane fade show active" id="{{amplicon_name}}_3a" role="tabpanel">
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_3a', amplicon_name=amplicon_name)}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_3a', width='40%', amplicon_name=amplicon_name)}}
</div>
{% endif %}

{% if report_data['figures']['locs'][amplicon_name]['plot_3b'] %}
<div class="tab-pane fade" id="{{amplicon_name}}_3b" role="tabpanel">
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_3b', amplicon_name=amplicon_name)}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_3b', width='100%', amplicon_name=amplicon_name)}}
</div>
{% endif %}
</div>
Expand Down Expand Up @@ -375,35 +375,35 @@ <h5>Indel characterization for {{amplicon_name}}</h5>
<div class="tab-content" id="pills-tabContent">
{% if report_data['figures']['locs'][amplicon_name]['plot_4a'] %}
<div class="tab-pane fade" id="{{amplicon_name}}_4a" role="tabpanel">
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_4a', amplicon_name=amplicon_name)}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_4a', width='40%', amplicon_name=amplicon_name)}}
</div>
{% endif %}
{% if report_data['figures']['locs'][amplicon_name]['plot_4b'] %}
<div class="tab-pane fade show active" id="{{amplicon_name}}_4b" role="tabpanel">
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_4b', amplicon_name=amplicon_name)}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_4b', width='40%', amplicon_name=amplicon_name)}}
</div>
{% endif %}
{% if report_data['figures']['locs'][amplicon_name]['plot_4c'] %}
<div class="tab-pane fade" id="{{amplicon_name}}_4c" role="tabpanel">
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_4c', amplicon_name=amplicon_name)}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_4c', width='40%', amplicon_name=amplicon_name)}}
</div>
{% endif %}

{% if report_data['figures']['locs'][amplicon_name]['plot_4d'] %}
<div class="tab-pane fade" id="{{amplicon_name}}_4d" role="tabpanel">
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_4d', amplicon_name=amplicon_name)}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_4d', width='80%', amplicon_name=amplicon_name)}}
</div>
{% endif %}

{% if report_data['figures']['locs'][amplicon_name]['plot_4e'] %}
<div class="tab-pane fade" id="{{amplicon_name}}_4e" role="tabpanel">
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_4e', amplicon_name=amplicon_name)}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_4e', width='40%', amplicon_name=amplicon_name)}}
</div>
{% endif %}

{% if report_data['figures']['locs'][amplicon_name]['plot_4f'] %}
<div class="tab-pane fade" id="{{amplicon_name}}_4f" role="tabpanel">
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_4f', amplicon_name=amplicon_name)}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_4f', width='40%', amplicon_name=amplicon_name)}}
</div>
{% endif %}
</div>
Expand All @@ -421,7 +421,7 @@ <h5>Frameshift analysis for {{amplicon_name}}</h5>
{% endif %}
</div>
<div class='card-body'>
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_5', amplicon_name=amplicon_name)}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_5', width='40%', amplicon_name=amplicon_name)}}
</div>
</div>
{% endif %}
Expand All @@ -436,7 +436,7 @@ <h5>Frameshift mutagenesis profiles for {{amplicon_name}}</h5>
{% endif %}
</div>
<div class='card-body'>
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_6', amplicon_name=amplicon_name)}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_6', width='40%', amplicon_name=amplicon_name)}}
</div>
</div>
{% endif %}
Expand All @@ -451,7 +451,7 @@ <h5>Coding mutations for {{amplicon_name}}</h5>
{% endif %}
</div>
<div class='card-body'>
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_7', amplicon_name=amplicon_name)}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_7', width='40%', amplicon_name=amplicon_name)}}
</div>
</div>
{% endif %}
Expand All @@ -466,7 +466,7 @@ <h5>Splicing for {{amplicon_name}}</h5>
{% endif %}
</div>
<div class='card-body'>
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_8', amplicon_name=amplicon_name)}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_8', width='40%', amplicon_name=amplicon_name)}}
</div>
</div>
{% endif %}
Expand All @@ -483,7 +483,7 @@ <h5>Allele plots for {{amplicon_name}}</h5>
<div class='card-body'>
{% for fig_name in report_data['figures']['sgRNA_based_names'][amplicon_name]['9'] %}
<div class='mb-4'>
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name=fig_name, amplicon_name=amplicon_name)}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name=fig_name, width='100%', amplicon_name=amplicon_name)}}
</div>
{% endfor %}
</div>
Expand Down Expand Up @@ -526,29 +526,29 @@ <h5>Base editing for {{amplicon_name}}</h5>
{% if report_data['figures']['locs'][amplicon_name]['plot_10c'] %}
<div class="tab-pane fade show active" id="{{amplicon_name}}_10a" role="tabpanel">
<div class='mb-3'>
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_10a', amplicon_name=amplicon_name)}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_10a', width='80%', amplicon_name=amplicon_name)}}
</div>
<div>
<label class="labelpadding">Figures 10b,c: Substitution frequencies across the entire amplicon (left) and in the quantification window (right).</label>
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_10b', amplicon_name=amplicon_name)}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_10c', amplicon_name=amplicon_name)}}
<label class="labelpadding">Figures 10b,c: Substitution frequencies across the entire amplicon (top) and in the quantification window (bottom).</label>
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_10b', width='50%', amplicon_name=amplicon_name)}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_10c', width='50%', amplicon_name=amplicon_name)}}
</div>
</div>
{% else %}
<div class="tab-pane fade show active" id="{{amplicon_name}}_10a" role="tabpanel">
<div class='mb-3'>
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_10a', amplicon_name=amplicon_name)}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_10a', width='80%', amplicon_name=amplicon_name)}}
</div>
<div>
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_10b', amplicon_name=amplicon_name)}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_10b', width='50%', amplicon_name=amplicon_name)}}
</div>
</div>
{% endif %}
{% if report_data['figures']['sgRNA_based_names'][amplicon_name] and report_data['figures']['sgRNA_based_names'][amplicon_name]['10d']%}
<div class="tab-pane fade" id="{{amplicon_name}}_10d" role="tabpanel">
{% for fig_name in report_data['figures']['sgRNA_based_names'][amplicon_name]['10d'] %}
<div class='mb-4'>
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name=fig_name, amplicon_name=amplicon_name)}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name=fig_name, width='80%', amplicon_name=amplicon_name)}}
</div>
{% endfor %}
</div>
Expand All @@ -557,7 +557,7 @@ <h5>Base editing for {{amplicon_name}}</h5>
<div class="tab-pane fade" id="{{amplicon_name}}_10e" role="tabpanel">
{% for fig_name in report_data['figures']['sgRNA_based_names'][amplicon_name]['10e'] %}
<div class='mb-4'>
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name=fig_name, amplicon_name=amplicon_name)}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name=fig_name, width='80%', amplicon_name=amplicon_name)}}
</div>
{% endfor %}
</div>
Expand All @@ -566,17 +566,17 @@ <h5>Base editing for {{amplicon_name}}</h5>
<div class="tab-pane fade" id="{{amplicon_name}}_10f" role="tabpanel">
{% for fig_name in report_data['figures']['sgRNA_based_names'][amplicon_name]['10f'] %}
<div class='mb-4'>
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_10f', amplicon_name=amplicon_name)}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name=fig_name, width='80%', amplicon_name=amplicon_name)}}
</div>
{% endfor %}
{% for fig_name in report_data['figures']['sgRNA_based_names'][amplicon_name]['10g'] %}
<div class='mb-4'>
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name='plot_10g', amplicon_name=amplicon_name)}}
{{ render_partial('shared/partials/fig_reports.html', report_data=report_data, fig_name=fig_name, width='80%', amplicon_name=amplicon_name)}}
</div>
{% endfor %}
</div>
{% endif %}
</div>
{% endif %}
</div>
</div> {# end card #}
{% endif %} {# end base editing card #}
Expand Down
Loading

0 comments on commit df896b0

Please sign in to comment.