firelab-general/templates/pyrometry-results.html

56 lines
1.7 KiB
HTML
Raw Normal View History

2022-10-28 15:18:51 -07:00
{% extends "base.html" %}
{% block head %}
<script src="/s/js/csv_download.js"></script>
{% endblock %}
2022-10-11 13:46:53 -07:00
{% block content %}
<div style="display:flex; flex-direction: column;">
2022-10-11 13:46:53 -07:00
<table class="img-table">
<tr>
<th class="img-table-heading">Input Image</th>
2022-10-16 15:46:26 -07:00
<th class="img-table-heading">Output Heatmap</th>
<th class="img-table-heading">Legend</th>
2022-10-11 13:46:53 -07:00
</tr>
<tr>
{# Original image #}
2022-10-11 16:03:00 -07:00
<td class="img-table-cell" id="orig-cell">
<img class="img-out" src="data:image/png;base64,{{ img_orig_b64 }}" alt="original image">
2022-10-11 13:46:53 -07:00
</td>
{# Result image #}
2022-10-11 16:03:00 -07:00
<td class="img-table-cell" id="res-cell">
<img class="img-out" src="data:image/png;base64,{{ img_res_b64 }}" alt="result image">
2022-10-11 13:46:53 -07:00
</td>
{# Legend #}
<td>
2022-10-11 16:03:00 -07:00
<table class="legend" id="legend">
<tr>
2022-10-12 17:37:31 -07:00
<th class="legend-heading">Color</th>
<th class="legend-heading">Temperature</th>
2022-10-11 16:03:00 -07:00
</tr>
{% for temp, color in legend.items() %}
<tr>
2022-10-12 17:37:31 -07:00
<td class="legend-cell"><div style="width:30px;height:20px;background-color:{{ color }};"></div></td>
2022-10-11 16:03:00 -07:00
<td class="legend-cell">{{ temp }}°C</td>
</tr>
{% endfor %}
</table>
</td>
2022-10-11 13:46:53 -07:00
</tr>
</table>
<br>
2022-10-27 12:01:35 -07:00
{# Temperature Frequency Plot #}
<div style="display: flex; flex-direction: row; align-items: center;">
2022-10-27 12:01:35 -07:00
<strong>Temperature Distribution</strong>
<button
style="width: 10rem; height: 2rem; margin-left: 1rem;"
2022-11-04 18:58:35 -07:00
onclick="saveData(`{{csv_data}}`, 'temperature-data.csv')">Download Data as CSV</button>
</div>
{{ freq_plot | safe }}
2022-10-11 13:46:53 -07:00
</div>
2022-10-11 13:46:53 -07:00
{% endblock %}