pingu_98/cara
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added frontend visualisation for CO2 plot

Browse source
This commit is contained in:
Luis Aleixo 2023-02-15 14:53:45 +01:00
parent f14406de74
commit 6bfebc76d4
2 changed files with 23 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
caimira/apps/calculator/static/js/report.js
View file

@ -1163,4 +1163,4 @@ function export_csv() {
link.setAttribute("download", "report_data.csv");
document.body.appendChild(link);
link.click();
}
}

22
caimira/apps/templates/base/calculator.report.html.j2
View file

@ -224,6 +224,27 @@
</div>
</div>
<div class="card bg-light mb-3">
<div class="card-header"><strong>Predictive CO₂ Concentration Profile</strong>
<button class="icon_button p-0 float-right" data-toggle="collapse" href="#collapseCO₂Profile" role="button" aria-expanded="false" aria-controls="collapseCO₂Profile">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-expand" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M3.646 9.146a.5.5 0 0 1 .708 0L8 12.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708zm0-2.292a.5.5 0 0 0 .708 0L8 3.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708z"/>
</svg>
</button>
</div>
<div class="collapse" id="collapseCO₂Profile">
<div class="card-body">
<div>
<div id="CO2_concentration_graph" style="height: 400px"></div>
<script type="application/javascript">
let CO2_concentrations = {{ CO2_concentrations | JSONify }}
draw_CO2_concentration_plot("CO2_concentration_graph");
</script>
</div>
</div>
</div>
</div>
{% if form.short_range_option == "short_range_no" %}
<div class="card bg-light mb-3">
<div class="card-header"><strong>Alternative scenarios</strong>
@ -283,6 +304,7 @@
</div>
</div>
{% endif %}
{% endblock report_results %}
<!-- Export Data Concentration Modal -->